@react-hive/honey-style 8.2.0 → 8.3.1
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/index.cjs +5 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.dev.cjs +30 -40
- package/dist/index.dev.cjs.map +1 -1
- package/dist/index.mjs +5 -5
- package/dist/index.mjs.map +1 -1
- package/package.json +15 -14
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 o,useMemo as r}from"react";var a={790(e,t){var n=Symbol.for("react.transitional.element");Symbol.for("react.fragment"),t.jsx=function(e,t,o){var r=null;if(void 0!==o&&(r=""+o),void 0!==t.key&&(r=""+t.key),"key"in t)for(var a in o={},t)"key"!==a&&(o[a]=t[a]);else o=t;return t=o.ref,{$$typeof:n,type:e,key:r,ref:void 0!==t?t:null,props:o}}},684(e,t,n){e.exports=n(790)}},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 l=!1,p=Symbol.for("honey-style-registry"),c="$$ComponentId",u="__compositionDepth",d="data-honey-global-style",y="data-honey-style",m="data-priority",h=["xs","sm","md","lg","xl"],f=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"]),b=new Set(["colSpan","rowSpan","headers","abbr","scope","align","valign"]),g=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"]),v=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"]),x=new Set([...f,...b,...g,...v]),k=e(void 0);var $=s(684);function C(e,t){if(!e)throw new Error(t)}const w=e=>"string"==typeof e,S=(e,...t)=>"function"==typeof e?e(...t):e,A=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),E=["margin","marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingBlock","paddingBlockStart","paddingBlockEnd","top","right","bottom","left","inset","gap","rowGap","columnGap"],O=["color","backgroundColor","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","outlineColor","textDecorationColor","fill","stroke"],M=e=>"{"===e||"}"===e||":"===e||";"===e||"@"===e||"("===e||'"'===e||"'"===e||"/"===e;function j(e,t){if(!e)throw new Error(t)}const P=e=>{const t=[],n=()=>t.join("").trim();for(;!e.isEof();){const o=e.peek();if(!o)break;switch(o.type){case"braceOpen":case"braceClose":default:return n();case"colon":t.push(":");break;case"text":case"params":t.push(o.value);break;case"string":t.push(`"${o.value}"`)}e.next()}return n()},T=e=>{const t=e.peek();if(!t)return"";if("colon"===t.type)return P(e);const n=e.mark(),o=P(e);return"braceOpen"===e.peek()?.type?o:(e.reset(n),e.readUntil(["colon","braceOpen","semicolon","braceClose","at"]))},D=(e,t)=>{e.expect("colon");const n=e.readUntil(["semicolon","braceClose"]);return"semicolon"===e.peek()?.type&&e.next(),{type:"declaration",prop:t,value:n}},L=(e,t)=>{let n=0,o=0,r=0,a=null,i=!1;for(let s=0;s<e.length;s++){const l=e.charCodeAt(s);if(i)i=!1;else if(92!==l)if(null===a)if(34!==l&&39!==l)if(40!==l)if(41!==l)if(91!==l)if(93!==l){if(44===l&&0===o&&0===r){const o=e.slice(n,s).trim();o&&t(o),n=s+1}}else r--;else r++;else o--;else o++;else a=l;else l===a&&(a=null);else i=!0}const s=e.slice(n).trim();s&&t(s)},R=(e,t)=>{const n=e.trim();if(!n)return"";const o=t.trim();if(!o)return n;const r=-1!==o.indexOf(","),a=-1!==n.indexOf(","),i=-1!==n.indexOf("&");if(!r&&!a)return i?n.replaceAll("&",o):`${o} ${n}`;const s=[];return L(o,e=>{L(n,t=>{t.includes("&")?s.push(t.replaceAll("&",e)):s.push(`${e} ${t}`)})}),s.join(", ")},B=e=>{switch(e.type){case"declaration":return(e=>{const t=e.value.trim();return t?`${e.prop}:${t};`:""})(e);case"rule":return(e=>{const t=e.body.map(B).join("");return t?`${e.selector}{${t}}`:""})(e);case"atRule":return(e=>{const t=e.params?` ${e.params}`:"";if(null===e.body)return`@${e.name}${t};`;const n=e.body.map(B).join("");return n?`@${e.name}${t}{${n}}`:""})(e);default:return""}},W=(e,t)=>(e.expect("braceOpen"),{type:"rule",selector:t,body:H(e)}),U=(e,{stopAtBraceClose:t})=>{const n=[];for(;!e.isEof();){const o=e.peek();if(!o)break;if(t&&"braceClose"===o.type){e.next();break}if("semicolon"===o.type){e.next();continue}if("at"===o.type){n.push(z(e));continue}const r=T(e);r?"colon"!==e.peek()?.type?"braceOpen"!==e.peek()?.type?e.next():n.push(W(e,r)):n.push(D(e,r)):e.next()}return n},H=e=>U(e,{stopAtBraceClose:!0}),z=e=>{e.expect("at");const t=e.readUntil(["semicolon","braceOpen"]),{name:n,params:o}=(e=>{const t=e.trim();if(!t)return{name:"",params:void 0};let n=0;const o=t.length;for(;n<o;){const e=t[n];if(" "===e||"\t"===e||"\n"===e||"\r"===e||"\f"===e||"("===e)break;n++}const r=t.slice(0,n);for(;n<o;){const e=t[n];if(" "!==e&&"\t"!==e&&"\n"!==e&&"\r"!==e&&"\f"!==e)break;n++}return{name:r,params:t.slice(n)||void 0}})(t);let r=o;if("params"===e.peek()?.type){const t=e.expect("params").value;r=r?`${r}${t}`:t}return"braceOpen"===e.peek()?.type?{type:"atRule",name:n,params:r,body:H(e)}:("semicolon"===e.peek()?.type&&e.next(),{type:"atRule",name:n,params:r,body:null})},I={media:!0,supports:!0,container:!0,layer:!0},N=(e,t)=>{const n=t?R(e.selector,t):e.selector;return F(e.body,n)},F=(e,t)=>{const n=[],o=[],r=()=>{t&&0!==o.length&&(n.push({type:"rule",selector:t,body:o.slice()}),o.length=0)};for(let a=0;a<e.length;a++){const i=e[a];if("declaration"!==i.type)if("rule"!==i.type)if("atRule"!==i.type)r(),n.push(i);else{if(r(),!I[i.name]){n.push(i);continue}n.push({...i,body:i.body&&i.body.length>0?F(i.body,t):i.body})}else r(),n.push(...N(i,t));else o.push(i)}return r(),n},K=e=>E.includes(e),_=e=>O.includes(e),q=(e,t)=>{return!1===e||(""===(n=e)||(e=>null==e)(n))?"":(e=>"function"==typeof e)(e)?be(e)?`.${e[c]}`:q(e(t),t):(e=>Array.isArray(e))(e)?e.map(e=>q(e,t)).join("\n"):(e=>"object"==typeof e)(e)?Object.entries(e).filter(([,e])=>void 0!==e&&!1!==e).map(([e,t])=>`${A(e)}: ${t};`).join("\n"):e.toString?.()??"";var n},G=(e,...t)=>n=>e.reduce((e,o,r)=>e+o+q(t[r],n),""),V=(e,t)=>`${e}{${t}}`,X={media:!0,supports:!0,container:!0,layer:!0},Y=(e,t)=>e.map(e=>"rule"===e.type?{...e,selector:R(e.selector,t)}:"atRule"===e.type&&X[e.name]?{...e,body:null===e.body?null:Y(e.body,t)}:e),Z=(e,t)=>n=>{const o=n=>{const r=[];for(const a of n){if("atRule"===a.type&&a.name===e){const e=o(a.body??[]),n=t({...a,body:e});r.push(...n);continue}"rule"!==a.type?"atRule"!==a.type?r.push(a):r.push({...a,body:null===a.body?null:o(a.body)}):r.push({...a,body:o(a.body)})}return r};return{...n,body:o(n.body)}},J=Z("honey-absolute-fill",e=>[{type:"declaration",prop:"position",value:"absolute"},{type:"declaration",prop:"inset",value:"0"},...e.body??[]]),Q=e=>{if(!e)return"";const t=e.trim();return t.startsWith("(")&&t.endsWith(")")?t.slice(1,-1).trim():t},ee=Z("honey-center",e=>{const t=[];switch(Q(e.params)){case"horizontal":case"x":t.push({type:"declaration",prop:"display",value:"flex"},{type:"declaration",prop:"justify-content",value:"center"});break;case"vertical":case"y":t.push({type:"declaration",prop:"display",value:"flex"},{type:"declaration",prop:"align-items",value:"center"});break;case"block":t.push({type:"declaration",prop:"display",value:"block"},{type:"declaration",prop:"text-align",value:"center"});break;case"inline":t.push({type:"declaration",prop:"display",value:"inline-flex"},{type:"declaration",prop:"align-items",value:"center"},{type:"declaration",prop:"justify-content",value:"center"});break;default:t.push({type:"declaration",prop:"display",value:"flex"},{type:"declaration",prop:"align-items",value:"center"},{type:"declaration",prop:"justify-content",value:"center"})}return[...t,...e.body??[]]}),te=Z("honey-stack",e=>{const t=Q(e.params),n=[{type:"declaration",prop:"display",value:"flex"},{type:"declaration",prop:"flex-direction",value:"column"}];return t&&n.push({type:"declaration",prop:"gap",value:t}),[...n,...e.body??[]]}),ne=E.map(A),oe=({theme:e})=>{const t=e?.spacings?.base??0,n=e=>e.map(e=>{if("rule"===e.type)return{...e,body:n(e.body)};if("atRule"===e.type)return{...e,body:null===e.body?null:n(e.body)};if("declaration"===e.type){if(!ne.includes(e.prop))return e;if(/[()]/.test(e.value))return e;const n=e.value.trim().split(/\s+/);return{...e,value:n.map(e=>((e,t)=>{const n=e.trim();return/[a-z%]+$/i.test(n)?n:/^-?\d*\.?\d+$/.test(n)?parseFloat(n)*t+"px":n})(e,t)).join(" ")}}return e});return e=>({...e,body:n(e.body)})},re=Z("honey-ellipsis",e=>[{type:"declaration",prop:"white-space",value:"nowrap"},{type:"declaration",prop:"overflow",value:"hidden"},{type:"declaration",prop:"text-overflow",value:"ellipsis"},...e.body??[]]),ae=Z("honey-inline",e=>{const t=Q(e.params),n=[{type:"declaration",prop:"display",value:"flex"},{type:"declaration",prop:"align-items",value:"center"}];return t&&n.push({type:"declaration",prop:"gap",value:t}),[...n,...e.body??[]]}),ie=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=(r=t,r.filter(Boolean)).map(([e,t])=>`(${e}: ${t})`).join(" and "),o=n?` and ${n}`:"";var r;return`${e.operator?`${e.operator} `:""}${e.mediaType??"screen"}${o}`}).join(", ")}`,se=e=>"portrait"===e||"landscape"===e,le=e=>"all"===e||"print"===e||"screen"===e||"speech"===e,pe=e=>/^[a-z]+\b(:up|:down)?$/i.test(e),ce=e=>{const[t,n]=e.split(":");return{key:t,direction:n??"up"}},ue=({theme:e})=>Z("honey-media",t=>{if(!e?.breakpoints)return[];const n=Q(t.params);if(!n)return[];const o=n.split(/\s+/);let r=null,a=null;const i=[];for(const t of o){if(se(t)){r=t;continue}if(le(t)){a=t;continue}if(!pe(t))continue;const n=ce(t),o=n.key in e.breakpoints?e.breakpoints[n.key]:null;if(!o)continue;let s;"up"===n.direction?s={minWidth:`${o}px`}:"down"===n.direction&&(s={maxWidth:`${o}px`}),s&&i.push(s)}let s=[];return i.length?s=i.map(e=>({...e,orientation:r,mediaType:a})):(a&&s.push({mediaType:a}),r&&s.push({orientation:r})),s.length?[{type:"atRule",name:"media",params:ie(s).replace(/^@media\s*/,""),body:t.body}]:[]}),de=Z("honey-if",e=>{const t=Q(e.params);return t&&(e=>""!==e&&"false"!==e&&"0"!==e)(t)?e.body??[]:[]}),ye=(e,{theme:t,selector:n}={})=>{const o=(e=>{const t=(e=>{let t=0;const n=()=>t>=e.length,o=()=>n()?void 0:e[t],r=()=>n()?void 0:e[t++];return{isEof:n,peek:o,next:r,mark:()=>t,reset:e=>{t=e},expect:e=>{const t=r();return j(t,`[@react-hive/honey-css]: Expected "${e}" but reached end of input.`),j(t.type===e,`[@react-hive/honey-css]: Expected "${e}" but got "${t.type}".`),t},readUntil:e=>{let t,a="";for(;!n();){const n=o();if(!n||e.includes(n.type))break;"text"===n.type?("text"===t&&a&&(a+=" "),a+=n.value):"string"===n.type?a+=`"${n.value}"`:"params"===n.type&&(a+=n.value),t=n.type,r()}return a.trim()},skipUntil:e=>{for(;!n();){const t=o();if(!t||e.includes(t.type))break;r()}}}})((e=>{const t=[];let n=0;const o=()=>n>=e.length,r=()=>o()?void 0:e[n],a=()=>n+1>=e.length?void 0:e[n+1],i=()=>{for(;;){const e=r();if(!e||!/\s/.test(e))return;n++}},s=()=>{if("/"!==r()||"/"!==a())return!1;for(n+=2;!o();){if("\n"===r()){n++;break}n++}return!0},l=()=>{if("/"!==r()||"*"!==a())return!1;for(n+=2;!o();){if("*"===r()&&"/"===a())return n+=2,!0;n++}return!0},p=()=>{const e=r();if(!e)return"";n++;let t="";for(;!o();){const o=r();if(!o)break;if("\\"===o){t+=o,n++;const e=r();e&&(t+=e,n++);continue}if(o===e){n++;break}t+=o,n++}return t},c=()=>{let e=0,t="";for(;!o();){const o=r();if(!o)break;if("("===o?e++:")"===o&&e--,t+=o,n++,0===e)break}return t},u=()=>{let e="";for(;!o();){const t=r();if(!t)break;if(M(t))break;e+=t,n++}return e.trim()};for(;!o()&&(i(),!o());){if(s()||l())continue;const e=r();if(!e)break;if("{"===e){t.push({type:"braceOpen"}),n++;continue}if("}"===e){t.push({type:"braceClose"}),n++;continue}if(":"===e){t.push({type:"colon"}),n++;continue}if(";"===e){t.push({type:"semicolon"}),n++;continue}if("@"===e){t.push({type:"at"}),n++;continue}if("("===e){t.push({type:"params",value:c()});continue}if('"'===e||"'"===e){t.push({type:"string",value:p()});continue}const o=u();o?t.push({type:"text",value:o}):n++}return t})(e));return{type:"stylesheet",body:U(t,{stopAtBraceClose:!1})}})(n?V(n,e):e);return((e,t)=>{var n;return(e=>e.body.map(B).filter(Boolean).join(""))((n=t?{...e,body:Y(e.body,t)}:e,{...n,body:F(n.body)}))})([de,te,ae,ee,J,re,ue({theme:t}),oe({theme:t})].reduce((e,t)=>t(e),o))},me=e=>`${e}-${Math.floor(1e3*performance.now()).toString(36)}${Math.random().toString(36).slice(2,10)}`,he=e=>e.filter(Boolean).join(" ").trim(),fe=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)}`,be=e=>c in e,ge=e=>Object.entries(e).reduce((e,[t,n])=>((x.has(t)||t.startsWith("data-")||t.startsWith("aria-"))&&(e[t]=n),e),{}),ve=(e,t=16)=>e/t+"rem",xe=e=>2===e.split(".").length,ke=(e,t="px",n="base")=>({theme:o})=>{if("string"==typeof e)return e;const r=o.spacings[n]??0;if("number"==typeof e){const n=e*r;return t?`${n}${t}`:n}return e.map(e=>{if("string"==typeof e)return e;const n=e*r;return t?`${n}${t}`:n}).join(" ")},$e=e=>({theme:t})=>{const n=t.fonts[e];return G`
|
|
2
|
+
import{createContext as e,createElement as t,useContext as n,useInsertionEffect as o,useMemo as r}from"react";const a={cw:e=>{var t;return()=>{if(e){var n=e;e=0,t={exports:{}},n.call(t.exports,t,t.exports)}return t.exports}},d:(e,t)=>{for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)};var i=a.cw(function(e,t){var n=Symbol.for("react.transitional.element");Symbol.for("react.fragment"),t.jsx=function(e,t,o){var r=null;if(void 0!==o&&(r=""+o),void 0!==t.key&&(r=""+t.key),"key"in t)for(var a in o={},t)"key"!==a&&(o[a]=t[a]);else o=t;return t=o.ref,{$$typeof:n,type:e,key:r,ref:void 0!==t?t:null,props:o}}}),s=a.cw(function(e,t){e.exports=i()});const l=!1,p=Symbol.for("honey-style-registry"),c="$$ComponentId",u="__compositionDepth",d="data-honey-global-style",y="data-honey-style",m="data-priority",h=["xs","sm","md","lg","xl"],f=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"]),b=new Set(["colSpan","rowSpan","headers","abbr","scope","align","valign"]),g=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"]),v=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"]),x=new Set([...f,...b,...g,...v]),k=e(void 0);function $(e,t){if(!e)throw new Error(t)}s();const C=e=>"string"==typeof e,w=(e,...t)=>"function"==typeof e?e(...t):e,S=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),A=["margin","marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingBlock","paddingBlockStart","paddingBlockEnd","top","right","bottom","left","inset","gap","rowGap","columnGap"],E=["color","backgroundColor","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","outlineColor","textDecorationColor","fill","stroke"],O=e=>"{"===e||"}"===e||":"===e||";"===e||"@"===e||"("===e||'"'===e||"'"===e||"/"===e;function M(e,t){if(!e)throw new Error(t)}const j=e=>{const t=[],n=()=>t.join("").trim();for(;!e.isEof();){const o=e.peek();if(!o)break;switch(o.type){case"braceOpen":case"braceClose":default:return n();case"colon":t.push(":");break;case"text":case"params":t.push(o.value);break;case"string":t.push(`"${o.value}"`)}e.next()}return n()},P=e=>{const t=e.peek();if(!t)return"";if("colon"===t.type)return j(e);const n=e.mark(),o=j(e);return"braceOpen"===e.peek()?.type?o:(e.reset(n),e.readUntil(["colon","braceOpen","semicolon","braceClose","at"]))},T=(e,t)=>{e.expect("colon");const n=e.readUntil(["semicolon","braceClose"]);return"semicolon"===e.peek()?.type&&e.next(),{type:"declaration",prop:t,value:n}},D=(e,t)=>{let n=0,o=0,r=0,a=null,i=!1;for(let s=0;s<e.length;s++){const l=e.charCodeAt(s);if(i)i=!1;else if(92!==l)if(null===a)if(34!==l&&39!==l)if(40!==l)if(41!==l)if(91!==l)if(93!==l){if(44===l&&0===o&&0===r){const o=e.slice(n,s).trim();o&&t(o),n=s+1}}else r--;else r++;else o--;else o++;else a=l;else l===a&&(a=null);else i=!0}const s=e.slice(n).trim();s&&t(s)},L=(e,t)=>{const n=e.trim();if(!n)return"";const o=t.trim();if(!o)return n;const r=-1!==o.indexOf(","),a=-1!==n.indexOf(","),i=-1!==n.indexOf("&");if(!r&&!a)return i?n.replaceAll("&",o):`${o} ${n}`;const s=[];return D(o,e=>{D(n,t=>{t.includes("&")?s.push(t.replaceAll("&",e)):s.push(`${e} ${t}`)})}),s.join(", ")},R=e=>{switch(e.type){case"declaration":return(e=>{const t=e.value.trim();return t?`${e.prop}:${t};`:""})(e);case"rule":return(e=>{const t=e.body.map(R).join("");return t?`${e.selector}{${t}}`:""})(e);case"atRule":return(e=>{const t=e.params?` ${e.params}`:"";if(null===e.body)return`@${e.name}${t};`;const n=e.body.map(R).join("");return n?`@${e.name}${t}{${n}}`:""})(e);default:return""}},B=(e,t)=>(e.expect("braceOpen"),{type:"rule",selector:t,body:U(e)}),W=(e,{stopAtBraceClose:t})=>{const n=[];for(;!e.isEof();){const o=e.peek();if(!o)break;if(t&&"braceClose"===o.type){e.next();break}if("semicolon"===o.type){e.next();continue}if("at"===o.type){n.push(H(e));continue}const r=P(e);r?"colon"!==e.peek()?.type?"braceOpen"!==e.peek()?.type?e.next():n.push(B(e,r)):n.push(T(e,r)):e.next()}return n},U=e=>W(e,{stopAtBraceClose:!0}),H=e=>{e.expect("at");const t=e.readUntil(["semicolon","braceOpen"]),{name:n,params:o}=(e=>{const t=e.trim();if(!t)return{name:"",params:void 0};let n=0;const o=t.length;for(;n<o;){const e=t[n];if(" "===e||"\t"===e||"\n"===e||"\r"===e||"\f"===e||"("===e)break;n++}const r=t.slice(0,n);for(;n<o;){const e=t[n];if(" "!==e&&"\t"!==e&&"\n"!==e&&"\r"!==e&&"\f"!==e)break;n++}return{name:r,params:t.slice(n)||void 0}})(t);let r=o;if("params"===e.peek()?.type){const t=e.expect("params").value;r=r?`${r}${t}`:t}return"braceOpen"===e.peek()?.type?{type:"atRule",name:n,params:r,body:U(e)}:("semicolon"===e.peek()?.type&&e.next(),{type:"atRule",name:n,params:r,body:null})},z={media:!0,supports:!0,container:!0,layer:!0},I=(e,t)=>{const n=t?L(e.selector,t):e.selector;return N(e.body,n)},N=(e,t)=>{const n=[],o=[],r=()=>{t&&0!==o.length&&(n.push({type:"rule",selector:t,body:o.slice()}),o.length=0)};for(let a=0;a<e.length;a++){const i=e[a];if("declaration"!==i.type)if("rule"!==i.type)if("atRule"!==i.type)r(),n.push(i);else{if(r(),!z[i.name]){n.push(i);continue}n.push({...i,body:i.body&&i.body.length>0?N(i.body,t):i.body})}else r(),n.push(...I(i,t));else o.push(i)}return r(),n},F=e=>A.includes(e),K=e=>E.includes(e),_=(e,t)=>{return!1===e||(""===(n=e)||(e=>null==e)(n))?"":(e=>"function"==typeof e)(e)?fe(e)?`.${e[c]}`:_(e(t),t):(e=>Array.isArray(e))(e)?e.map(e=>_(e,t)).join("\n"):(e=>"object"==typeof e)(e)?Object.entries(e).filter(([,e])=>void 0!==e&&!1!==e).map(([e,t])=>`${S(e)}: ${t};`).join("\n"):e.toString?.()??"";var n},q=(e,...t)=>n=>e.reduce((e,o,r)=>e+o+_(t[r],n),""),G=(e,t)=>`${e}{${t}}`,V={media:!0,supports:!0,container:!0,layer:!0},X=(e,t)=>e.map(e=>"rule"===e.type?{...e,selector:L(e.selector,t)}:"atRule"===e.type&&V[e.name]?{...e,body:null===e.body?null:X(e.body,t)}:e),Y=(e,t)=>n=>{const o=n=>{const r=[];for(const a of n){if("atRule"===a.type&&a.name===e){const e=o(a.body??[]),n=t({...a,body:e});r.push(...n);continue}"rule"!==a.type?"atRule"!==a.type?r.push(a):r.push({...a,body:null===a.body?null:o(a.body)}):r.push({...a,body:o(a.body)})}return r};return{...n,body:o(n.body)}},Z=Y("honey-absolute-fill",e=>[{type:"declaration",prop:"position",value:"absolute"},{type:"declaration",prop:"inset",value:"0"},...e.body??[]]),J=e=>{if(!e)return"";const t=e.trim();return t.startsWith("(")&&t.endsWith(")")?t.slice(1,-1).trim():t},Q=Y("honey-center",e=>{const t=[];switch(J(e.params)){case"horizontal":case"x":t.push({type:"declaration",prop:"display",value:"flex"},{type:"declaration",prop:"justify-content",value:"center"});break;case"vertical":case"y":t.push({type:"declaration",prop:"display",value:"flex"},{type:"declaration",prop:"align-items",value:"center"});break;case"block":t.push({type:"declaration",prop:"display",value:"block"},{type:"declaration",prop:"text-align",value:"center"});break;case"inline":t.push({type:"declaration",prop:"display",value:"inline-flex"},{type:"declaration",prop:"align-items",value:"center"},{type:"declaration",prop:"justify-content",value:"center"});break;default:t.push({type:"declaration",prop:"display",value:"flex"},{type:"declaration",prop:"align-items",value:"center"},{type:"declaration",prop:"justify-content",value:"center"})}return[...t,...e.body??[]]}),ee=Y("honey-stack",e=>{const t=J(e.params),n=[{type:"declaration",prop:"display",value:"flex"},{type:"declaration",prop:"flex-direction",value:"column"}];return t&&n.push({type:"declaration",prop:"gap",value:t}),[...n,...e.body??[]]}),te=A.map(S),ne=({theme:e})=>{const t=e?.spacings?.base??0,n=e=>e.map(e=>{if("rule"===e.type)return{...e,body:n(e.body)};if("atRule"===e.type)return{...e,body:null===e.body?null:n(e.body)};if("declaration"===e.type){if(!te.includes(e.prop))return e;if(/[()]/.test(e.value))return e;const n=e.value.trim().split(/\s+/);return{...e,value:n.map(e=>((e,t)=>{const n=e.trim();return/[a-z%]+$/i.test(n)?n:/^-?\d*\.?\d+$/.test(n)?parseFloat(n)*t+"px":n})(e,t)).join(" ")}}return e});return e=>({...e,body:n(e.body)})},oe=Y("honey-ellipsis",e=>[{type:"declaration",prop:"white-space",value:"nowrap"},{type:"declaration",prop:"overflow",value:"hidden"},{type:"declaration",prop:"text-overflow",value:"ellipsis"},...e.body??[]]),re=Y("honey-inline",e=>{const t=J(e.params),n=[{type:"declaration",prop:"display",value:"flex"},{type:"declaration",prop:"align-items",value:"center"}];return t&&n.push({type:"declaration",prop:"gap",value:t}),[...n,...e.body??[]]}),ae=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=(r=t,r.filter(Boolean)).map(([e,t])=>`(${e}: ${t})`).join(" and "),o=n?` and ${n}`:"";var r;return`${e.operator?`${e.operator} `:""}${e.mediaType??"screen"}${o}`}).join(", ")}`,ie=e=>"portrait"===e||"landscape"===e,se=e=>"all"===e||"print"===e||"screen"===e||"speech"===e,le=e=>/^[a-z]+\b(:up|:down)?$/i.test(e),pe=e=>{const[t,n]=e.split(":");return{key:t,direction:n??"up"}},ce=({theme:e})=>Y("honey-media",t=>{if(!e?.breakpoints)return[];const n=J(t.params);if(!n)return[];const o=n.split(/\s+/);let r=null,a=null;const i=[];for(const t of o){if(ie(t)){r=t;continue}if(se(t)){a=t;continue}if(!le(t))continue;const n=pe(t),o=n.key in e.breakpoints?e.breakpoints[n.key]:null;if(!o)continue;let s;"up"===n.direction?s={minWidth:`${o}px`}:"down"===n.direction&&(s={maxWidth:`${o}px`}),s&&i.push(s)}let s=[];return i.length?s=i.map(e=>({...e,orientation:r,mediaType:a})):(a&&s.push({mediaType:a}),r&&s.push({orientation:r})),s.length?[{type:"atRule",name:"media",params:ae(s).replace(/^@media\s*/,""),body:t.body}]:[]}),ue=Y("honey-if",e=>{const t=J(e.params);return t&&(e=>""!==e&&"false"!==e&&"0"!==e)(t)?e.body??[]:[]}),de=(e,{theme:t,selector:n}={})=>{const o=(e=>{const t=(e=>{let t=0;const n=()=>t>=e.length,o=()=>n()?void 0:e[t],r=()=>n()?void 0:e[t++];return{isEof:n,peek:o,next:r,mark:()=>t,reset:e=>{t=e},expect:e=>{const t=r();return M(t,`[@react-hive/honey-css]: Expected "${e}" but reached end of input.`),M(t.type===e,`[@react-hive/honey-css]: Expected "${e}" but got "${t.type}".`),t},readUntil:e=>{let t,a="";for(;!n();){const n=o();if(!n||e.includes(n.type))break;"text"===n.type?("text"===t&&a&&(a+=" "),a+=n.value):"string"===n.type?a+=`"${n.value}"`:"params"===n.type&&(a+=n.value),t=n.type,r()}return a.trim()},skipUntil:e=>{for(;!n();){const t=o();if(!t||e.includes(t.type))break;r()}}}})((e=>{const t=[];let n=0;const o=()=>n>=e.length,r=()=>o()?void 0:e[n],a=()=>n+1>=e.length?void 0:e[n+1],i=()=>{for(;;){const e=r();if(!e||!/\s/.test(e))return;n++}},s=()=>{if("/"!==r()||"/"!==a())return!1;for(n+=2;!o();){if("\n"===r()){n++;break}n++}return!0},l=()=>{if("/"!==r()||"*"!==a())return!1;for(n+=2;!o();){if("*"===r()&&"/"===a())return n+=2,!0;n++}return!0},p=()=>{const e=r();if(!e)return"";n++;let t="";for(;!o();){const o=r();if(!o)break;if("\\"===o){t+=o,n++;const e=r();e&&(t+=e,n++);continue}if(o===e){n++;break}t+=o,n++}return t},c=()=>{let e=0,t="";for(;!o();){const o=r();if(!o)break;if("("===o?e++:")"===o&&e--,t+=o,n++,0===e)break}return t},u=()=>{let e="";for(;!o();){const t=r();if(!t)break;if(O(t))break;e+=t,n++}return e.trim()};for(;!o()&&(i(),!o());){if(s()||l())continue;const e=r();if(!e)break;if("{"===e){t.push({type:"braceOpen"}),n++;continue}if("}"===e){t.push({type:"braceClose"}),n++;continue}if(":"===e){t.push({type:"colon"}),n++;continue}if(";"===e){t.push({type:"semicolon"}),n++;continue}if("@"===e){t.push({type:"at"}),n++;continue}if("("===e){t.push({type:"params",value:c()});continue}if('"'===e||"'"===e){t.push({type:"string",value:p()});continue}const o=u();o?t.push({type:"text",value:o}):n++}return t})(e));return{type:"stylesheet",body:W(t,{stopAtBraceClose:!1})}})(n?G(n,e):e);return((e,t)=>{var n;return(e=>e.body.map(R).filter(Boolean).join(""))((n=t?{...e,body:X(e.body,t)}:e,{...n,body:N(n.body)}))})([ue,ee,re,Q,Z,oe,ce({theme:t}),ne({theme:t})].reduce((e,t)=>t(e),o))},ye=e=>`${e}-${Math.floor(1e3*performance.now()).toString(36)}${Math.random().toString(36).slice(2,10)}`,me=e=>e.filter(Boolean).join(" ").trim(),he=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)}`,fe=e=>c in e,be=e=>Object.entries(e).reduce((e,[t,n])=>((x.has(t)||t.startsWith("data-")||t.startsWith("aria-"))&&(e[t]=n),e),{}),ge=(e,t=16)=>e/t+"rem",ve=e=>2===e.split(".").length,xe=(e,t="px",n="base")=>({theme:o})=>{if("string"==typeof e)return e;const r=o.spacings[n]??0;if("number"==typeof e){const n=e*r;return t?`${n}${t}`:n}return e.map(e=>{if("string"==typeof e)return e;const n=e*r;return t?`${n}${t}`:n}).join(" ")},ke=e=>({theme:t})=>{const n=t.fonts[e];return q`
|
|
3
3
|
font-family: ${n.family};
|
|
4
|
-
font-size: ${
|
|
4
|
+
font-size: ${ge(n.size)};
|
|
5
5
|
font-weight: ${n.weight};
|
|
6
|
-
line-height: ${void 0!==n.lineHeight&&
|
|
7
|
-
letter-spacing: ${void 0!==n.letterSpacing&&
|
|
8
|
-
`}
|
|
6
|
+
line-height: ${void 0!==n.lineHeight&&ge(n.lineHeight)};
|
|
7
|
+
letter-spacing: ${void 0!==n.letterSpacing&&ge(n.letterSpacing)};
|
|
8
|
+
`},$e=(e,t)=>({theme:n})=>{const[o,r]=e.split("."),a=r?n.colors[o][r]:o;return void 0===t?a:((e,t)=>{$(t>=0&&t<=1,`[@react-hive/honey-utils]: Alpha "${t}" must be a number between 0 and 1.`);const n=e.match(/^#?([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/);$(n,`[@react-hive/honey-utils]: Invalid hex format: ${e}`);const o=n[1];return`#${(3===o.length?o[0]+o[0]+o[1]+o[1]+o[2]+o[2]:o)+Math.round(255*t).toString(16).toUpperCase().padStart(2,"0")}`})(a,t)},Ce=e=>({theme:t})=>t.dimensions[e],we=({children:e,theme:t})=>{const n=r(()=>({theme:t,resolveSpacing:(...e)=>xe(...e)({theme:t}),resolveColor:(...e)=>$e(...e)({theme:t}),resolveFont:(...e)=>ke(...e)({theme:t}),resolveDimension:(...e)=>Ce(...e)({theme:t})}),[t]);return(0,i().jsx)(k,{value:n,children:e})},Se=()=>{const e=n(k);return $(e,"The `useHoneyStyle()` hook must be used inside <HoneyStyleProvider/> component!"),e},Ae=(e,...t)=>{const n=ye("hsg"),r=q(e,...t);return()=>{const{theme:e}=Se();return o(()=>{const t=r({theme:e}),o=de(t,{theme:e}),a=document.createElement("style");return a.id=n,a.innerHTML=o,a.setAttribute(d,"true"),document.head.insertBefore(a,document.head.firstChild),()=>{a.remove()}},[e]),null}},Ee=(()=>{const e=window;return e[p]||(e[p]=new Map),e[p]})(),Oe=new Map,Me=new Set;let je=!1;const Pe=e=>{const t=(e=>{let t=Oe.get(e);if(t)return t;t=document.createElement("style"),t.setAttribute(y,"true"),t.setAttribute(m,String(e));const n=Array.from(document.querySelectorAll(`style[${y}="true"]`)).find(t=>Number(t.getAttribute(m))>e);return n?document.head.insertBefore(t,n):document.head.appendChild(t),Oe.set(e,t),t})(e),n=Array.from(Ee.values()).filter(t=>t.priority===e).map(e=>e.css).join("\n");n?t.textContent=n:(t.remove(),Oe.delete(e))},Te=e=>()=>{const t=Ee.get(e);var n;t&&(t.usages--,t.usages<=0&&(Ee.delete(e),n=t.priority,Me.add(n),je||(je=!0,queueMicrotask(()=>{je=!1,(()=>{for(const e of Me)Pe(e);Me.clear()})()}))))},De=(e,n,{omitProps:r}={})=>(a,...i)=>{const s=ye("hsc"),l=q(a,...i),p=({as:a,className:i,__compositionDepth:p=0,...c})=>{const{theme:d}=Se(),y=(g=c,Object.entries(g).reduce((e,[t,n])=>(void 0!==n&&(e[t]=n),e),{})),m={...w(n,{theme:d,as:a,className:i,...y})??{},...i&&{className:i}},h={...m,...y,theme:d},f=l(h),b=he(f);var g;o(()=>{const e=de(f,{theme:d,selector:`.${b}`});return((e,t,n=0)=>{const o=Ee.get(e);return o?(o.usages++,o.priority>n&&(o.priority=n,Pe(n)),Te(e)):(Ee.set(e,{css:t,priority:n,usages:1}),Pe(n),Te(e))})(b,e,p)},[b]);const v=me([s,b,m.className]),x={...m,...y,className:v},k=r?Object.entries(x).reduce((e,[t,n])=>r(t)?e:{...e,[t]:n},{}):x,$=a||e;if(C(e)){const e=C($)?be(k):k;return t($,e)}return t(e,{...k,...a&&{as:a},...fe(e)&&{[u]:p-1}})};return p[c]=s,p};export{E as CSS_COLOR_PROPERTIES,A as CSS_SPACING_PROPERTIES,h as HONEY_BREAKPOINTS,d as HONEY_GLOBAL_STYLE_ATTR,c as HONEY_STYLED_COMPONENT_ID_PROP,u as HONEY_STYLED_COMPOSITION_DEPTH_PROP,y as HONEY_STYLE_ATTR,m as HONEY_STYLE_PRIORITY_ATTR,p as HONEY_STYLE_REGISTRY_SYMBOL,k as HoneyStyleContext,we as HoneyStyleProvider,x as VALID_DOM_ELEMENT_ATTRS,l as __DEV__,he as buildClassName,me as combineClassNames,G as createCssRule,Ae as createGlobalStyle,q as css,be as filterNonHtmlAttrs,ye as generateId,K as isCssColorProperty,F as isCssSpacingProperty,fe as isStyledComponent,ve as isThemeColorValue,ae as mediaQuery,de as processCss,ge as pxToRem,$e as resolveColor,Ce as resolveDimension,ke as resolveFont,xe as resolveSpacing,De as styled,Se as useHoneyStyle};
|
|
9
9
|
//# sourceMappingURL=index.mjs.map
|