@takumi-rs/helpers 0.42.0 → 0.43.0

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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1 @@
+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};

package/dist/jsx/jsx.cjs

@@ -1 +1 @@
-"use strict";var f=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var O=Object.prototype.hasOwnProperty;var $=(e,t)=>{for(var r in t)f(e,r,{get:t[r],enumerable:!0})},I=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of A(t))!O.call(e,o)&&o!==r&&f(e,o,{get:()=>t[o],enumerable:!(n=L(t,o))||n.enumerable});return e};var W=e=>I(f({},"__esModule",{value:!0}),e);var G={};$(G,{fromJsx:()=>J});module.exports=W(G);function m(e,t){t&&Object.keys(t).length>0&&(e.style=t)}function l(e){let t={type:"container",children:e.children};return m(t,e.style),t}function u(e,t){let r={type:"text",text:e};return m(r,t),r}function y(e){let t={type:"image",src:e.src};return m(t,e.style),t}function g(e){return{percentage:e}}var c={p:{marginTop:"1em",marginBottom:"1em",display:"block"},blockquote:{marginTop:"1em",marginBottom:"1em",marginLeft:40,marginRight:40,display:"block"},center:{textAlign:"center",display:"inline"},hr:{marginTop:"0.5em",marginBottom:"0.5em",marginLeft:"auto",marginRight:"auto",borderWidth:1},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",marginTop:"1em",marginBottom:"1em",display:"inline"},mark:{backgroundColor:16776960,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"}};function d(e,t){return e.type===t&&"props"in e}function b(e){return e.replace(/([A-Z])/g,"-$1").toLowerCase()}function i(e){return typeof e=="object"&&e!==null&&"type"in e}function s(e){return typeof e=="function"}var z=Symbol.for("react.forward_ref"),F=Symbol.for("react.memo"),j=Symbol.for("react.fragment");function S(e){return e.$$typeof===z}function E(e){return e.$$typeof===F}function R(e){return e.type===j}function B(e){return typeof e=="string"||typeof e=="number"}function P(e){return e.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function M(e){return Object.keys(e).map(t=>`${t.replace(/([A-Z])/g,"-$1").toLowerCase()}:${String(e[t]).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 H(e,t){if(e==="children"||t==null)return;let r;if(e==="className"?r="class":_.includes(e)?r=b(e):r=e,typeof t=="boolean")return`${r}="${String(t)}"`;if(e==="style"&&typeof t=="object"){let n=M(t);if(n)return`style="${P(n)}"`}return`${r}="${P(String(t))}"`}function X(e){return Object.entries(e).map(([t,r])=>H(t,r)).filter(t=>t!==void 0)}var D=(e,t)=>{let r=e.props||{};if(s(e.type))return p(e.type(e.props));if(typeof e.type=="symbol"||typeof e.type!="string")return"";let n=X(r),o=r.children,k=Array.isArray(o)?o.map(v=>t(v)).join(""):t(o);return`<${e.type}${n.length>0?` ${n.join(" ")}`:""}>${k}</${e.type}>`},p=e=>e==null||e===!1?"":B(e)?String(e):Array.isArray(e)?e.map(p).join(""):i(e)?D(e,p):"";function x(e){let t=e.props||{};if(!("xmlns"in t)){let r={...e,props:{...t,xmlns:"http://www.w3.org/2000/svg"}};return p(r)||""}return p(e)||""}async function J(e){let t=await a(e);return t.length===0?l({}):t.length===1&&t[0]!==void 0?t[0]:l({children:t,style:{width:g(100),height:g(100)}})}async function a(e){if(e==null||e===!1)return[];if(e instanceof Promise)return a(await e);if(typeof e=="object"&&Symbol.iterator in e)return Z(e);if(i(e)){let t=await N(e);return Array.isArray(t)?t:t?[t]:[]}return[u(String(e),c.span)]}function V(e){if(!(typeof e.type!="object"||e.type===null)){if(S(e.type)&&"render"in e.type){let t=e.type;return a(t.render(e.props,null))}if(E(e.type)&&"type"in e.type){let r=e.type.type;if(s(r))return a(r(e.props));let n={...e,type:r};return N(n)}}}function C(e){if(!i(e))return Promise.resolve(void 0);let t=typeof e.props=="object"&&e.props!==null&&"children"in e.props?e.props.children:void 0;return typeof t=="string"?Promise.resolve(t):typeof t=="number"?Promise.resolve(String(t)):Array.isArray(t)?Promise.resolve(T(t)):typeof t=="object"&&t!==null&&Symbol.iterator in t?Promise.resolve(T(Array.from(t))):i(t)&&R(t)?C(t):Promise.resolve(void 0)}function T(e){if(!e.some(t=>i(t)))return e.map(t=>typeof t=="string"?t:typeof t=="number"?String(t):"").join("")}async function N(e){if(s(e.type))return a(e.type(e.props));let t=V(e);if(t!==void 0)return t;if(R(e))return await w(e)||[];if(d(e,"img"))return[Y(e)];if(d(e,"svg"))return[K(e)];let r=h(e),n=await C(e);if(n!==void 0)return[u(n,r)];let o=await w(e);return[l({children:o,style:r})]}function Y(e){if(!e.props.src)throw new Error("Image element must have a 'src' prop.");let t=h(e);return y({src:e.props.src,style:t})}function K(e){let t=h(e),r=x(e);return y({style:t,src:r})}var q={WebkitTextStroke:"textStroke",WebkitTextStrokeWidth:"textStrokeWidth",WebkitTextStrokeColor:"textStrokeColor"};function h(e){let t={};typeof e.type=="string"&&e.type in c&&Object.assign(t,c[e.type]);let r=typeof e.props=="object"&&e.props!==null&&"style"in e.props&&typeof e.props.style=="object"&&e.props.style!==null?e.props.style:void 0;if(r&&Object.keys(r).length>0){for(let[n,o]of Object.entries(q))n in r&&(t[o]=r[n],delete r[n]);Object.assign(t,r)}return t}function w(e){return typeof e.props!="object"||e.props===null||!("children"in e.props)?Promise.resolve([]):a(e.props.children)}function Z(e){return Promise.all(Array.from(e).map(a)).then(t=>t.flat())}0&&(module.exports={fromJsx});
+"use strict";var m=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var O=Object.getOwnPropertyNames;var F=Object.prototype.hasOwnProperty;var A=(t,e)=>{for(var r in e)m(t,r,{get:e[r],enumerable:!0})},$=(t,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of O(e))!F.call(t,o)&&o!==r&&m(t,o,{get:()=>e[o],enumerable:!(n=L(e,o))||n.enumerable});return t};var I=t=>$(m({},"__esModule",{value:!0}),t);var U={};A(U,{fromJsx:()=>D});module.exports=I(U);function u(t,e){e&&Object.keys(e).length>0&&(t.style=e)}function l(t){let e={type:"container",children:t.children};return u(e,t.style),e}function y(t,e){let r={type:"text",text:t};return u(r,e),r}function g(t){let e={type:"image",src:t.src};return u(e,t.style),e}function d(t){return{percentage:t}}var f={p:{marginTop:"1em",marginBottom:"1em",display:"block"},blockquote:{marginTop:"1em",marginBottom:"1em",marginLeft:40,marginRight:40,display:"block"},center:{textAlign:"center",display:"inline"},hr:{marginTop:"0.5em",marginBottom:"0.5em",marginLeft:"auto",marginRight:"auto",borderWidth:1},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",marginTop:"1em",marginBottom:"1em",display:"inline"},mark:{backgroundColor:16776960,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"}};function R(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 W=Symbol.for("react.forward_ref"),j=Symbol.for("react.memo"),J=Symbol.for("react.fragment");function x(t){return t.$$typeof===W}function E(t){return t.$$typeof===j}function h(t){return t.type===J}function z(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 B(t){return Object.keys(t).map(e=>`${e.replace(/([A-Z])/g,"-$1").toLowerCase()}:${String(t[e]).trim()}`).join(";")}var M=["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 _(t,e){if(t==="children"||e==null)return;let r;if(t==="className"?r="class":M.includes(t)?r=S(t):r=t,typeof e=="boolean")return`${r}="${String(e)}"`;if(t==="style"&&typeof e=="object"){let n=B(e);if(n)return`style="${P(n)}"`}return`${r}="${P(String(e))}"`}function H(t){return Object.entries(t).map(([e,r])=>_(e,r)).filter(e=>e!==void 0)}var X=(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=H(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}>`},c=t=>t==null||t===!1?"":z(t)?String(t):Array.isArray(t)?t.map(c).join(""):i(t)?X(t,c):"";function w(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 D(t,e){let r=await s(t,e??{});return r.length===0?l({}):r.length===1&&r[0]!==void 0?r[0]:l({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 G(t,e);if(i(t)){let r=await v(t,e);return Array.isArray(r)?r:r?[r]:[]}return[y(String(t),f.span)]}function V(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(p(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)&&h(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(p(t.type))return s(t.type(t.props),e);let r=V(t,e);if(r!==void 0)return r;if(h(t))return await C(t,e)||[];if(R(t,"img"))return[Y(t,e)];if(R(t,"svg"))return[K(t,e)];let n=k(t,e),o=await N(t);if(o!==void 0)return[y(o,n)];let a=await C(t,e);return[l({children:a,style:n})]}function Y(t,e){if(!t.props.src)throw new Error("Image element must have a 'src' prop.");let r=k(t,e);return g({src:t.props.src,style:r})}function K(t,e){let r=k(t,e),n=w(t);return g({style:r,src:n})}var q={WebkitTextStroke:"textStroke",WebkitTextStrokeWidth:"textStrokeWidth",WebkitTextStrokeColor:"textStrokeColor"};function Z(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 k(t,e){let r={};typeof t.type=="string"&&t.type in f&&Object.assign(r,f[t.type]),Z(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(q))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 G(t,e){return Promise.all(Array.from(t).map(r=>s(r,e))).then(r=>r.flat())}0&&(module.exports={fromJsx});

package/dist/jsx/jsx.d.cts

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

package/dist/jsx/jsx.d.ts

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

package/dist/jsx/jsx.js

@@ -1 +1 @@
-function f(e,t){t&&Object.keys(t).length>0&&(e.style=t)}function l(e){let t={type:"container",children:e.children};return f(t,e.style),t}function m(e,t){let r={type:"text",text:e};return f(r,t),r}function u(e){let t={type:"image",src:e.src};return f(t,e.style),t}function y(e){return{percentage:e}}var c={p:{marginTop:"1em",marginBottom:"1em",display:"block"},blockquote:{marginTop:"1em",marginBottom:"1em",marginLeft:40,marginRight:40,display:"block"},center:{textAlign:"center",display:"inline"},hr:{marginTop:"0.5em",marginBottom:"0.5em",marginLeft:"auto",marginRight:"auto",borderWidth:1},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",marginTop:"1em",marginBottom:"1em",display:"inline"},mark:{backgroundColor:16776960,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"}};function g(e,t){return e.type===t&&"props"in e}function k(e){return e.replace(/([A-Z])/g,"-$1").toLowerCase()}function i(e){return typeof e=="object"&&e!==null&&"type"in e}function s(e){return typeof e=="function"}var v=Symbol.for("react.forward_ref"),L=Symbol.for("react.memo"),A=Symbol.for("react.fragment");function b(e){return e.$$typeof===v}function S(e){return e.$$typeof===L}function d(e){return e.type===A}function O(e){return typeof e=="string"||typeof e=="number"}function E(e){return e.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function $(e){return Object.keys(e).map(t=>`${t.replace(/([A-Z])/g,"-$1").toLowerCase()}:${String(e[t]).trim()}`).join(";")}var I=["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 W(e,t){if(e==="children"||t==null)return;let r;if(e==="className"?r="class":I.includes(e)?r=k(e):r=e,typeof t=="boolean")return`${r}="${String(t)}"`;if(e==="style"&&typeof t=="object"){let n=$(t);if(n)return`style="${E(n)}"`}return`${r}="${E(String(t))}"`}function z(e){return Object.entries(e).map(([t,r])=>W(t,r)).filter(t=>t!==void 0)}var F=(e,t)=>{let r=e.props||{};if(s(e.type))return p(e.type(e.props));if(typeof e.type=="symbol"||typeof e.type!="string")return"";let n=z(r),o=r.children,h=Array.isArray(o)?o.map(N=>t(N)).join(""):t(o);return`<${e.type}${n.length>0?` ${n.join(" ")}`:""}>${h}</${e.type}>`},p=e=>e==null||e===!1?"":O(e)?String(e):Array.isArray(e)?e.map(p).join(""):i(e)?F(e,p):"";function P(e){let t=e.props||{};if(!("xmlns"in t)){let r={...e,props:{...t,xmlns:"http://www.w3.org/2000/svg"}};return p(r)||""}return p(e)||""}async function U(e){let t=await a(e);return t.length===0?l({}):t.length===1&&t[0]!==void 0?t[0]:l({children:t,style:{width:y(100),height:y(100)}})}async function a(e){if(e==null||e===!1)return[];if(e instanceof Promise)return a(await e);if(typeof e=="object"&&Symbol.iterator in e)return H(e);if(i(e)){let t=await C(e);return Array.isArray(t)?t:t?[t]:[]}return[m(String(e),c.span)]}function j(e){if(!(typeof e.type!="object"||e.type===null)){if(b(e.type)&&"render"in e.type){let t=e.type;return a(t.render(e.props,null))}if(S(e.type)&&"type"in e.type){let r=e.type.type;if(s(r))return a(r(e.props));let n={...e,type:r};return C(n)}}}function w(e){if(!i(e))return Promise.resolve(void 0);let t=typeof e.props=="object"&&e.props!==null&&"children"in e.props?e.props.children:void 0;return typeof t=="string"?Promise.resolve(t):typeof t=="number"?Promise.resolve(String(t)):Array.isArray(t)?Promise.resolve(x(t)):typeof t=="object"&&t!==null&&Symbol.iterator in t?Promise.resolve(x(Array.from(t))):i(t)&&d(t)?w(t):Promise.resolve(void 0)}function x(e){if(!e.some(t=>i(t)))return e.map(t=>typeof t=="string"?t:typeof t=="number"?String(t):"").join("")}async function C(e){if(s(e.type))return a(e.type(e.props));let t=j(e);if(t!==void 0)return t;if(d(e))return await T(e)||[];if(g(e,"img"))return[B(e)];if(g(e,"svg"))return[M(e)];let r=R(e),n=await w(e);if(n!==void 0)return[m(n,r)];let o=await T(e);return[l({children:o,style:r})]}function B(e){if(!e.props.src)throw new Error("Image element must have a 'src' prop.");let t=R(e);return u({src:e.props.src,style:t})}function M(e){let t=R(e),r=P(e);return u({style:t,src:r})}var _={WebkitTextStroke:"textStroke",WebkitTextStrokeWidth:"textStrokeWidth",WebkitTextStrokeColor:"textStrokeColor"};function R(e){let t={};typeof e.type=="string"&&e.type in c&&Object.assign(t,c[e.type]);let r=typeof e.props=="object"&&e.props!==null&&"style"in e.props&&typeof e.props.style=="object"&&e.props.style!==null?e.props.style:void 0;if(r&&Object.keys(r).length>0){for(let[n,o]of Object.entries(_))n in r&&(t[o]=r[n],delete r[n]);Object.assign(t,r)}return t}function T(e){return typeof e.props!="object"||e.props===null||!("children"in e.props)?Promise.resolve([]):a(e.props.children)}function H(e){return Promise.all(Array.from(e).map(a)).then(t=>t.flat())}export{U as fromJsx};
+function m(t,e){e&&Object.keys(e).length>0&&(t.style=e)}function l(t){let e={type:"container",children:t.children};return m(e,t.style),e}function u(t,e){let r={type:"text",text:t};return m(r,e),r}function y(t){let e={type:"image",src:t.src};return m(e,t.style),e}function g(t){return{percentage:t}}var f={p:{marginTop:"1em",marginBottom:"1em",display:"block"},blockquote:{marginTop:"1em",marginBottom:"1em",marginLeft:40,marginRight:40,display:"block"},center:{textAlign:"center",display:"inline"},hr:{marginTop:"0.5em",marginBottom:"0.5em",marginLeft:"auto",marginRight:"auto",borderWidth:1},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",marginTop:"1em",marginBottom:"1em",display:"inline"},mark:{backgroundColor:16776960,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"}};function d(t,e){return t.type===e&&"props"in t}function b(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 v=Symbol.for("react.forward_ref"),L=Symbol.for("react.memo"),O=Symbol.for("react.fragment");function S(t){return t.$$typeof===v}function x(t){return t.$$typeof===L}function R(t){return t.type===O}function F(t){return typeof t=="string"||typeof t=="number"}function E(t){return t.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function A(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 I(t,e){if(t==="children"||e==null)return;let r;if(t==="className"?r="class":$.includes(t)?r=b(t):r=t,typeof e=="boolean")return`${r}="${String(e)}"`;if(t==="style"&&typeof e=="object"){let n=A(e);if(n)return`style="${E(n)}"`}return`${r}="${E(String(e))}"`}function W(t){return Object.entries(t).map(([e,r])=>I(e,r)).filter(e=>e!==void 0)}var j=(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=W(r),o=r.children,a=Array.isArray(o)?o.map(k=>e(k)).join(""):e(o);return`<${t.type}${n.length>0?` ${n.join(" ")}`:""}>${a}</${t.type}>`},c=t=>t==null||t===!1?"":F(t)?String(t):Array.isArray(t)?t.map(c).join(""):i(t)?j(t,c):"";function P(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 Q(t,e){let r=await s(t,e??{});return r.length===0?l({}):r.length===1&&r[0]!==void 0?r[0]:l({children:r,style:{width:g(100),height:g(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 H(t,e);if(i(t)){let r=await N(t,e);return Array.isArray(r)?r:r?[r]:[]}return[u(String(t),f.span)]}function J(t,e){if(!(typeof t.type!="object"||t.type===null)){if(S(t.type)&&"render"in t.type){let r=t.type;return s(r.render(t.props,null),e)}if(x(t.type)&&"type"in t.type){let n=t.type.type;if(p(n))return s(n(t.props),e);let o={...t,type:n};return N(o,e)}}}function C(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(w(e)):typeof e=="object"&&e!==null&&Symbol.iterator in e?Promise.resolve(w(Array.from(e))):i(e)&&R(e)?C(e):Promise.resolve(void 0)}function w(t){if(!t.some(e=>i(e)))return t.map(e=>typeof e=="string"?e:typeof e=="number"?String(e):"").join("")}async function N(t,e){if(p(t.type))return s(t.type(t.props),e);let r=J(t,e);if(r!==void 0)return r;if(R(t))return await T(t,e)||[];if(d(t,"img"))return[z(t,e)];if(d(t,"svg"))return[B(t,e)];let n=h(t,e),o=await C(t);if(o!==void 0)return[u(o,n)];let a=await T(t,e);return[l({children:a,style:n})]}function z(t,e){if(!t.props.src)throw new Error("Image element must have a 'src' prop.");let r=h(t,e);return y({src:t.props.src,style:r})}function B(t,e){let r=h(t,e),n=P(t);return y({style:r,src:n})}var M={WebkitTextStroke:"textStroke",WebkitTextStrokeWidth:"textStrokeWidth",WebkitTextStrokeColor:"textStrokeColor"};function _(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 f&&Object.assign(r,f[t.type]),_(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(M))o in n&&(r[a]=n[o],delete n[o]);Object.assign(r,n)}return r}function T(t,e){return typeof t.props!="object"||t.props===null||!("children"in t.props)?Promise.resolve([]):s(t.props.children,e)}function H(t,e){return Promise.all(Array.from(t).map(r=>s(r,e))).then(r=>r.flat())}export{Q as fromJsx};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@takumi-rs/helpers",
-  "version": "0.42.0",
+  "version": "0.43.0",
   "author": {
     "email": "me@kane.tw",
     "name": "Kane Wang",
@@ -9,12 +9,15 @@
   "repository": {
     "url": "git+https://github.com/kane50613/takumi.git"
   },
+  "dependencies": {
+    "twrnc": "^4.10.1"
+  },
   "devDependencies": {
     "@types/bun": "catalog:",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",
     "bun-plugin-dts": "^0.3.0",
-    "lucide-react": "^0.548.0",
+    "lucide-react": "^0.552.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tsup": "^8.5.0",
@@ -32,6 +35,12 @@
       "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": [
@@ -42,7 +51,7 @@
   ],
   "license": "(MIT OR Apache-2.0)",
   "scripts": {
-    "build": "tsup-node src/index.ts src/jsx/jsx.ts --minify --dts --format esm,cjs --no-splitting"
+    "build": "tsup-node src/index.ts src/jsx/jsx.ts src/jsx/create-tailwind-fn.ts --minify --dts --format esm,cjs --no-splitting"
   },
   "type": "module"
 }