@react-hive/honey-style 2.12.0 → 2.13.0

package/dist/index.dev.cjs

@@ -10,75 +10,81 @@
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   FOCUSABLE_HTML_TAGS: () => (/* binding */ Q),
-/* harmony export */   assert: () => (/* binding */ e),
-/* harmony export */   blobToFile: () => (/* binding */ ut),
-/* harmony export */   calculateEuclideanDistance: () => (/* binding */ W),
-/* harmony export */   calculateMovingSpeed: () => (/* binding */ J),
-/* harmony export */   calculatePercentage: () => (/* binding */ K),
-/* harmony export */   camelToDashCase: () => (/* binding */ U),
-/* harmony export */   camelToWords: () => (/* binding */ V),
-/* harmony export */   chunk: () => (/* binding */ P),
-/* harmony export */   cloneBlob: () => (/* binding */ et),
-/* harmony export */   compact: () => (/* binding */ A),
-/* harmony export */   compose: () => (/* binding */ x),
+/* harmony export */   FOCUSABLE_HTML_TAGS: () => (/* binding */ re),
+/* harmony export */   assert: () => (/* binding */ t),
+/* harmony export */   blobToFile: () => (/* binding */ ge),
+/* harmony export */   calculateEuclideanDistance: () => (/* binding */ Q),
+/* harmony export */   calculateMovingSpeed: () => (/* binding */ ee),
+/* harmony export */   calculatePercentage: () => (/* binding */ te),
+/* harmony export */   camelToDashCase: () => (/* binding */ H),
+/* harmony export */   camelToWords: () => (/* binding */ W),
+/* harmony export */   chunk: () => (/* binding */ M),
+/* harmony export */   cloneBlob: () => (/* binding */ ae),
+/* harmony export */   compact: () => (/* binding */ _),
+/* harmony export */   compose: () => (/* binding */ T),
+/* harmony export */   definedProps: () => (/* binding */ be),
 /* harmony export */   delay: () => (/* binding */ X),
-/* harmony export */   difference: () => (/* binding */ S),
-/* harmony export */   everyAsync: () => (/* binding */ B),
-/* harmony export */   fileListToFiles: () => (/* binding */ ft),
-/* harmony export */   filterParallel: () => (/* binding */ j),
+/* harmony export */   difference: () => (/* binding */ x),
+/* harmony export */   everyAsync: () => (/* binding */ z),
+/* harmony export */   fileListToFiles: () => (/* binding */ pe),
+/* harmony export */   filterParallel: () => (/* binding */ B),
 /* harmony export */   filterSequential: () => (/* binding */ $),
-/* harmony export */   findAsync: () => (/* binding */ I),
-/* harmony export */   getDOMRectIntersectionRatio: () => (/* binding */ nt),
-/* harmony export */   getElementOffsetRect: () => (/* binding */ rt),
-/* harmony export */   getFocusableHtmlElements: () => (/* binding */ ot),
-/* harmony export */   hashString: () => (/* binding */ H),
-/* harmony export */   intersection: () => (/* binding */ k),
+/* harmony export */   findAsync: () => (/* binding */ G),
+/* harmony export */   getDOMRectIntersectionRatio: () => (/* binding */ ie),
+/* harmony export */   getElementOffsetRect: () => (/* binding */ oe),
+/* harmony export */   getFocusableHtmlElements: () => (/* binding */ ue),
+/* harmony export */   getLocalStorageCapabilities: () => (/* binding */ he),
+/* harmony export */   hashString: () => (/* binding */ K),
+/* harmony export */   intersection: () => (/* binding */ P),
 /* harmony export */   invokeIfFunction: () => (/* binding */ F),
-/* harmony export */   isAnchorHtmlElement: () => (/* binding */ at),
-/* harmony export */   isArray: () => (/* binding */ d),
+/* harmony export */   isAnchorHtmlElement: () => (/* binding */ se),
+/* harmony export */   isArray: () => (/* binding */ A),
+/* harmony export */   isBlob: () => (/* binding */ f),
 /* harmony export */   isBool: () => (/* binding */ s),
-/* harmony export */   isContentEditableHtmlElement: () => (/* binding */ it),
-/* harmony export */   isDate: () => (/* binding */ c),
+/* harmony export */   isContentEditableHtmlElement: () => (/* binding */ le),
+/* harmony export */   isDate: () => (/* binding */ u),
 /* harmony export */   isDefined: () => (/* binding */ a),
-/* harmony export */   isEmptyArray: () => (/* binding */ b),
-/* harmony export */   isEmptyObject: () => (/* binding */ l),
-/* harmony export */   isFile: () => (/* binding */ lt),
-/* harmony export */   isFiniteNumber: () => (/* binding */ m),
-/* harmony export */   isFunction: () => (/* binding */ E),
-/* harmony export */   isHtmlElementFocusable: () => (/* binding */ st),
-/* harmony export */   isInteger: () => (/* binding */ g),
-/* harmony export */   isMap: () => (/* binding */ h),
-/* harmony export */   isNil: () => (/* binding */ r),
-/* harmony export */   isNilOrEmptyString: () => (/* binding */ _),
-/* harmony export */   isNull: () => (/* binding */ n),
-/* harmony export */   isNumber: () => (/* binding */ i),
-/* harmony export */   isObject: () => (/* binding */ o),
+/* harmony export */   isEmptyArray: () => (/* binding */ S),
+/* harmony export */   isEmptyObject: () => (/* binding */ c),
+/* harmony export */   isError: () => (/* binding */ h),
+/* harmony export */   isFile: () => (/* binding */ ye),
+/* harmony export */   isFiniteNumber: () => (/* binding */ d),
+/* harmony export */   isFunction: () => (/* binding */ O),
+/* harmony export */   isHtmlElementFocusable: () => (/* binding */ ce),
+/* harmony export */   isInteger: () => (/* binding */ b),
+/* harmony export */   isLocalStorageReadable: () => (/* binding */ fe),
+/* harmony export */   isMap: () => (/* binding */ p),
+/* harmony export */   isNil: () => (/* binding */ n),
+/* harmony export */   isNilOrEmptyString: () => (/* binding */ V),
+/* harmony export */   isNull: () => (/* binding */ r),
+/* harmony export */   isNumber: () => (/* binding */ o),
+/* harmony export */   isObject: () => (/* binding */ l),
 /* harmony export */   isPromise: () => (/* binding */ L),
-/* harmony export */   isRegExp: () => (/* binding */ u),
-/* harmony export */   isSet: () => (/* binding */ y),
-/* harmony export */   isString: () => (/* binding */ Z),
-/* harmony export */   isSymbol: () => (/* binding */ p),
-/* harmony export */   isUndefined: () => (/* binding */ w),
-/* harmony export */   isValidDate: () => (/* binding */ f),
+/* harmony export */   isRegExp: () => (/* binding */ w),
+/* harmony export */   isSet: () => (/* binding */ g),
+/* harmony export */   isString: () => (/* binding */ U),
+/* harmony export */   isSymbol: () => (/* binding */ m),
+/* harmony export */   isUndefined: () => (/* binding */ i),
+/* harmony export */   isValidDate: () => (/* binding */ y),
 /* harmony export */   noop: () => (/* binding */ C),
-/* harmony export */   not: () => (/* binding */ O),
-/* harmony export */   parse2DMatrix: () => (/* binding */ tt),
-/* harmony export */   parseFileName: () => (/* binding */ ct),
-/* harmony export */   pipe: () => (/* binding */ T),
-/* harmony export */   readFilesFromDataTransfer: () => (/* binding */ yt),
-/* harmony export */   reduceAsync: () => (/* binding */ z),
-/* harmony export */   retry: () => (/* binding */ N),
+/* harmony export */   not: () => (/* binding */ v),
+/* harmony export */   once: () => (/* binding */ I),
+/* harmony export */   parse2DMatrix: () => (/* binding */ ne),
+/* harmony export */   parseFileName: () => (/* binding */ we),
+/* harmony export */   pipe: () => (/* binding */ E),
+/* harmony export */   readFilesFromDataTransfer: () => (/* binding */ de),
+/* harmony export */   reduceAsync: () => (/* binding */ Z),
+/* harmony export */   retry: () => (/* binding */ j),
 /* harmony export */   runParallel: () => (/* binding */ Y),
 /* harmony export */   runSequential: () => (/* binding */ R),
 /* harmony export */   someAsync: () => (/* binding */ D),
-/* harmony export */   splitStringIntoWords: () => (/* binding */ q),
-/* harmony export */   timeout: () => (/* binding */ v),
-/* harmony export */   toKebabCase: () => (/* binding */ G),
-/* harmony export */   traverseFileSystemDirectory: () => (/* binding */ ht),
-/* harmony export */   unique: () => (/* binding */ M)
+/* harmony export */   splitStringIntoWords: () => (/* binding */ J),
+/* harmony export */   timeout: () => (/* binding */ N),
+/* harmony export */   toKebabCase: () => (/* binding */ q),
+/* harmony export */   traverseFileSystemDirectory: () => (/* binding */ me),
+/* harmony export */   unique: () => (/* binding */ k)
 /* harmony export */ });
-var t={};function e(t,e){if(!t)throw new Error(e)}t.d=(e,n)=>{for(var r in n)t.o(n,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},t.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);const n=t=>null===t,r=t=>null==t,a=t=>null!=t,i=t=>"number"==typeof t,s=t=>"boolean"==typeof t,o=t=>"object"==typeof t,l=t=>o(t)&&!n(t)&&0===Object.keys(t).length,c=t=>t instanceof Date,f=t=>c(t)&&!isNaN(t.getTime()),u=t=>t instanceof RegExp,h=t=>t instanceof Map,y=t=>t instanceof Set,p=t=>"symbol"==typeof t,w=t=>void 0===t,m=t=>i(t)&&isFinite(t),g=t=>i(t)&&Number.isInteger(t),d=t=>Array.isArray(t),b=t=>d(t)&&0===t.length,A=t=>t.filter(Boolean),M=t=>[...new Set(t)],P=(t,n)=>(e(n>0,"Chunk size must be greater than 0"),Array.from({length:Math.ceil(t.length/n)},(e,r)=>t.slice(r*n,(r+1)*n))),k=(...t)=>{if(0===t.length)return[];if(1===t.length)return[...t[0]];const[e,...n]=t;return M(e).filter(t=>n.every(e=>e.includes(t)))},S=(t,e)=>t.filter(t=>!e.includes(t)),T=(...t)=>e=>t.reduce((t,e)=>e(t),e),x=(...t)=>e=>t.reduceRight((t,e)=>e(t),e),C=()=>{},E=t=>"function"==typeof t,O=t=>(...e)=>!t(...e),F=(t,...e)=>"function"==typeof t?t(...e):t,X=t=>new Promise(e=>setTimeout(e,t)),v=async(t,e,n="Operation timed out")=>{try{return await Promise.race([t,X(e).then(()=>Promise.reject(new Error(n)))])}finally{}},N=(t,{maxAttempts:e=3,delayMs:n=300,backoff:r=!0,onRetry:a}={})=>async(...i)=>{let s;for(let o=1;o<=e;o++)try{return await t(...i)}catch(t){if(s=t,o<e){a?.(o,t);const e=r?n*2**(o-1):n;await X(e)}}throw s},L=t=>E(t?.then),R=async(t,e)=>{const n=[];for(let r=0;r<t.length;r++)n.push(await e(t[r],r,t));return n},Y=async(t,e)=>Promise.all(t.map(e)),$=async(t,e)=>{const n=[];for(let r=0;r<t.length;r++){const a=t[r];await e(a,r,t)&&n.push(a)}return n},j=async(t,e)=>{const n=await Y(t,async(t,n,r)=>!!await e(t,n,r)&&t);return A(n)},D=async(t,e)=>{for(let n=0;n<t.length;n++)if(await e(t[n],n,t))return!0;return!1},B=async(t,e)=>{for(let n=0;n<t.length;n++)if(!await e(t[n],n,t))return!1;return!0},z=async(t,e,n)=>{let r=n;for(let n=0;n<t.length;n++)r=await e(r,t[n],n,t);return r},I=async(t,e)=>{for(let n=0;n<t.length;n++)if(await e(t[n],n,t))return t[n];return null},Z=t=>"string"==typeof t,_=t=>""===t||r(t),G=t=>t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),U=t=>{const e=t.charAt(0),n=t.slice(1);return e.toLowerCase()+n.replace(/[A-Z]/g,t=>`-${t.toLowerCase()}`)},V=t=>t.replace(/([a-z0-9])([A-Z])/g,"$1 $2"),q=t=>t.split(" ").filter(Boolean),H=t=>{let e=5381;for(let n=0;n<t.length;n++)e=33*e^t.charCodeAt(n);return(e>>>0).toString(36)},W=(t,e,n,r)=>{const a=n-t,i=r-e;return Math.hypot(a,i)},J=(t,e)=>Math.abs(t/e),K=(t,e)=>t*e/100,Q=["INPUT","SELECT","TEXTAREA","BUTTON","A"],tt=t=>{const e=window.getComputedStyle(t).getPropertyValue("transform").match(/^matrix\((.+)\)$/);if(!e)return{translateX:0,translateY:0,scaleX:1,scaleY:1,skewX:0,skewY:0};const[n,r,a,i,s,o]=e[1].split(", ").map(parseFloat);return{translateX:s,translateY:o,scaleX:n,scaleY:i,skewX:a,skewY:r}},et=t=>new Blob([t],{type:t.type}),nt=(t,e)=>Math.max(0,Math.min(t.right,e.right)-Math.max(t.left,e.left))*Math.max(0,Math.min(t.bottom,e.bottom)-Math.max(t.top,e.top))/(e.width*e.height),rt=t=>new DOMRect(t.offsetLeft,t.offsetTop,t.clientWidth,t.clientHeight),at=t=>"A"===t.tagName,it=t=>"true"===t.getAttribute("contenteditable"),st=t=>{if(!t)return!1;const e=window.getComputedStyle(t);if("hidden"===e.visibility||"none"===e.display)return!1;if("disabled"in t&&t.disabled)return!1;const n=t.getAttribute("tabindex");return"-1"!==n&&(Q.includes(t.tagName)?!at(t)||""!==t.href:!!it(t)||null!==n)},ot=t=>Array.from(t.querySelectorAll("*")).filter(st),lt=t=>t instanceof File,ct=t=>{const e=t.lastIndexOf(".");return e<=0||e===t.length-1?[t,""]:[t.slice(0,e),t.slice(e+1).toLowerCase()]},ft=t=>{if(!t)return[];const e=[];for(let n=0;n<t.length;n++)e.push(t[n]);return e},ut=(t,e)=>new File([t],e,{type:t.type}),ht=async(t,{skipFiles:e=[".DS_Store","Thumbs.db","desktop.ini","ehthumbs.db",".Spotlight-V100",".Trashes",".fseventsd","__MACOSX"]}={})=>{const n=new Set(e),r=await(async t=>{const e=t.createReader(),n=async()=>new Promise((t,r)=>{e.readEntries(async e=>{if(e.length)try{const r=await n();t([...e,...r])}catch(t){r(t)}else t([])},r)});return n()})(t);return(await Y(r,async t=>t.isDirectory?ht(t,{skipFiles:e}):n.has(t.name)?[]:[await new Promise((e,n)=>{t.file(e,n)})])).flat()},yt=async(t,e={})=>{const n=t?.items;if(!n)return[];const r=[];for(let t=0;t<n.length;t++){const a=n[t];if("webkitGetAsEntry"in a){const t=a.webkitGetAsEntry?.();if(t?.isDirectory){r.push(ht(t,e));continue}if(t?.isFile){r.push(new Promise((e,n)=>t.file(t=>e([t]),n)));continue}}const i=a.getAsFile();i&&r.push(Promise.resolve([i]))}return(await Promise.all(r)).flat()};
+var e={};function t(e,t){if(!e)throw new Error(t)}e.d=(t,r)=>{for(var n in r)e.o(r,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:r[n]})},e.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);const r=e=>null===e,n=e=>null==e,a=e=>null!=e,i=e=>void 0===e,o=e=>"number"==typeof e,s=e=>"boolean"==typeof e,l=e=>"object"==typeof e,c=e=>l(e)&&!r(e)&&0===Object.keys(e).length,u=e=>e instanceof Date,f=e=>e instanceof Blob,h=e=>e instanceof Error,y=e=>u(e)&&!isNaN(e.getTime()),w=e=>e instanceof RegExp,p=e=>e instanceof Map,g=e=>e instanceof Set,m=e=>"symbol"==typeof e,d=e=>o(e)&&isFinite(e),b=e=>o(e)&&Number.isInteger(e),A=e=>Array.isArray(e),S=e=>A(e)&&0===e.length,_=e=>e.filter(Boolean),k=e=>[...new Set(e)],M=(e,r)=>(t(r>0,"Chunk size must be greater than 0"),Array.from({length:Math.ceil(e.length/r)},(t,n)=>e.slice(n*r,(n+1)*r))),P=(...e)=>{if(0===e.length)return[];if(1===e.length)return[...e[0]];const[t,...r]=e;return k(t).filter(e=>r.every(t=>t.includes(e)))},x=(e,t)=>e.filter(e=>!t.includes(e)),E=(...e)=>t=>e.reduce((e,t)=>t(e),t),T=(...e)=>t=>e.reduceRight((e,t)=>t(e),t),C=()=>{},O=e=>"function"==typeof e,v=e=>(...t)=>!e(...t),F=(e,...t)=>"function"==typeof e?e(...t):e,X=e=>new Promise(t=>setTimeout(t,e)),N=async(e,t,r="Operation timed out")=>{try{return await Promise.race([e,X(t).then(()=>Promise.reject(new Error(r)))])}finally{}},j=(e,{maxAttempts:t=3,delayMs:r=300,backoff:n=!0,onRetry:a}={})=>async(...i)=>{let o;for(let s=1;s<=t;s++)try{return await e(...i)}catch(e){if(o=e,s<t){a?.(s,e);const t=n?r*2**(s-1):r;await X(t)}}throw o},I=e=>{let t,r=!1;return function(...n){return r||(r=!0,t=e.apply(this,n)),t}},L=e=>O(e?.then),R=async(e,t)=>{const r=[];for(let n=0;n<e.length;n++)r.push(await t(e[n],n,e));return r},Y=async(e,t)=>Promise.all(e.map(t)),$=async(e,t)=>{const r=[];for(let n=0;n<e.length;n++){const a=e[n];await t(a,n,e)&&r.push(a)}return r},B=async(e,t)=>{const r=await Y(e,async(e,r,n)=>!!await t(e,r,n)&&e);return _(r)},D=async(e,t)=>{for(let r=0;r<e.length;r++)if(await t(e[r],r,e))return!0;return!1},z=async(e,t)=>{for(let r=0;r<e.length;r++)if(!await t(e[r],r,e))return!1;return!0},Z=async(e,t,r)=>{let n=r;for(let r=0;r<e.length;r++)n=await t(n,e[r],r,e);return n},G=async(e,t)=>{for(let r=0;r<e.length;r++)if(await t(e[r],r,e))return e[r];return null},U=e=>"string"==typeof e,V=e=>""===e||n(e),q=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),H=e=>{const t=e.charAt(0),r=e.slice(1);return t.toLowerCase()+r.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)},W=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1 $2"),J=e=>e.split(" ").filter(Boolean),K=e=>{let t=5381;for(let r=0;r<e.length;r++)t=33*t^e.charCodeAt(r);return(t>>>0).toString(36)},Q=(e,t,r,n)=>{const a=r-e,i=n-t;return Math.hypot(a,i)},ee=(e,t)=>Math.abs(e/t),te=(e,t)=>e*t/100,re=["INPUT","SELECT","TEXTAREA","BUTTON","A"],ne=e=>{const t=window.getComputedStyle(e).getPropertyValue("transform").match(/^matrix\((.+)\)$/);if(!t)return{translateX:0,translateY:0,scaleX:1,scaleY:1,skewX:0,skewY:0};const[r,n,a,i,o,s]=t[1].split(", ").map(parseFloat);return{translateX:o,translateY:s,scaleX:r,scaleY:i,skewX:a,skewY:n}},ae=e=>new Blob([e],{type:e.type}),ie=(e,t)=>Math.max(0,Math.min(e.right,t.right)-Math.max(e.left,t.left))*Math.max(0,Math.min(e.bottom,t.bottom)-Math.max(e.top,t.top))/(t.width*t.height),oe=e=>new DOMRect(e.offsetLeft,e.offsetTop,e.clientWidth,e.clientHeight),se=e=>"A"===e.tagName,le=e=>"true"===e.getAttribute("contenteditable"),ce=e=>{if(!e)return!1;const t=window.getComputedStyle(e);if("hidden"===t.visibility||"none"===t.display)return!1;if("disabled"in e&&e.disabled)return!1;const r=e.getAttribute("tabindex");return"-1"!==r&&(re.includes(e.tagName)?!se(e)||""!==e.href:!!le(e)||null!==r)},ue=e=>Array.from(e.querySelectorAll("*")).filter(ce),fe=()=>{if("undefined"==typeof window||!window.localStorage)return!1;try{return window.localStorage.getItem("__non_existing_key__"),!0}catch{return!1}},he=()=>{if(!fe())return{readable:!1,writable:!1};try{const e="__test_write__";return window.localStorage.setItem(e,"1"),window.localStorage.removeItem(e),{readable:!0,writable:!0}}catch{}return{readable:!0,writable:!1}},ye=e=>e instanceof File,we=e=>{const t=e.lastIndexOf(".");return t<=0||t===e.length-1?[e,""]:[e.slice(0,t),e.slice(t+1).toLowerCase()]},pe=e=>{if(!e)return[];const t=[];for(let r=0;r<e.length;r++)t.push(e[r]);return t},ge=(e,t)=>new File([e],t,{type:e.type}),me=async(e,{skipFiles:t=[".DS_Store","Thumbs.db","desktop.ini","ehthumbs.db",".Spotlight-V100",".Trashes",".fseventsd","__MACOSX"]}={})=>{const r=new Set(t),n=await(async e=>{const t=e.createReader(),r=async()=>new Promise((e,n)=>{t.readEntries(async t=>{if(t.length)try{const n=await r();e([...t,...n])}catch(e){n(e)}else e([])},n)});return r()})(e);return(await Y(n,async e=>e.isDirectory?me(e,{skipFiles:t}):r.has(e.name)?[]:[await new Promise((t,r)=>{e.file(t,r)})])).flat()},de=async(e,t={})=>{const r=e?.items;if(!r)return[];const n=[];for(let e=0;e<r.length;e++){const a=r[e];if("webkitGetAsEntry"in a){const e=a.webkitGetAsEntry?.();if(e?.isDirectory){n.push(me(e,t));continue}if(e?.isFile){n.push(new Promise((t,r)=>e.file(e=>t([e]),r)));continue}}const i=a.getAsFile();i&&n.push(Promise.resolve([i]))}return(await Promise.all(n)).flat()},be=e=>Object.entries(e).reduce((e,[t,r])=>(void 0!==r&&(e[t]=r),e),{});
 //# sourceMappingURL=index.mjs.map
 
 /***/ }),
@@ -2736,10 +2742,17 @@ const styled = (target, defaultProps, { omitProps } = {}) => {
                 console.warn(`[@react-hive/honey-style]: The "css" prop is deprecated. Please use inheritance or composition instead.`);
             }
             const { theme } = (0,_hooks__WEBPACK_IMPORTED_MODULE_6__.useHoneyStyle)();
-            const cleanedProps = Object.fromEntries(Object.entries(props).filter(([, value]) => value !== undefined));
-            const resolvedDefaultProps = (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__.isFunction)(defaultProps)
-                ? defaultProps({ theme, as, className, ...cleanedProps })
-                : (defaultProps ?? {});
+            const cleanedProps = (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__.definedProps)(props);
+            const resolvedDefaultProps = {
+                ...((0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__.invokeIfFunction)(defaultProps, {
+                    theme,
+                    as,
+                    className,
+                    ...cleanedProps,
+                }) ?? {}),
+                // Allow overriding the default "className" prop
+                ...(className && { className }),
+            };
             const context = {
                 ...resolvedDefaultProps,
                 ...cleanedProps,
@@ -2753,7 +2766,7 @@ const styled = (target, defaultProps, { omitProps } = {}) => {
                 });
                 return (0,_mount_style__WEBPACK_IMPORTED_MODULE_5__.mountStyle)(baseClassName, baseCss, __compositionDepth);
             }, [baseClassName]);
-            const cssPropRaw = (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__.isFunction)(cssProp) ? cssProp(context) : cssProp;
+            const cssPropRaw = (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__.invokeIfFunction)(cssProp, context);
             const cssPropString = evaluateDynamicCss(cssPropRaw, context);
             const cssPropClassName = cssPropString ? (0,_utils__WEBPACK_IMPORTED_MODULE_3__.resolveClassName)(cssPropString) : '';
             (0,react__WEBPACK_IMPORTED_MODULE_0__.useInsertionEffect)(() => {
@@ -2767,7 +2780,7 @@ const styled = (target, defaultProps, { omitProps } = {}) => {
             const finalClassName = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.combineClassNames)([
                 componentId,
                 baseClassName,
-                className,
+                resolvedDefaultProps.className,
                 cssPropClassName,
             ]);
             const mergedProps = {