@react-hive/honey-style 3.0.0 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/css.d.ts +8 -2
- package/dist/index.cjs +2 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.dev.cjs +22 -16
- package/dist/index.dev.cjs.map +1 -1
- package/dist/index.mjs +2 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/*! For license information please see index.mjs.LICENSE.txt */
|
|
2
|
-
import{createContext as e,createElement as t,useContext as n,useInsertionEffect as r,useMemo as o}from"react";var a={698(e,t){var n=Symbol.for("react.transitional.element");Symbol.for("react.fragment"),t.jsx=function(e,t,r){var o=null;if(void 0!==r&&(o=""+r),void 0!==t.key&&(o=""+t.key),"key"in t)for(var a in r={},t)"key"!==a&&(r[a]=t[a]);else r=t;return t=r.ref,{$$typeof:n,type:e,key:o,ref:void 0!==t?t:null,props:r}}},848(e,t,n){e.exports=n(698)}},i={};function s(e){var t=i[e];if(void 0!==t)return t.exports;var n=i[e]={exports:{}};return a[e](n,n.exports,s),n.exports}s.d=(e,t)=>{for(var n in t)s.o(t,n)&&!s.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);const c=!1,l="$$ComponentId",u="data-honey-global-style",p="data-honey-style",h=["xs","sm","md","lg","xl"],d=new Set(["accept","accessKey","autoCapitalize","autoComplete","autoFocus","capture","class","className","contentEditable","contextMenu","dir","draggable","hidden","id","inert","inputMode","is","lang","nonce","part","slot","spellCheck","style","tabIndex","title","translate","unselectable","checked","disabled","form","formAction","formEncType","formMethod","formNoValidate","formTarget","list","max","maxLength","min","minLength","multiple","name","pattern","placeholder","readOnly","required","size","step","type","value","alt","controls","crossOrigin","height","isMap","loop","media","muted","poster","preload","role","src","srcSet","useMap","width","download","href","hrefLang","referrerPolicy","rel","target","dangerouslySetInnerHTML","key","ref","children","char","charOff","exportparts","popover","popoverTarget","popoverTargetAction","virtualkeyboardpolicy","writingsuggestions"]),f=new Set(["colSpan","rowSpan","headers","abbr","scope","align","valign"]),m=new Set(["viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","strokeDasharray","strokeDashoffset","strokeOpacity","fillOpacity","opacity","pointerEvents","focusable","x","y","x1","x2","y1","y2","cx","cy","r","rx","ry","d","points","height","transform","xmlns","preserveAspectRatio","mask","clipPath","pathLength","markerStart","markerMid","markerEnd","refX","refY","dominantBaseline","textAnchor"]),g=new Set(["onCopy","onCut","onPaste","onCompositionEnd","onCompositionStart","onCompositionUpdate","onFocus","onBlur","onChange","onInput","onInvalid","onReset","onSubmit","onKeyDown","onKeyPress","onKeyUp","onClick","onContextMenu","onDoubleClick","onMouseDown","onMouseEnter","onMouseLeave","onMouseMove","onMouseOut","onMouseOver","onMouseUp","onDrag","onDragEnd","onDragEnter","onDragExit","onDragLeave","onDragOver","onDragStart","onDrop","onPointerDown","onPointerMove","onPointerUp","onPointerCancel","onPointerEnter","onPointerLeave","onPointerOver","onPointerOut","onGotPointerCapture","onLostPointerCapture","onSelect","onTouchCancel","onTouchEnd","onTouchMove","onTouchStart","onScroll","onWheel","onAbort","onCanPlay","onCanPlayThrough","onDurationChange","onEmptied","onEncrypted","onEnded","onLoadedData","onLoadedMetadata","onLoadStart","onPause","onPlay","onPlaying","onProgress","onRateChange","onSeeked","onSeeking","onStalled","onSuspend","onTimeUpdate","onVolumeChange","onWaiting","onLoad","onError","onTransitionEnd","onTransitionStart","onTransitionRun","onTransitionCancel","onAnimationStart","onAnimationEnd","onAnimationIteration","onAnimationCancel"]),y=new Set([...d,...f,...m,...g]),v=e(void 0);var b=s(848);const $=e=>Array.isArray(e),x=e=>"string"==typeof e,k=(e,...t)=>"function"==typeof e?e(...t):e,w=["margin","marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingBlock","paddingBlockStart","paddingBlockEnd","top","right","bottom","left","inset","gap","rowGap","columnGap"],C=["color","backgroundColor","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","outlineColor","textDecorationColor","fill","stroke"],S=w.map(e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),j=({theme:e})=>t=>{if("decl"===t.type&&x(t.props)&&S.includes(t.props)&&x(t.children)){if(/[()]/.test(t.children))return;const n=[],r=e?.spacings.base??0,o=t.children.trim().split(/\s+/);for(const e of o)n.push(/^-?\d*\.?\d+$/.test(e)?parseFloat(e)*r+"px":e);const a=n.join(" ");t.return=`${t.props}:${a};`}};var E="comm",M="rule",P="decl",T=Math.abs,A=String.fromCharCode;function L(e){return e.trim()}function D(e,t,n){return e.replace(t,n)}function O(e,t,n){return e.indexOf(t,n)}function R(e,t){return 0|e.charCodeAt(t)}function B(e,t,n){return e.slice(t,n)}function W(e){return e.length}function H(e){return e.length}function _(e,t){return t.push(e),e}function z(e,t){for(var n="",r=0;r<e.length;r++)n+=t(e[r],r,e,t)||"";return n}function F(e,t,n,r){switch(e.type){case"@layer":if(e.children.length)break;case"@import":case"@namespace":case P:return e.return=e.return||e.value;case E:return"";case"@keyframes":return e.return=e.value+"{"+z(e.children,r)+"}";case M:if(!W(e.value=e.props.join(",")))return""}return W(n=z(e.children,r))?e.return=e.value+"{"+n+"}":""}Object.assign;var I=1,N=1,U=0,K=0,G=0,q="";function V(e,t,n,r,o,a,i,s){return{value:e,root:t,parent:n,type:r,props:o,children:a,line:I,column:N,length:i,return:"",siblings:s}}function Z(){return G=K>0?R(q,--K):0,N--,10===G&&(N=1,I--),G}function X(){return G=K<U?R(q,K++):0,N++,10===G&&(N=1,I++),G}function Y(){return R(q,K)}function J(){return K}function Q(e,t){return B(q,e,t)}function ee(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function te(e){return L(Q(K-1,oe(91===e?e+2:40===e?e+1:e)))}function ne(e){for(;(G=Y())&&G<33;)X();return ee(e)>2||ee(G)>3?"":" "}function re(e,t){for(;--t&&X()&&!(G<48||G>102||G>57&&G<65||G>70&&G<97););return Q(e,J()+(t<6&&32==Y()&&32==X()))}function oe(e){for(;X();)switch(G){case e:return K;case 34:case 39:34!==e&&39!==e&&oe(G);break;case 40:41===e&&oe(e);break;case 92:X()}return K}function ae(e,t){for(;X()&&e+G!==57&&(e+G!==84||47!==Y()););return"/*"+Q(t,K-1)+"*"+A(47===e?e:X())}function ie(e){for(;!ee(Y());)X();return Q(e,K)}function se(e){return function(e){return q="",e}(ce("",null,null,null,[""],e=function(e){return I=N=1,U=W(q=e),K=0,[]}(e),0,[0],e))}function ce(e,t,n,r,o,a,i,s,c){for(var l=0,u=0,p=i,h=0,d=0,f=0,m=1,g=1,y=1,v=0,b="",$=o,x=a,k=r,w=b;g;)switch(f=v,v=X()){case 40:if(108!=f&&58==R(w,p-1)){-1!=O(w+=D(te(v),"&","&\f"),"&\f",T(l?s[l-1]:0))&&(y=-1);break}case 34:case 39:case 91:w+=te(v);break;case 9:case 10:case 13:case 32:w+=ne(f);break;case 92:w+=re(J()-1,7);continue;case 47:switch(Y()){case 42:case 47:_(ue(ae(X(),J()),t,n,c),c),5!=ee(f||1)&&5!=ee(Y()||1)||!W(w)||" "===B(w,-1,void 0)||(w+=" ");break;default:w+="/"}break;case 123*m:s[l++]=W(w)*y;case 125*m:case 59:case 0:switch(v){case 0:case 125:g=0;case 59+u:-1==y&&(w=D(w,/\f/g,"")),d>0&&(W(w)-p||0===m&&47===f)&&_(d>32?pe(w+";",r,n,p-1,c):pe(D(w," ","")+";",r,n,p-2,c),c);break;case 59:w+=";";default:if(_(k=le(w,t,n,l,u,o,s,b,$=[],x=[],p,a),a),123===v)if(0===u)ce(w,t,k,k,$,a,p,s,x);else{switch(h){case 99:if(110===R(w,3))break;case 108:if(97===R(w,2))break;default:u=0;case 100:case 109:case 115:}u?ce(e,k,k,r&&_(le(e,k,k,0,0,o,s,b,o,$=[],p,x),x),o,x,p,s,r?$:x):ce(w,k,k,k,[""],x,0,s,x)}}l=u=d=0,m=y=1,b=w="",p=i;break;case 58:p=1+W(w),d=f;default:if(m<1)if(123==v)--m;else if(125==v&&0==m++&&125==Z())continue;switch(w+=A(v),v*m){case 38:y=u>0?1:(w+="\f",-1);break;case 44:s[l++]=(W(w)-1)*y,y=1;break;case 64:45===Y()&&(w+=te(X())),h=Y(),u=p=W(b=w+=ie(J())),v++;break;case 45:45===f&&2==W(w)&&(m=0)}}return a}function le(e,t,n,r,o,a,i,s,c,l,u,p){for(var h=o-1,d=0===o?a:[""],f=H(d),m=0,g=0,y=0;m<r;++m)for(var v=0,b=B(e,h+1,h=T(g=i[m])),$=e;v<f;++v)($=L(g>0?d[v]+" "+b:D(b,/&\f/g,d[v])))&&(c[y++]=$);return V(e,t,n,0===o?M:s,c,l,u,p)}function ue(e,t,n,r){return V(e,t,n,E,A(G),B(e,2,-2),0,r)}function pe(e,t,n,r,o){return V(e,t,n,P,B(e,0,r),B(e,r+1,-1),r,o)}const he=({name:e,transform:t})=>(n,r,o,a)=>{const{parent:i}=n;if(!i||!i.value||"rule"!==i.type)return;if(n.type!==`@honey-${e}`)return;const s=n.value.trim().match(new RegExp(`^${n.type}\\s*\\(\\s*([^)]+?)\\s*\\)\\s*;?$`,"i"));n.type="decl";const c=s?s[1].split(" ").filter(Boolean):[],l=t(c,n,a);l?n.return=z(se(l),a):n.value=""},de=(e,t)=>{return!1===e||(""===(n=e)||(e=>null==e)(n))?"":(e=>"function"==typeof e)(e)?Re(e)?`.${e[l]}`:de(e(t),t):$(e)?e.map(e=>de(e,t)).join("\n"):(e=>"object"==typeof e)(e)?Object.entries(e).filter(([,e])=>void 0!==e&&!1!==e).map(([e,t])=>`${(e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase())(e)}: ${t};`).join("\n"):e.toString?.()??"";var n},fe=(e,...t)=>n=>e.reduce((e,r,o)=>e+r+de(t[o],n),""),me=(e,t)=>`${e}{${t}}`,ge=(e,t)=>$(e.children)?z(e.children,t):e.children,ye=e=>$(e)&&0!==e.length?e.reduce((e,t)=>("decl"===t.type?e.declarations.push(t):e.other.push(t),e),{declarations:[],other:[]}):{declarations:[],other:[]},ve=({theme:e})=>he({name:"stack",transform:(t,n,r)=>{const{parent:o}=n;if(!o)return null;const a=["display:flex;","flex-direction:column;"];if(t.length){const n=e?.spacings.base??0,r=/^-?\d*\.?\d+$/.test(t[0])?parseFloat(t[0])*n+"px":t;a.push(`gap:${r};`)}const i=ge(n,r);return me(o.value,`${a.join("")}${i}`)}}),be=({theme:e}={})=>he({name:"inline",transform:(t,n,r)=>{const{parent:o}=n;if(!o)return null;const a=["display:flex;","align-items:center;"];if(t.length){const n=e?.spacings.base??0,r=/^-?\d*\.?\d+$/.test(t[0])?parseFloat(t[0])*n+"px":t;a.push(`gap:${r};`)}const i=ge(n,r);return me(o.value,`${a.join("")}${i}`)}}),$e=()=>he({name:"center",transform:(e,t,n)=>{const{parent:r}=t;if(!r)return null;const o=[];switch(e[0]){case"horizontal":case"x":o.push("display:flex;","justify-content:center;");break;case"vertical":case"y":o.push("display:flex;","align-items:center;");break;case"block":o.push("display:block;","text-align:center;");break;case"inline":o.push("display:inline-flex;","align-items:center;","justify-content:center;");break;default:o.push("display:flex;","align-items:center;","justify-content:center;")}const a=ge(t,n);return me(r.value,`${o.join("")}${a}`)}}),xe=()=>he({name:"absolute-fill",transform:(e,t,n)=>{const{parent:r}=t;if(!r)return null;const o=ge(t,n);return me(r.value,`${["position:absolute;","inset:0;"].join("")}${o}`)}}),ke=()=>he({name:"ellipsis",transform:(e,t,n)=>{const{parent:r}=t;if(!r)return null;const o=ge(t,n);return me(r.value,`${["white-space:nowrap;","overflow:hidden;","text-overflow:ellipsis;"].join("")}${o}`)}}),we=e=>`@media ${e.map(e=>{const t=[e.width&&["width",e.width],e.minWidth&&["min-width",e.minWidth],e.maxWidth&&["max-width",e.maxWidth],e.height&&["height",e.height],e.minHeight&&["min-height",e.minHeight],e.maxHeight&&["max-height",e.maxHeight],e.orientation&&["orientation",e.orientation],e.minResolution&&["min-resolution",e.minResolution],e.maxResolution&&["max-resolution",e.maxResolution],e.resolution&&["resolution",e.resolution],e.update&&["update",e.update]],n=(o=t,o.filter(Boolean)).map(([e,t])=>`(${e}: ${t})`).join(" and "),r=n?` and ${n}`:"";var o;return`${e.operator?`${e.operator} `:""}${e.mediaType??"screen"}${r}`}).join(", ")}`,Ce=e=>/^[a-z]+\b(:up|:down)?$/i.test(e),Se=e=>"portrait"===e||"landscape"===e,je=e=>"all"===e||"print"===e||"screen"===e||"speech"===e,Ee=e=>{const[t,n]=e.split(":");return{key:t,direction:n??"up"}},Me=({theme:e})=>he({name:"media",transform:(t,n,r)=>{const{parent:o}=n;if(!o||!t.length||!e?.breakpoints)return null;const a=ye(n.children);if(!a.declarations.length&&!a.other.length)return null;const i=[];let s,c;for(const n of t){if(Se(n)){s=n;continue}if(je(n)){c=n;continue}if(!Ce(n))continue;const t=Ee(n),r=t.key in e.breakpoints?e.breakpoints[t.key]:null;if(!r)continue;let o;"up"===t.direction?o={minWidth:`${r}px`}:"down"===t.direction&&(o={maxWidth:`${r}px`}),o&&i.push(o)}if(!i.length)return null;const l=i.map(e=>({...e,orientation:s,mediaType:c})),u=a.other.length>0?`${o.value}${z(a.other,r)}`:"",p=a.declarations.length>0?me(o.value,z(a.declarations,r)):"";return me(we(l),`${u}${p}`)}}),Pe=[{name:"@honey-center",match:e=>e.some(e=>"display"===e.prop&&"flex"===e.value)&&e.some(e=>"align-items"===e.prop&&"center"===e.value)&&e.some(e=>"justify-content"===e.prop&&"center"===e.value)},{name:"@honey-stack",match:e=>e.some(e=>"display"===e.prop&&"flex"===e.value)&&e.some(e=>"flex-direction"===e.prop&&"column"===e.value)},{name:"@honey-inline",match:e=>e.some(e=>"display"===e.prop&&"flex"===e.value)&&e.some(e=>"align-items"===e.prop&&"center"===e.value)}],Te=e=>{if("rule"!==e.type||!e.children)return;const t=$((n=e).children)?n.children.filter(e=>"decl"===e.type&&x(e.props)&&x(e.children)).map(e=>({prop:e.props,value:e.children})):[];var n;for(const n of Pe)if(n.match(t)){console.info(`[@react-hive/honey-style]: The CSS rule "${e.value}" can be simplified using the shorthand at-rule "${n.name}".`);break}},Ae=(e,t,{theme:n}={})=>{const r=t?me(t,e):e,o=[];return o.push(Me({theme:n}),j({theme:n}),ve({theme:n}),be({theme:n}),$e(),ke(),xe(),F),z(se(r),(i=H(a=o),function(e,t,n,r){for(var o="",s=0;s<i;s++)o+=a[s](e,t,n,r)||"";return o}));var a,i},Le=e=>`${e}-${Math.random().toString(36).slice(2,8)}`,De=e=>e.filter(Boolean).join(" ").trim(),Oe=e=>`hscn-${(e=>{let t=5381;for(let n=0;n<e.length;n++)t=33*t^e.charCodeAt(n);return(t>>>0).toString(36)})(e)}`,Re=e=>l in e,Be=e=>Object.entries(e).reduce((e,[t,n])=>((y.has(t)||t.startsWith("data-")||t.startsWith("aria-"))&&(e[t]=n),e),{}),We=(e,t=16)=>e/t+"rem",He=e=>2===e.split(".").length,_e=(e,t="px",n="base")=>({theme:r})=>{if("string"==typeof e)return e;const o=r.spacings[n]??0;if("number"==typeof e){const n=e*o;return t?`${n}${t}`:n}return e.map(e=>{if("string"==typeof e)return e;const n=e*o;return t?`${n}${t}`:n}).join(" ")},ze=e=>({theme:t})=>{const n=t.fonts[e];return fe`
|
|
2
|
+
import{createContext as e,createElement as t,useContext as n,useInsertionEffect as r,useMemo as o}from"react";var a={698(e,t){var n=Symbol.for("react.transitional.element");Symbol.for("react.fragment"),t.jsx=function(e,t,r){var o=null;if(void 0!==r&&(o=""+r),void 0!==t.key&&(o=""+t.key),"key"in t)for(var a in r={},t)"key"!==a&&(r[a]=t[a]);else r=t;return t=r.ref,{$$typeof:n,type:e,key:o,ref:void 0!==t?t:null,props:r}}},848(e,t,n){e.exports=n(698)}},i={};function s(e){var t=i[e];if(void 0!==t)return t.exports;var n=i[e]={exports:{}};return a[e](n,n.exports,s),n.exports}s.d=(e,t)=>{for(var n in t)s.o(t,n)&&!s.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);const c=!1,l="$$ComponentId",u="data-honey-global-style",p="data-honey-style",h=["xs","sm","md","lg","xl"],d=new Set(["accept","accessKey","autoCapitalize","autoComplete","autoFocus","capture","class","className","contentEditable","contextMenu","dir","draggable","hidden","id","inert","inputMode","is","lang","nonce","part","slot","spellCheck","style","tabIndex","title","translate","unselectable","checked","disabled","form","formAction","formEncType","formMethod","formNoValidate","formTarget","list","max","maxLength","min","minLength","multiple","name","pattern","placeholder","readOnly","required","size","step","type","value","alt","controls","crossOrigin","height","isMap","loop","media","muted","poster","preload","role","src","srcSet","useMap","width","download","href","hrefLang","referrerPolicy","rel","target","dangerouslySetInnerHTML","key","ref","children","char","charOff","exportparts","popover","popoverTarget","popoverTargetAction","virtualkeyboardpolicy","writingsuggestions"]),f=new Set(["colSpan","rowSpan","headers","abbr","scope","align","valign"]),m=new Set(["viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","strokeDasharray","strokeDashoffset","strokeOpacity","fillOpacity","opacity","pointerEvents","focusable","x","y","x1","x2","y1","y2","cx","cy","r","rx","ry","d","points","height","transform","xmlns","preserveAspectRatio","mask","clipPath","pathLength","markerStart","markerMid","markerEnd","refX","refY","dominantBaseline","textAnchor"]),g=new Set(["onCopy","onCut","onPaste","onCompositionEnd","onCompositionStart","onCompositionUpdate","onFocus","onBlur","onChange","onInput","onInvalid","onReset","onSubmit","onKeyDown","onKeyPress","onKeyUp","onClick","onContextMenu","onDoubleClick","onMouseDown","onMouseEnter","onMouseLeave","onMouseMove","onMouseOut","onMouseOver","onMouseUp","onDrag","onDragEnd","onDragEnter","onDragExit","onDragLeave","onDragOver","onDragStart","onDrop","onPointerDown","onPointerMove","onPointerUp","onPointerCancel","onPointerEnter","onPointerLeave","onPointerOver","onPointerOut","onGotPointerCapture","onLostPointerCapture","onSelect","onTouchCancel","onTouchEnd","onTouchMove","onTouchStart","onScroll","onWheel","onAbort","onCanPlay","onCanPlayThrough","onDurationChange","onEmptied","onEncrypted","onEnded","onLoadedData","onLoadedMetadata","onLoadStart","onPause","onPlay","onPlaying","onProgress","onRateChange","onSeeked","onSeeking","onStalled","onSuspend","onTimeUpdate","onVolumeChange","onWaiting","onLoad","onError","onTransitionEnd","onTransitionStart","onTransitionRun","onTransitionCancel","onAnimationStart","onAnimationEnd","onAnimationIteration","onAnimationCancel"]),y=new Set([...d,...f,...m,...g]),v=e(void 0);var b=s(848);const $=e=>Array.isArray(e),x=e=>"string"==typeof e,k=(e,...t)=>"function"==typeof e?e(...t):e,w=["margin","marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingBlock","paddingBlockStart","paddingBlockEnd","top","right","bottom","left","inset","gap","rowGap","columnGap"],C=["color","backgroundColor","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","outlineColor","textDecorationColor","fill","stroke"],S=w.map(e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),j=({theme:e})=>t=>{if("decl"===t.type&&x(t.props)&&S.includes(t.props)&&x(t.children)){if(/[()]/.test(t.children))return;const n=[],r=e?.spacings.base??0,o=t.children.trim().split(/\s+/);for(const e of o)n.push(/^-?\d*\.?\d+$/.test(e)?parseFloat(e)*r+"px":e);const a=n.join(" ");t.return=`${t.props}:${a};`}};var R="comm",E="rule",M="decl",P=Math.abs,T=String.fromCharCode;function A(e){return e.trim()}function L(e,t,n){return e.replace(t,n)}function D(e,t,n){return e.indexOf(t,n)}function O(e,t){return 0|e.charCodeAt(t)}function B(e,t,n){return e.slice(t,n)}function W(e){return e.length}function H(e){return e.length}function _(e,t){return t.push(e),e}function z(e,t){for(var n="",r=0;r<e.length;r++)n+=t(e[r],r,e,t)||"";return n}function F(e,t,n,r){switch(e.type){case"@layer":if(e.children.length)break;case"@import":case"@namespace":case M:return e.return=e.return||e.value;case R:return"";case"@keyframes":return e.return=e.value+"{"+z(e.children,r)+"}";case E:if(!W(e.value=e.props.join(",")))return""}return W(n=z(e.children,r))?e.return=e.value+"{"+n+"}":""}Object.assign;var I=1,N=1,U=0,K=0,G=0,q="";function V(e,t,n,r,o,a,i,s){return{value:e,root:t,parent:n,type:r,props:o,children:a,line:I,column:N,length:i,return:"",siblings:s}}function Z(){return G=K>0?O(q,--K):0,N--,10===G&&(N=1,I--),G}function X(){return G=K<U?O(q,K++):0,N++,10===G&&(N=1,I++),G}function Y(){return O(q,K)}function J(){return K}function Q(e,t){return B(q,e,t)}function ee(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function te(e){return A(Q(K-1,oe(91===e?e+2:40===e?e+1:e)))}function ne(e){for(;(G=Y())&&G<33;)X();return ee(e)>2||ee(G)>3?"":" "}function re(e,t){for(;--t&&X()&&!(G<48||G>102||G>57&&G<65||G>70&&G<97););return Q(e,J()+(t<6&&32==Y()&&32==X()))}function oe(e){for(;X();)switch(G){case e:return K;case 34:case 39:34!==e&&39!==e&&oe(G);break;case 40:41===e&&oe(e);break;case 92:X()}return K}function ae(e,t){for(;X()&&e+G!==57&&(e+G!==84||47!==Y()););return"/*"+Q(t,K-1)+"*"+T(47===e?e:X())}function ie(e){for(;!ee(Y());)X();return Q(e,K)}function se(e){return function(e){return q="",e}(ce("",null,null,null,[""],e=function(e){return I=N=1,U=W(q=e),K=0,[]}(e),0,[0],e))}function ce(e,t,n,r,o,a,i,s,c){for(var l=0,u=0,p=i,h=0,d=0,f=0,m=1,g=1,y=1,v=0,b="",$=o,x=a,k=r,w=b;g;)switch(f=v,v=X()){case 40:if(108!=f&&58==O(w,p-1)){-1!=D(w+=L(te(v),"&","&\f"),"&\f",P(l?s[l-1]:0))&&(y=-1);break}case 34:case 39:case 91:w+=te(v);break;case 9:case 10:case 13:case 32:w+=ne(f);break;case 92:w+=re(J()-1,7);continue;case 47:switch(Y()){case 42:case 47:_(ue(ae(X(),J()),t,n,c),c),5!=ee(f||1)&&5!=ee(Y()||1)||!W(w)||" "===B(w,-1,void 0)||(w+=" ");break;default:w+="/"}break;case 123*m:s[l++]=W(w)*y;case 125*m:case 59:case 0:switch(v){case 0:case 125:g=0;case 59+u:-1==y&&(w=L(w,/\f/g,"")),d>0&&(W(w)-p||0===m&&47===f)&&_(d>32?pe(w+";",r,n,p-1,c):pe(L(w," ","")+";",r,n,p-2,c),c);break;case 59:w+=";";default:if(_(k=le(w,t,n,l,u,o,s,b,$=[],x=[],p,a),a),123===v)if(0===u)ce(w,t,k,k,$,a,p,s,x);else{switch(h){case 99:if(110===O(w,3))break;case 108:if(97===O(w,2))break;default:u=0;case 100:case 109:case 115:}u?ce(e,k,k,r&&_(le(e,k,k,0,0,o,s,b,o,$=[],p,x),x),o,x,p,s,r?$:x):ce(w,k,k,k,[""],x,0,s,x)}}l=u=d=0,m=y=1,b=w="",p=i;break;case 58:p=1+W(w),d=f;default:if(m<1)if(123==v)--m;else if(125==v&&0==m++&&125==Z())continue;switch(w+=T(v),v*m){case 38:y=u>0?1:(w+="\f",-1);break;case 44:s[l++]=(W(w)-1)*y,y=1;break;case 64:45===Y()&&(w+=te(X())),h=Y(),u=p=W(b=w+=ie(J())),v++;break;case 45:45===f&&2==W(w)&&(m=0)}}return a}function le(e,t,n,r,o,a,i,s,c,l,u,p){for(var h=o-1,d=0===o?a:[""],f=H(d),m=0,g=0,y=0;m<r;++m)for(var v=0,b=B(e,h+1,h=P(g=i[m])),$=e;v<f;++v)($=A(g>0?d[v]+" "+b:L(b,/&\f/g,d[v])))&&(c[y++]=$);return V(e,t,n,0===o?E:s,c,l,u,p)}function ue(e,t,n,r){return V(e,t,n,R,T(G),B(e,2,-2),0,r)}function pe(e,t,n,r,o){return V(e,t,n,M,B(e,0,r),B(e,r+1,-1),r,o)}const he=({name:e,transform:t})=>(n,r,o,a)=>{const{parent:i}=n;if(!i||!i.value||"rule"!==i.type)return;if(n.type!==`@honey-${e}`)return;const s=n.value.trim().match(new RegExp(`^${n.type}\\s*\\(\\s*([^)]+?)\\s*\\)\\s*;?$`,"i"));n.type="decl";const c=s?s[1].split(" ").filter(Boolean):[],l=t(c,n,a);l?n.return=z(se(l),a):n.value=""},de=(e,t)=>{return!1===e||(""===(n=e)||(e=>null==e)(n))?"":(e=>"function"==typeof e)(e)?Oe(e)?`.${e[l]}`:de(e(t),t):$(e)?e.map(e=>de(e,t)).join("\n"):(e=>"object"==typeof e)(e)?Object.entries(e).filter(([,e])=>void 0!==e&&!1!==e).map(([e,t])=>`${(e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase())(e)}: ${t};`).join("\n"):e.toString?.()??"";var n},fe=(e,...t)=>n=>e.reduce((e,r,o)=>e+r+de(t[o],n),""),me=(e,t)=>`${e}{${t}}`,ge=(e,t)=>$(e.children)?z(e.children,t):e.children,ye=e=>$(e)&&0!==e.length?e.reduce((e,t)=>(t.value.startsWith("&")?e.pseudoRules.push(t):e.otherRules.push(t),e),{pseudoRules:[],otherRules:[]}):{pseudoRules:[],otherRules:[]},ve=({theme:e})=>he({name:"stack",transform:(t,n,r)=>{const{parent:o}=n;if(!o)return null;const a=["display:flex;","flex-direction:column;"];if(t.length){const n=e?.spacings.base??0,r=/^-?\d*\.?\d+$/.test(t[0])?parseFloat(t[0])*n+"px":t;a.push(`gap:${r};`)}const i=ge(n,r);return me(o.value,`${a.join("")}${i}`)}}),be=({theme:e}={})=>he({name:"inline",transform:(t,n,r)=>{const{parent:o}=n;if(!o)return null;const a=["display:flex;","align-items:center;"];if(t.length){const n=e?.spacings.base??0,r=/^-?\d*\.?\d+$/.test(t[0])?parseFloat(t[0])*n+"px":t;a.push(`gap:${r};`)}const i=ge(n,r);return me(o.value,`${a.join("")}${i}`)}}),$e=()=>he({name:"center",transform:(e,t,n)=>{const{parent:r}=t;if(!r)return null;const o=[];switch(e[0]){case"horizontal":case"x":o.push("display:flex;","justify-content:center;");break;case"vertical":case"y":o.push("display:flex;","align-items:center;");break;case"block":o.push("display:block;","text-align:center;");break;case"inline":o.push("display:inline-flex;","align-items:center;","justify-content:center;");break;default:o.push("display:flex;","align-items:center;","justify-content:center;")}const a=ge(t,n);return me(r.value,`${o.join("")}${a}`)}}),xe=()=>he({name:"absolute-fill",transform:(e,t,n)=>{const{parent:r}=t;if(!r)return null;const o=ge(t,n);return me(r.value,`${["position:absolute;","inset:0;"].join("")}${o}`)}}),ke=()=>he({name:"ellipsis",transform:(e,t,n)=>{const{parent:r}=t;if(!r)return null;const o=ge(t,n);return me(r.value,`${["white-space:nowrap;","overflow:hidden;","text-overflow:ellipsis;"].join("")}${o}`)}}),we=e=>`@media ${e.map(e=>{const t=[e.width&&["width",e.width],e.minWidth&&["min-width",e.minWidth],e.maxWidth&&["max-width",e.maxWidth],e.height&&["height",e.height],e.minHeight&&["min-height",e.minHeight],e.maxHeight&&["max-height",e.maxHeight],e.orientation&&["orientation",e.orientation],e.minResolution&&["min-resolution",e.minResolution],e.maxResolution&&["max-resolution",e.maxResolution],e.resolution&&["resolution",e.resolution],e.update&&["update",e.update]],n=(o=t,o.filter(Boolean)).map(([e,t])=>`(${e}: ${t})`).join(" and "),r=n?` and ${n}`:"";var o;return`${e.operator?`${e.operator} `:""}${e.mediaType??"screen"}${r}`}).join(", ")}`,Ce=e=>/^[a-z]+\b(:up|:down)?$/i.test(e),Se=e=>"portrait"===e||"landscape"===e,je=e=>"all"===e||"print"===e||"screen"===e||"speech"===e,Re=e=>{const[t,n]=e.split(":");return{key:t,direction:n??"up"}},Ee=({theme:e})=>he({name:"media",transform:(t,n,r)=>{const{parent:o}=n;if(!o||!t.length||!e?.breakpoints)return null;const a=ye(n.children);if(!a.pseudoRules.length&&!a.otherRules.length)return null;const i=[];let s,c;for(const n of t){if(Se(n)){s=n;continue}if(je(n)){c=n;continue}if(!Ce(n))continue;const t=Re(n),r=t.key in e.breakpoints?e.breakpoints[t.key]:null;if(!r)continue;let o;"up"===t.direction?o={minWidth:`${r}px`}:"down"===t.direction&&(o={maxWidth:`${r}px`}),o&&i.push(o)}if(!i.length)return null;const l=i.map(e=>({...e,orientation:s,mediaType:c})),u=a.pseudoRules.length>0?`${o.value}${z(a.pseudoRules,r)}`:"",p=a.otherRules.length>0?me(o.value,z(a.otherRules,r)):"";return me(we(l),`${u}${p}`)}}),Me=[{name:"@honey-center",match:e=>e.some(e=>"display"===e.prop&&"flex"===e.value)&&e.some(e=>"align-items"===e.prop&&"center"===e.value)&&e.some(e=>"justify-content"===e.prop&&"center"===e.value)},{name:"@honey-stack",match:e=>e.some(e=>"display"===e.prop&&"flex"===e.value)&&e.some(e=>"flex-direction"===e.prop&&"column"===e.value)},{name:"@honey-inline",match:e=>e.some(e=>"display"===e.prop&&"flex"===e.value)&&e.some(e=>"align-items"===e.prop&&"center"===e.value)}],Pe=e=>{if("rule"!==e.type||!e.children)return;const t=$((n=e).children)?n.children.filter(e=>"decl"===e.type&&x(e.props)&&x(e.children)).map(e=>({prop:e.props,value:e.children})):[];var n;for(const n of Me)if(n.match(t)){console.info(`[@react-hive/honey-style]: The CSS rule "${e.value}" can be simplified using the shorthand at-rule "${n.name}".`);break}},Te=(e,t,{theme:n}={})=>{const r=t?me(t,e):e,o=[];return o.push(Ee({theme:n}),j({theme:n}),ve({theme:n}),be({theme:n}),$e(),ke(),xe(),F),z(se(r),(i=H(a=o),function(e,t,n,r){for(var o="",s=0;s<i;s++)o+=a[s](e,t,n,r)||"";return o}));var a,i},Ae=e=>`${e}-${Math.random().toString(36).slice(2,8)}`,Le=e=>e.filter(Boolean).join(" ").trim(),De=e=>`hscn-${(e=>{let t=5381;for(let n=0;n<e.length;n++)t=33*t^e.charCodeAt(n);return(t>>>0).toString(36)})(e)}`,Oe=e=>l in e,Be=e=>Object.entries(e).reduce((e,[t,n])=>((y.has(t)||t.startsWith("data-")||t.startsWith("aria-"))&&(e[t]=n),e),{}),We=(e,t=16)=>e/t+"rem",He=e=>2===e.split(".").length,_e=(e,t="px",n="base")=>({theme:r})=>{if("string"==typeof e)return e;const o=r.spacings[n]??0;if("number"==typeof e){const n=e*o;return t?`${n}${t}`:n}return e.map(e=>{if("string"==typeof e)return e;const n=e*o;return t?`${n}${t}`:n}).join(" ")},ze=e=>({theme:t})=>{const n=t.fonts[e];return fe`
|
|
3
3
|
font-family: ${n.family};
|
|
4
4
|
font-size: ${We(n.size)};
|
|
5
5
|
font-weight: ${n.weight};
|
|
6
6
|
line-height: ${void 0!==n.lineHeight&&We(n.lineHeight)};
|
|
7
7
|
letter-spacing: ${void 0!==n.letterSpacing&&We(n.letterSpacing)};
|
|
8
|
-
`},Fe=(e,t)=>{if(t<0||t>1)throw new Error(`[honey-layout]: Alpha "${t}" is not a valid hex format.`);const n=e.match(/^#?([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/);if(!n)throw new Error("[honey-layout]: Invalid hex format.");const r=n[1];return`#${(3===r.length?r[0]+r[0]+r[1]+r[1]+r[2]+r[2]:r)+Math.round(255*t).toString(16).toUpperCase().padStart(2,"0")}`},Ie=(e,t)=>({theme:n})=>{const[r,o]=e.split("."),a=o?n.colors[r][o]:r;return void 0===t?a:Fe(a,t)},Ne=e=>({theme:t})=>t.dimensions[e],Ue=({children:e,theme:t})=>{const n=o(()=>({theme:t,resolveSpacing:(...e)=>_e(...e)({theme:t}),resolveColor:(...e)=>Ie(...e)({theme:t}),resolveFont:(...e)=>ze(...e)({theme:t}),resolveDimension:(...e)=>Ne(...e)({theme:t})}),[t]);return(0,b.jsx)(v,{value:n,children:e})},Ke=()=>{const e=n(v);return function(e,t){if(!e)throw new Error(t)}(e,"The `useHoneyStyle()` hook must be used inside <HoneyStyleProvider/> component!"),e},Ge=(e,...t)=>{const n=
|
|
8
|
+
`},Fe=(e,t)=>{if(t<0||t>1)throw new Error(`[honey-layout]: Alpha "${t}" is not a valid hex format.`);const n=e.match(/^#?([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/);if(!n)throw new Error("[honey-layout]: Invalid hex format.");const r=n[1];return`#${(3===r.length?r[0]+r[0]+r[1]+r[1]+r[2]+r[2]:r)+Math.round(255*t).toString(16).toUpperCase().padStart(2,"0")}`},Ie=(e,t)=>({theme:n})=>{const[r,o]=e.split("."),a=o?n.colors[r][o]:r;return void 0===t?a:Fe(a,t)},Ne=e=>({theme:t})=>t.dimensions[e],Ue=({children:e,theme:t})=>{const n=o(()=>({theme:t,resolveSpacing:(...e)=>_e(...e)({theme:t}),resolveColor:(...e)=>Ie(...e)({theme:t}),resolveFont:(...e)=>ze(...e)({theme:t}),resolveDimension:(...e)=>Ne(...e)({theme:t})}),[t]);return(0,b.jsx)(v,{value:n,children:e})},Ke=()=>{const e=n(v);return function(e,t){if(!e)throw new Error(t)}(e,"The `useHoneyStyle()` hook must be used inside <HoneyStyleProvider/> component!"),e},Ge=(e,...t)=>{const n=Ae("hsg"),o=fe(e,...t);return()=>{const{theme:e}=Ke();return r(()=>{const t=o({theme:e}),r=Te(t),a=document.createElement("style");return a.id=n,a.innerHTML=r,a.setAttribute(u,"true"),document.head.insertBefore(a,document.head.firstChild),()=>{a.remove()}},[e]),null}},qe=(window.__honeyStyleRegistry||(window.__honeyStyleRegistry=new Map),window.__honeyStyleRegistry);let Ve=null;const Ze=()=>{const e=(Ve||(Ve=document.querySelector(`style[${p}="true"]`),Ve||(Ve=document.createElement("style"),Ve.setAttribute(p,"true"),document.head.appendChild(Ve))),Ve),t=Array.from(qe.entries()).sort(([,e],[,t])=>e.priority-t.priority).map(([,e])=>e.css).join("\n");e.textContent=t},Xe=e=>()=>{const t=qe.get(e);t&&(t.usages--,t.usages<=0&&(qe.delete(e),Ze()))},Ye=(e,t,n=0)=>{const r=qe.get(e);return r?(r.usages++,Xe(e)):(qe.set(e,{css:t,priority:n,usages:1}),Ze(),Xe(e))},Je=(e,n,{omitProps:o}={})=>(a,...i)=>{const s=Ae("hsc"),c=fe(a,...i),u=({as:a,className:i,__compositionDepth:l=0,css:u,...p})=>{const{theme:h}=Ke(),d=(v=p,Object.entries(v).reduce((e,[t,n])=>(void 0!==n&&(e[t]=n),e),{})),f={...k(n,{theme:h,as:a,className:i,...d})??{},...i&&{className:i}},m={...f,...d,theme:h},g=c(m),y=De(g);var v;r(()=>{const e=Te(g,`.${y}`,{theme:h});return Ye(y,e,l)},[y]);const b=((e,t)=>e?x(e)?e:fe([""],[e])(t):"")(k(u,m),m),$=b?De(b):"";r(()=>{if($){const e=Te(b,`.${$}`,{theme:h});return Ye($,e,1)}},[$]);const w=Le([s,y,f.className,$]),C={...f,...d,className:w},S=o?Object.entries(C).reduce((e,[t,n])=>o(t)?e:{...e,[t]:n},{}):C,j=a||e;if(x(e)){const e=x(j)?Be(S):S;return t(j,e)}return t(e,{...S,...a&&{as:a},...Oe(e)&&{__compositionDepth:l-1}})};return u[l]=s,u};export{C as CSS_COLOR_PROPERTIES,w as CSS_SPACING_PROPERTIES,h as HONEY_BREAKPOINTS,u as HONEY_GLOBAL_STYLE_ATTR,l as HONEY_STYLED_COMPONENT_ID_PROP,p as HONEY_STYLE_ATTR,v as HoneyStyleContext,Ue as HoneyStyleProvider,y as VALID_DOM_ELEMENT_ATTRS,c as __DEV__,He as checkIsThemeColorValue,Le as combineClassNames,Fe as convertHexToHexWithAlpha,xe as createAbsoluteFillAtRuleMiddleware,$e as createCenterAtRuleMiddleware,me as createCssRule,ke as createEllipsisAtRuleMiddleware,Ge as createGlobalStyle,be as createInlineAtRuleMiddleware,Ee as createMediaAtRuleMiddleware,j as createSpacingMiddleware,ve as createStackAtRuleMiddleware,fe as css,Be as filterNonHtmlAttrs,Ae as generateId,ge as getChildrenCss,Oe as isStyledComponent,we as mediaQuery,Te as processCss,We as pxToRem,De as resolveClassName,Ie as resolveColor,Ne as resolveDimension,ze as resolveFont,_e as resolveSpacing,ye as splitStylisChildren,Je as styled,Pe as suggestAtRuleMiddleware,Ke as useHoneyStyle};
|
|
9
9
|
//# sourceMappingURL=index.mjs.map
|