@react-hive/honey-style 8.3.3 → 8.4.0

package/dist/index.cjs

@@ -1,9 +1,8 @@
-/*! For license information please see index.cjs.LICENSE.txt */
-(()=>{"use strict";const e={cw:e=>{var t;return()=>{if(e){var o=e;e=0,t={exports:{}},o.call(t.exports,t,t.exports)}return t.exports}},d:(t,o)=>{for(var n in o)e.o(o,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:o[n]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}};let t={};e.r(t),e.d(t,{CSS_COLOR_PROPERTIES:()=>$,CSS_SPACING_PROPERTIES:()=>S,HONEY_BREAKPOINTS:()=>u,HONEY_GLOBAL_STYLE_ATTR:()=>l,HONEY_STYLED_COMPONENT_ID_PROP:()=>i,HONEY_STYLED_COMPOSITION_DEPTH_PROP:()=>s,HONEY_STYLE_ATTR:()=>p,HONEY_STYLE_PRIORITY_ATTR:()=>c,HONEY_STYLE_REGISTRY_SYMBOL:()=>a,HoneyStyleContext:()=>g,HoneyStyleProvider:()=>xe,VALID_DOM_ELEMENT_ATTRS:()=>f,__DEV__:()=>r,buildClassName:()=>de,combineClassNames:()=>ue,createCssRule:()=>z,createGlobalStyle:()=>Se,css:()=>W,filterNonHtmlAttrs:()=>me,generateId:()=>ce,isCssColorProperty:()=>Y,isCssSpacingProperty:()=>B,isStyledComponent:()=>ye,isThemeColorValue:()=>fe,mediaQuery:()=>oe,processCss:()=>pe,pxToRem:()=>he,resolveColor:()=>ve,resolveDimension:()=>ke,resolveFont:()=>ge,resolveSpacing:()=>be,styled:()=>Re,useHoneyStyle:()=>Ce});var o=e.cw(function(e,t){var o=Symbol.for("react.transitional.element");Symbol.for("react.fragment"),t.jsx=function(e,t,n){var r=null;if(void 0!==n&&(r=""+n),void 0!==t.key&&(r=""+t.key),"key"in t)for(var a in n={},t)"key"!==a&&(n[a]=t[a]);else n=t;return t=n.ref,{$$typeof:o,type:e,key:r,ref:void 0!==t?t:null,props:n}}}),n=e.cw(function(e,t){e.exports=o()});const r=!1;r&&console.info("[@react-hive/honey-style]: You are running in development mode. This build is not optimized for production and may include extra checks or logs.");const a=Symbol.for("honey-style-registry"),i="$$ComponentId",s="__compositionDepth",l="data-honey-global-style",p="data-honey-style",c="data-priority",u=["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","autoPlay","controls","crossOrigin","disablePictureInPicture","disableRemotePlayback","height","isMap","loop","media","muted","playsInline","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"]),y=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"]),h=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"]),f=new Set([...d,...y,...m,...h]),b=require("react"),g=(0,b.createContext)(void 0);function v(e,t){if(!e)throw new Error(t)}n();const k=e=>"string"==typeof e,x=(e,...t)=>"function"==typeof e?e(...t):e,C=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),S=["margin","marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingBlock","paddingBlockStart","paddingBlockEnd","top","right","bottom","left","inset","gap","rowGap","columnGap"],$=["color","backgroundColor","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","outlineColor","textDecorationColor","fill","stroke"],E=e=>"{"===e||"}"===e||":"===e||";"===e||"@"===e||"("===e||'"'===e||"'"===e;function O(e,t){if(!e)throw new Error(t)}const w=e=>{const t=[],o=()=>t.join("").trim();for(;!e.isEof();){const n=e.peek();if(!n)break;switch(n.type){case"braceOpen":case"braceClose":default:return o();case"colon":t.push(":");break;case"text":case"params":t.push(n.value);break;case"string":t.push(`"${n.value}"`)}e.next()}return o()},T=e=>{const t=e.peek();if(!t)return"";if("colon"===t.type)return w(e);const o=e.mark(),n=w(e);return"braceOpen"===e.peek()?.type?n:(e.reset(o),e.readUntil(["colon","braceOpen","semicolon","braceClose","at"]))},P=(e,t)=>{e.expect("colon");const o=e.readUntil(["semicolon","braceClose"]);return"semicolon"===e.peek()?.type&&e.next(),{type:"declaration",prop:t,value:o}},R=(e,t)=>{let o=0,n=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===n&&0===r){const n=e.slice(o,s).trim();n&&t(n),o=s+1}}else r--;else r++;else n--;else n++;else a=l;else l===a&&(a=null);else i=!0}const s=e.slice(o).trim();s&&t(s)},A=(e,t)=>{const o=e.trim();if(!o)return"";const n=t.trim();if(!n)return o;const r=-1!==n.indexOf(","),a=-1!==o.indexOf(","),i=-1!==o.indexOf("&");if(!r&&!a)return i?o.replaceAll("&",n):`${n} ${o}`;const s=[];return R(n,e=>{R(o,t=>{t.includes("&")?s.push(t.replaceAll("&",e)):s.push(`${e} ${t}`)})}),s.join(", ")},_=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(_).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 o=e.body.map(_).join("");return o?`@${e.name}${t}{${o}}`:""})(e);default:return""}},M=(e,t)=>(e.expect("braceOpen"),{type:"rule",selector:t,body:j(e)}),L=(e,{stopAtBraceClose:t})=>{const o=[];for(;!e.isEof();){const n=e.peek();if(!n)break;if(t&&"braceClose"===n.type){e.next();break}if("semicolon"===n.type){e.next();continue}if("at"===n.type){o.push(D(e));continue}const r=T(e);r?"colon"!==e.peek()?.type?"braceOpen"!==e.peek()?.type?e.next():o.push(M(e,r)):o.push(P(e,r)):e.next()}return o},j=e=>L(e,{stopAtBraceClose:!0}),D=e=>{e.expect("at");const t=e.readUntil(["semicolon","braceOpen"]),{name:o,params:n}=(e=>{const t=e.trim();if(!t)return{name:"",params:void 0};let o=0;const n=t.length;for(;o<n;){const e=t[o];if(" "===e||"\t"===e||"\n"===e||"\r"===e||"\f"===e||"("===e)break;o++}const r=t.slice(0,o);for(;o<n;){const e=t[o];if(" "!==e&&"\t"!==e&&"\n"!==e&&"\r"!==e&&"\f"!==e)break;o++}return{name:r,params:t.slice(o)||void 0}})(t);let r=n;if("params"===e.peek()?.type){const t=e.expect("params").value;r=r?`${r}${t}`:t}return"braceOpen"===e.peek()?.type?{type:"atRule",name:o,params:r,body:j(e)}:("semicolon"===e.peek()?.type&&e.next(),{type:"atRule",name:o,params:r,body:null})},N={media:!0,supports:!0,container:!0,layer:!0},H=(e,t)=>{const o=t?A(e.selector,t):e.selector;return I(e.body,o)},I=(e,t)=>{const o=[],n=[],r=()=>{t&&0!==n.length&&(o.push({type:"rule",selector:t,body:n.slice()}),n.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(),o.push(i);else{if(r(),!N[i.name]){o.push(i);continue}o.push({...i,body:i.body&&i.body.length>0?I(i.body,t):i.body})}else r(),o.push(...H(i,t));else n.push(i)}return r(),o},B=e=>S.includes(e),Y=e=>$.includes(e),U=(e,t)=>{return!1===e||(""===(o=e)||(e=>null==e)(o))?"":(e=>"function"==typeof e)(e)?ye(e)?`.${e[i]}`:U(e(t),t):(e=>Array.isArray(e))(e)?e.map(e=>U(e,t)).join("\n"):(e=>"object"==typeof e)(e)?Object.entries(e).filter(([,e])=>void 0!==e&&!1!==e).map(([e,t])=>`${C(e)}: ${t};`).join("\n"):e.toString?.()??"";var o},W=(e,...t)=>o=>e.reduce((e,n,r)=>e+n+U(t[r],o),""),z=(e,t)=>`${e}{${t}}`,F={media:!0,supports:!0,container:!0,layer:!0},G=(e,t)=>e.map(e=>"rule"===e.type?{...e,selector:A(e.selector,t)}:"atRule"===e.type&&F[e.name]?{...e,body:null===e.body?null:G(e.body,t)}:e),K=(e,t)=>o=>{const n=o=>{const r=[];for(const a of o){if("atRule"===a.type&&a.name===e){const e=n(a.body??[]),o=t({...a,body:e});r.push(...o);continue}"rule"!==a.type?"atRule"!==a.type?r.push(a):r.push({...a,body:null===a.body?null:n(a.body)}):r.push({...a,body:n(a.body)})}return r};return{...o,body:n(o.body)}},V=K("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},Q=K("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??[]]}),X=K("honey-stack",e=>{const t=q(e.params),o=[{type:"declaration",prop:"display",value:"flex"},{type:"declaration",prop:"flex-direction",value:"column"}];return t&&o.push({type:"declaration",prop:"gap",value:t}),[...o,...e.body??[]]}),Z=S.map(C),J=({theme:e})=>{const t=e?.spacings?.base??0,o=e=>e.map(e=>{if("rule"===e.type)return{...e,body:o(e.body)};if("atRule"===e.type)return{...e,body:null===e.body?null:o(e.body)};if("declaration"===e.type){if(!Z.includes(e.prop))return e;if(/[()]/.test(e.value))return e;const o=e.value.trim().split(/\s+/);return{...e,value:o.map(e=>((e,t)=>{const o=e.trim();return/[a-z%]+$/i.test(o)?o:/^-?\d*\.?\d+$/.test(o)?parseFloat(o)*t+"px":o})(e,t)).join(" ")}}return e});return e=>({...e,body:o(e.body)})},ee=K("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??[]]),te=K("honey-inline",e=>{const t=q(e.params),o=[{type:"declaration",prop:"display",value:"flex"},{type:"declaration",prop:"align-items",value:"center"}];return t&&o.push({type:"declaration",prop:"gap",value:t}),[...o,...e.body??[]]}),oe=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]],o=(r=t,r.filter(Boolean)).map(([e,t])=>`(${e}: ${t})`).join(" and "),n=o?` and ${o}`:"";var r;return`${e.operator?`${e.operator} `:""}${e.mediaType??"screen"}${n}`}).join(", ")}`,ne=e=>"portrait"===e||"landscape"===e,re=e=>"all"===e||"print"===e||"screen"===e||"speech"===e,ae=e=>/^[a-z]+\b(:up|:down)?$/i.test(e),ie=e=>{const[t,o]=e.split(":");return{key:t,direction:o??"up"}},se=({theme:e})=>K("honey-media",t=>{if(!e?.breakpoints)return[];const o=q(t.params);if(!o)return[];const n=o.split(/\s+/);let a=null,i=null;const s=[];for(const t of n){if(ne(t)){a=t;continue}if(re(t)){i=t;continue}if(!ae(t)){r&&console.warn(`[@react-hive/honey-style]: Unknown @honey-media token: "${t}".`);continue}const o=ie(t),n=o.key in e.breakpoints?e.breakpoints[o.key]:null;if(!n){r&&console.warn(`[@react-hive/honey-style]: Unknown breakpoint "${o.key}" in @honey-media.`);continue}let l;"up"===o.direction?l={minWidth:`${n}px`}:"down"===o.direction&&(l={maxWidth:`${n}px`}),l&&s.push(l)}let l=[];return s.length?l=s.map(e=>({...e,orientation:a,mediaType:i})):(i&&l.push({mediaType:i}),a&&l.push({orientation:a})),l.length?[{type:"atRule",name:"media",params:oe(l).replace(/^@media\s*/,""),body:t.body}]:[]}),le=K("honey-if",e=>{const t=q(e.params);return t&&(e=>""!==e&&"false"!==e&&"0"!==e)(t)?e.body??[]:[]}),pe=(e,{theme:t,selector:o}={})=>{const n=(e=>{const t=(e=>{let t=0;const o=()=>t>=e.length,n=()=>o()?void 0:e[t],r=()=>o()?void 0:e[t++];return{isEof:o,peek:n,next:r,mark:()=>t,reset:e=>{t=e},expect:e=>{const t=r();return O(t,`[@react-hive/honey-css]: Expected "${e}" but reached end of input.`),O(t.type===e,`[@react-hive/honey-css]: Expected "${e}" but got "${t.type}".`),t},readUntil:e=>{let t,a="";for(;!o();){const o=n();if(!o||e.includes(o.type))break;"text"===o.type?("text"===t&&a&&(a+=" "),a+=o.value):"string"===o.type?a+=`"${o.value}"`:"params"===o.type&&(a+=o.value),t=o.type,r()}return a.trim()},skipUntil:e=>{for(;!o();){const t=n();if(!t||e.includes(t.type))break;r()}}}})((e=>{const t=[];let o=0;const n=()=>o>=e.length,r=()=>n()?void 0:e[o],a=()=>o+1>=e.length?void 0:e[o+1],i=()=>"/"===r()&&("/"===a()||"*"===a()),s=()=>{for(;;){const e=r();if(!e||!/\s/.test(e))return;o++}},l=()=>{if("/"!==r()||"/"!==a())return!1;for(o+=2;!n();){if("\n"===r()){o++;break}o++}return!0},p=()=>{if("/"!==r()||"*"!==a())return!1;for(o+=2;!n();){if("*"===r()&&"/"===a())return o+=2,!0;o++}return!0},c=()=>{const e=r();if(!e)return"";o++;let t="";for(;!n();){const n=r();if(!n)break;if("\\"===n){t+=n,o++;const e=r();e&&(t+=e,o++);continue}if(n===e){o++;break}t+=n,o++}return t},u=()=>{let e=0,t="";for(;!n();){const n=r();if(!n)break;if("("===n?e++:")"===n&&e--,t+=n,o++,0===e)break}return t},d=()=>{let e="";for(;!n();){const t=r();if(!t)break;if(E(t)||i())break;e+=t,o++}return e.trim()};for(;!n()&&(s(),!n());){if(l()||p())continue;const e=r();if(!e)break;if("{"===e){t.push({type:"braceOpen"}),o++;continue}if("}"===e){t.push({type:"braceClose"}),o++;continue}if(":"===e){t.push({type:"colon"}),o++;continue}if(";"===e){t.push({type:"semicolon"}),o++;continue}if("@"===e){t.push({type:"at"}),o++;continue}if("("===e){t.push({type:"params",value:u()});continue}if('"'===e||"'"===e){t.push({type:"string",value:c()});continue}const n=d();n?t.push({type:"text",value:n}):o++}return t})(e));return{type:"stylesheet",body:L(t,{stopAtBraceClose:!1})}})(o?z(o,e):e);return((e,t)=>{var o;return(e=>e.body.map(_).filter(Boolean).join(""))((o=t?{...e,body:G(e.body,t)}:e,{...o,body:I(o.body)}))})([le,X,te,Q,V,ee,se({theme:t}),J({theme:t})].reduce((e,t)=>t(e),n))},ce=e=>`${e}-${Math.floor(1e3*performance.now()).toString(36)}${Math.random().toString(36).slice(2,10)}`,ue=e=>e.filter(Boolean).join(" ").trim(),de=e=>`hscn-${(e=>{let t=5381;for(let o=0;o<e.length;o++)t=33*t^e.charCodeAt(o);return(t>>>0).toString(36)})(e)}`,ye=e=>i in e,me=e=>Object.entries(e).reduce((e,[t,o])=>((f.has(t)||t.startsWith("data-")||t.startsWith("aria-"))&&(e[t]=o),e),{}),he=(e,t=16)=>e/t+"rem",fe=e=>2===e.split(".").length,be=(e,t="px",o="base")=>({theme:n})=>{if("string"==typeof e)return e;const r=n.spacings[o]??0;if("number"==typeof e){const o=e*r;return t?`${o}${t}`:o}return e.map(e=>{if("string"==typeof e)return e;const o=e*r;return t?`${o}${t}`:o}).join(" ")},ge=e=>({theme:t})=>{const o=t.fonts[e];return W`
-      font-family: ${o.family};
-      font-size: ${he(o.size)};
-      font-weight: ${o.weight};
-      line-height: ${void 0!==o.lineHeight&&he(o.lineHeight)};
-      letter-spacing: ${void 0!==o.letterSpacing&&he(o.letterSpacing)};
-    `},ve=(e,t)=>({theme:o})=>{const[n,r]=e.split("."),a=r?o.colors[n][r]:n;return void 0===t?a:((e,t)=>{v(t>=0&&t<=1,`[@react-hive/honey-utils]: Alpha "${t}" must be a number between 0 and 1.`);const o=e.match(/^#?([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/);v(o,`[@react-hive/honey-utils]: Invalid hex format: ${e}`);const n=o[1];return`#${(3===n.length?n[0]+n[0]+n[1]+n[1]+n[2]+n[2]:n)+Math.round(255*t).toString(16).toUpperCase().padStart(2,"0")}`})(a,t)},ke=e=>({theme:t})=>t.dimensions[e],xe=({children:e,theme:t})=>{const n=(0,b.useMemo)(()=>({theme:t,resolveSpacing:(...e)=>be(...e)({theme:t}),resolveColor:(...e)=>ve(...e)({theme:t}),resolveFont:(...e)=>ge(...e)({theme:t}),resolveDimension:(...e)=>ke(...e)({theme:t})}),[t]);return(0,o().jsx)(g,{value:n,children:e})},Ce=()=>{const e=(0,b.useContext)(g);return v(e,"The `useHoneyStyle()` hook must be used inside <HoneyStyleProvider/> component!"),e},Se=(e,...t)=>{const o=ce("hsg"),n=W(e,...t);return()=>{const{theme:e}=Ce();return(0,b.useInsertionEffect)(()=>{const t=n({theme:e}),r=pe(t,{theme:e}),a=document.createElement("style");return a.id=o,a.innerHTML=r,a.setAttribute(l,"true"),document.head.insertBefore(a,document.head.firstChild),()=>{a.remove()}},[e]),null}},$e=(()=>{const e=window;return e[a]||(e[a]=new Map),e[a]})(),Ee=new Map,Oe=new Set;let we=!1;const Te=e=>{const t=(e=>{let t=Ee.get(e);if(t)return t;t=document.createElement("style"),t.setAttribute(p,"true"),t.setAttribute(c,String(e));const o=Array.from(document.querySelectorAll(`style[${p}="true"]`)).find(t=>Number(t.getAttribute(c))>e);return o?document.head.insertBefore(t,o):document.head.appendChild(t),Ee.set(e,t),t})(e),o=Array.from($e.values()).filter(t=>t.priority===e).map(e=>e.css).join("\n");o?t.textContent=o:(t.remove(),Ee.delete(e))},Pe=e=>()=>{const t=$e.get(e);var o;t&&(t.usages--,t.usages<=0&&($e.delete(e),o=t.priority,Oe.add(o),we||(we=!0,queueMicrotask(()=>{we=!1,(()=>{for(const e of Oe)Te(e);Oe.clear()})()}))))},Re=(e,t,{omitProps:o}={})=>(n,...a)=>{const l=ce("hsc"),p=W(n,...a),c=({as:n,className:r,__compositionDepth:a=0,...i})=>{const{theme:c}=Ce(),u=(f=i,Object.entries(f).reduce((e,[t,o])=>(void 0!==o&&(e[t]=o),e),{})),d={...x(t,{theme:c,as:n,className:r,...u})??{},...r&&{className:r}},y={...d,...u,theme:c},m=p(y),h=de(m);var f;(0,b.useInsertionEffect)(()=>{const e=pe(m,{theme:c,selector:`.${h}`});return((e,t,o=0)=>{const n=$e.get(e);return n?(n.usages++,n.priority>o&&(n.priority=o,Te(o)),Pe(e)):($e.set(e,{css:t,priority:o,usages:1}),Te(o),Pe(e))})(h,e,a)},[h]);const g=ue([l,h,d.className]),v={...d,...u,className:g},C=o?Object.entries(v).reduce((e,[t,n])=>o(t)?e:{...e,[t]:n},{}):v,S=n||e;if(k(e)){const e=k(S)?me(C):C;return(0,b.createElement)(S,e)}return(0,b.createElement)(e,{...C,...n&&{as:n},...ye(e)&&{[s]:a-1}})};if(c[i]=l,r){const t=k(e)?e:e.displayName||e.name||"Component";c.displayName=`HoneyStyledComponent(${t})`}return c};module.exports=t})();
+(()=>{"use strict";const e={d:(t,n)=>{for(var o in n)e.o(n,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:n[o]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}};let t={};e.r(t),e.d(t,{CSS_COLOR_PROPERTIES:()=>C,CSS_SPACING_PROPERTIES:()=>$,HONEY_BREAKPOINTS:()=>c,HONEY_GLOBAL_STYLE_ATTR:()=>i,HONEY_STYLED_COMPONENT_ID_PROP:()=>r,HONEY_STYLED_COMPOSITION_DEPTH_PROP:()=>a,HONEY_STYLE_ATTR:()=>s,HONEY_STYLE_PRIORITY_ATTR:()=>l,HONEY_STYLE_REGISTRY_SYMBOL:()=>o,HoneyStyleContext:()=>f,HoneyStyleProvider:()=>ke,VALID_DOM_ELEMENT_ATTRS:()=>m,__DEV__:()=>n,buildClassName:()=>ue,combineClassNames:()=>pe,createCssRule:()=>U,createGlobalStyle:()=>$e,css:()=>W,filterNonHtmlAttrs:()=>ye,generateId:()=>ce,isCssColorProperty:()=>B,isCssSpacingProperty:()=>H,isStyledComponent:()=>de,isThemeColorValue:()=>he,mediaQuery:()=>te,processCss:()=>le,pxToRem:()=>me,resolveColor:()=>ge,resolveDimension:()=>ve,resolveFont:()=>be,resolveSpacing:()=>fe,styled:()=>Pe,useHoneyStyle:()=>xe});const n=!1;n&&console.info("[@react-hive/honey-style]: You are running in development mode. This build is not optimized for production and may include extra checks or logs.");const o=Symbol.for("honey-style-registry"),r="$$ComponentId",a="__compositionDepth",i="data-honey-global-style",s="data-honey-style",l="data-priority",c=["xs","sm","md","lg","xl"],p=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","autoPlay","controls","crossOrigin","disablePictureInPicture","disableRemotePlayback","height","isMap","loop","media","muted","playsInline","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"]),u=new Set(["colSpan","rowSpan","headers","abbr","scope","align","valign"]),d=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"]),y=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"]),m=new Set([...p,...u,...d,...y]),h=require("react"),f=(0,h.createContext)(void 0),b=require("react/jsx-runtime");function g(e,t){if(!e)throw new Error(t)}const v=e=>"string"==typeof e,k=(e,...t)=>"function"==typeof e?e(...t):e,x=e=>e.replace(/([\p{Ll}\p{N}])(\p{Lu})/gu,"$1-$2").toLowerCase(),$=["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=e=>"{"===e||"}"===e||":"===e||";"===e||"@"===e||"("===e||'"'===e||"'"===e;function E(e,t){if(!e)throw new Error(t)}const O=e=>{const t=[],n=()=>t.join("").trim(),o=e=>e.hasLeadingWhitespace&&t.length?" ":"";for(;!e.isEof();){const r=e.peek();if(!r)break;switch(r.type){case"braceOpen":case"braceClose":default:return n();case"colon":t.push(`${o(r)}:`);break;case"text":case"params":t.push(`${o(r)}${r.value}`);break;case"string":t.push(`${o(r)}"${r.value}"`)}e.next()}return n()},T=e=>{const t=e.peek();if(!t)return"";if("colon"===t.type)return O(e);const n=e.mark(),o=O(e);return"braceOpen"===e.peek()?.type?o:(e.reset(n),e.readUntil(["colon","braceOpen","semicolon","braceClose","at"]))},w=(e,t)=>{e.expect("colon");const n=e.readUntil(["semicolon","braceClose"]);return"semicolon"===e.peek()?.type&&e.next(),{type:"declaration",prop:t,value:n}},P=(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 P(o,e=>{P(n,t=>{t.includes("&")?s.push(t.replaceAll("&",e)):s.push(`${e} ${t}`)})}),s.join(", ")},A=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(A).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(A).join("");return n?`@${e.name}${t}{${n}}`:""})(e);default:return""}},L=(e,t)=>(e.expect("braceOpen"),{type:"rule",selector:t,body:M(e)}),_=(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(j(e));continue}const r=T(e);r?"colon"!==e.peek()?.type?"braceOpen"!==e.peek()?.type?e.next():n.push(L(e,r)):n.push(w(e,r)):e.next()}return n},M=e=>_(e,{stopAtBraceClose:!0}),j=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:M(e)}:("semicolon"===e.peek()?.type&&e.next(),{type:"atRule",name:n,params:r,body:null})},D={media:!0,supports:!0,container:!0,layer:!0},N=(e,t)=>{const n=t?R(e.selector,t):e.selector;return I(e.body,n)},I=(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(),!D[i.name]){n.push(i);continue}n.push({...i,body:i.body&&i.body.length>0?I(i.body,t):i.body})}else r(),n.push(...N(i,t));else o.push(i)}return r(),n},H=e=>$.includes(e),B=e=>C.includes(e),Y=(e,t)=>{return!1===e||(""===(n=e)||(e=>null==e)(n))?"":(e=>"function"==typeof e)(e)?de(e)?`.${e[r]}`:Y(e(t),t):(e=>Array.isArray(e))(e)?e.map(e=>Y(e,t)).join("\n"):(e=>"object"==typeof e&&null!==e)(e)?Object.entries(e).filter(([,e])=>void 0!==e&&!1!==e).map(([e,t])=>`${x(e)}: ${t};`).join("\n"):e.toString?.()??"";var n},W=(e,...t)=>n=>e.reduce((e,o,r)=>e+o+Y(t[r],n),""),U=(e,t)=>`${e}{${t}}`,z={media:!0,supports:!0,container:!0,layer:!0},F=(e,t)=>e.map(e=>"rule"===e.type?{...e,selector:R(e.selector,t)}:"atRule"===e.type&&z[e.name]?{...e,body:null===e.body?null:F(e.body,t)}:e),G=(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)}},K=G("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},V=G("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??[]]}),Q=G("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??[]]}),X=$.map(x),J=({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(!X.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)})},Z=G("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??[]]),ee=G("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??[]]}),te=e=>`@media ${e.map(e=>{const t=(o=[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]],o.filter(Boolean)).map(([e,t])=>`(${e}: ${t})`).join(" and "),n=t?` and ${t}`:"";var o;return`${e.operator?`${e.operator} `:""}${e.mediaType??"screen"}${n}`}).join(", ")}`,ne=e=>"portrait"===e||"landscape"===e,oe=e=>"all"===e||"print"===e||"screen"===e||"speech"===e,re=e=>/^[a-z]+\b(:up|:down)?$/i.test(e),ae=e=>{const[t,n]=e.split(":");return{key:t,direction:n??"up"}},ie=({theme:e})=>G("honey-media",t=>{if(!e?.breakpoints)return[];const o=q(t.params);if(!o)return[];const r=o.split(/\s+/);let a=null,i=null;const s=[];for(const t of r){if(ne(t)){a=t;continue}if(oe(t)){i=t;continue}if(!re(t)){n&&console.warn(`[@react-hive/honey-style]: Unknown @honey-media token: "${t}".`);continue}const o=ae(t),r=o.key in e.breakpoints?e.breakpoints[o.key]:null;if(!r){n&&console.warn(`[@react-hive/honey-style]: Unknown breakpoint "${o.key}" in @honey-media.`);continue}let l;"up"===o.direction?l={minWidth:`${r}px`}:"down"===o.direction&&(l={maxWidth:`${r}px`}),l&&s.push(l)}let l=[];return s.length?l=s.map(e=>({...e,orientation:a,mediaType:i})):(i&&l.push({mediaType:i}),a&&l.push({orientation:a})),l.length?[{type:"atRule",name:"media",params:te(l).replace(/^@media\s*/,""),body:t.body}]:[]}),se=G("honey-if",e=>{const t=q(e.params);return t&&(e=>""!==e&&"false"!==e&&"0"!==e)(t)?e.body??[]:[]}),le=(e,{theme:t,selector:n}={})=>{const o=(e=>{const t=(e=>{const t=[];let n=0,o=!1;const r=()=>n>=e.length,a=()=>r()?void 0:e[n],i=()=>n+1>=e.length?void 0:e[n+1],s=()=>"/"===a()&&("/"===i()||"*"===i()),l=()=>{for(;;){const e=a();if(!e||!/\s/.test(e))return;o=!0,n++}},c=()=>{if("/"!==a()||"/"!==i())return!1;for(n+=2;!r();){if("\n"===a()){n++;break}n++}return!0},p=()=>{if("/"!==a()||"*"!==i())return!1;for(n+=2;!r();){if("*"===a()&&"/"===i())return n+=2,!0;n++}return!0},u=()=>{const e=a();if(!e)return"";n++;let t="";for(;!r();){const o=a();if(!o)break;if("\\"===o){t+=o,n++;const e=a();e&&(t+=e,n++);continue}if(o===e){n++;break}t+=o,n++}return t},d=()=>{let e=0,t="";for(;!r();){const o=a();if(!o)break;if("("===o?e++:")"===o&&e--,t+=o,n++,0===e)break}return t},y=()=>{let e="";for(;!r();){const t=a();if(!t)break;if(S(t)||s())break;e+=t,n++}return e},m=e=>"text"===e?.type||"params"===e?.type||"string"===e?.type,h=e=>{const n=m(e)||"colon"===e.type;o&&n&&m(t[t.length-1])&&(e.hasLeadingWhitespace=!0),o=!1,t.push(e)};for(;!r()&&(l(),!r());){if(c()||p()){o=!0;continue}const e=a();if(!e)break;if("{"===e){h({type:"braceOpen"}),n++;continue}if("}"===e){h({type:"braceClose"}),n++;continue}if(":"===e){h({type:"colon"}),n++;continue}if(";"===e){h({type:"semicolon"}),n++;continue}if("@"===e){h({type:"at"}),n++;continue}if("("===e){h({type:"params",value:d()});continue}if('"'===e||"'"===e){h({type:"string",value:u()});continue}const t=y(),r=t.trim();r?(h({type:"text",value:r}),t!==t.trimEnd()&&(o=!0)):n++}return t})(e),n=(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 E(t,`[@react-hive/honey-css]: Expected "${e}" but reached end of input.`),E(t.type===e,`[@react-hive/honey-css]: Expected "${e}" but got "${t.type}".`),t},readUntil:e=>{let t="";const a=e=>e.hasLeadingWhitespace&&t?" ":"";for(;!n();){const n=o();if(!n||e.includes(n.type))break;"text"===n.type?t+=`${a(n)}${n.value}`:"string"===n.type?t+=`${a(n)}"${n.value}"`:"params"===n.type&&(t+=`${a(n)}${n.value}`),r()}return t.trim()},skipUntil:e=>{for(;!n();){const t=o();if(!t||e.includes(t.type))break;r()}}}})(t);return{type:"stylesheet",body:_(n,{stopAtBraceClose:!1})}})(n?U(n,e):e);return((e,t)=>{var n;return(e=>e.body.map(A).filter(Boolean).join(""))((n=t?{...e,body:F(e.body,t)}:e,{...n,body:I(n.body)}))})([se,Q,ee,V,K,Z,ie({theme:t}),J({theme:t})].reduce((e,t)=>t(e),o))},ce=e=>`${e}-${Math.floor(1e3*performance.now()).toString(36)}${Math.random().toString(36).slice(2,10)}`,pe=e=>e.filter(Boolean).join(" ").trim(),ue=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)}`,de=e=>r in e,ye=e=>Object.entries(e).reduce((e,[t,n])=>((m.has(t)||t.startsWith("data-")||t.startsWith("aria-"))&&(e[t]=n),e),{}),me=(e,t=16)=>e/t+"rem",he=e=>2===e.split(".").length,fe=(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(" ")},be=e=>({theme:t})=>{const n=t.fonts[e];return W`
+      font-family: ${n.family};
+      font-size: ${me(n.size)};
+      font-weight: ${n.weight};
+      line-height: ${void 0!==n.lineHeight&&me(n.lineHeight)};
+      letter-spacing: ${void 0!==n.letterSpacing&&me(n.letterSpacing)};
+    `},ge=(e,t)=>({theme:n})=>{const[o,r]=e.split("."),a=r?n.colors[o][r]:o;return void 0===t?a:((e,t)=>{g(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})$/);g(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)},ve=e=>({theme:t})=>t.dimensions[e],ke=({children:e,theme:t})=>{const n=(0,h.useMemo)(()=>({theme:t,resolveSpacing:(...e)=>fe(...e)({theme:t}),resolveColor:(...e)=>ge(...e)({theme:t}),resolveFont:(...e)=>be(...e)({theme:t}),resolveDimension:(...e)=>ve(...e)({theme:t})}),[t]);return(0,b.jsx)(f,{value:n,children:e})},xe=()=>{const e=(0,h.useContext)(f);return g(e,"The `useHoneyStyle()` hook must be used inside <HoneyStyleProvider/> component!"),e},$e=(e,...t)=>{const n=ce("hsg"),o=W(e,...t);return()=>{const{theme:e}=xe();return(0,h.useInsertionEffect)(()=>{const t=o({theme:e}),r=le(t,{theme:e}),a=document.createElement("style");return a.id=n,a.innerHTML=r,a.setAttribute(i,"true"),document.head.insertBefore(a,document.head.firstChild),()=>{a.remove()}},[e]),null}},Ce=(()=>{const e=window;return e[o]||(e[o]=new Map),e[o]})(),Se=new Map,Ee=new Set;let Oe=!1;const Te=e=>{const t=(e=>{let t=Se.get(e);if(t)return t;t=document.createElement("style"),t.setAttribute(s,"true"),t.setAttribute(l,String(e));const n=Array.from(document.querySelectorAll(`style[${s}="true"]`)).find(t=>Number(t.getAttribute(l))>e);return n?document.head.insertBefore(t,n):document.head.appendChild(t),Se.set(e,t),t})(e),n=Array.from(Ce.values()).filter(t=>t.priority===e).map(e=>e.css).join("\n");n?t.textContent=n:(t.remove(),Se.delete(e))},we=e=>()=>{const t=Ce.get(e);var n;t&&(t.usages--,t.usages<=0&&(Ce.delete(e),n=t.priority,Ee.add(n),Oe||(Oe=!0,queueMicrotask(()=>{Oe=!1,(()=>{for(const e of Ee)Te(e);Ee.clear()})()}))))},Pe=(e,t,{omitProps:o}={})=>(i,...s)=>{const l=ce("hsc"),c=W(i,...s),p=({as:n,className:r,__compositionDepth:i=0,...s})=>{const{theme:p}=xe(),u=(e=>{const t={};return Reflect.ownKeys(e).forEach(n=>{if(!Object.prototype.propertyIsEnumerable.call(e,n))return;const o=e[n];void 0!==o&&(t[n]=o)}),t})(s),d={...k(t,{theme:p,as:n,className:r,...u})??{},...r&&{className:r}},y={...d,...u,theme:p},m=c(y),f=ue(m);(0,h.useInsertionEffect)(()=>{const e=le(m,{theme:p,selector:`.${f}`});return((e,t,n=0)=>{const o=Ce.get(e);return o?(o.usages++,o.priority>n&&(o.priority=n,Te(n)),we(e)):(Ce.set(e,{css:t,priority:n,usages:1}),Te(n),we(e))})(f,e,i)},[f]);const b=pe([l,f,d.className]),g={...d,...u,className:b},x=o?Object.entries(g).reduce((e,[t,n])=>o(t)?e:{...e,[t]:n},{}):g,$=n||e;if(v(e)){const e=v($)?ye(x):x;return(0,h.createElement)($,e)}return(0,h.createElement)(e,{...x,...n&&{as:n},...de(e)&&{[a]:i-1}})};if(p[r]=l,n){const t=v(e)?e:e.displayName||e.name||"Component";p.displayName=`HoneyStyledComponent(${t})`}return p};module.exports=t})();
 //# sourceMappingURL=index.cjs.map