@react-hive/honey-style 3.1.0 → 4.1.0

package/dist/index.dev.cjs

@@ -2,10 +2,10 @@
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ "./node_modules/react/cjs/react-jsx-runtime.development.js"
-/*!*****************************************************************!*\
-  !*** ./node_modules/react/cjs/react-jsx-runtime.development.js ***!
-  \*****************************************************************/
+/***/ "./node_modules/.pnpm/react@19.2.4/node_modules/react/cjs/react-jsx-runtime.development.js"
+/*!*************************************************************************************************!*\
+  !*** ./node_modules/.pnpm/react@19.2.4/node_modules/react/cjs/react-jsx-runtime.development.js ***!
+  \*************************************************************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 /**
@@ -364,17 +364,17 @@
 
 /***/ },
 
-/***/ "./node_modules/react/jsx-runtime.js"
-/*!*******************************************!*\
-  !*** ./node_modules/react/jsx-runtime.js ***!
-  \*******************************************/
+/***/ "./node_modules/.pnpm/react@19.2.4/node_modules/react/jsx-runtime.js"
+/*!***************************************************************************!*\
+  !*** ./node_modules/.pnpm/react@19.2.4/node_modules/react/jsx-runtime.js ***!
+  \***************************************************************************/
 (module, __unused_webpack_exports, __webpack_require__) {
 
 
 
 if (false) // removed by dead control flow
 {} else {
-  module.exports = __webpack_require__(/*! ./cjs/react-jsx-runtime.development.js */ "./node_modules/react/cjs/react-jsx-runtime.development.js");
+  module.exports = __webpack_require__(/*! ./cjs/react-jsx-runtime.development.js */ "./node_modules/.pnpm/react@19.2.4/node_modules/react/cjs/react-jsx-runtime.development.js");
 }
 
 
@@ -725,7 +725,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   mediaQuery: () => (/* binding */ mediaQuery)
 /* harmony export */ });
-/* harmony import */ var _react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @react-hive/honey-utils */ "./node_modules/@react-hive/honey-utils/dist/index.mjs");
+/* harmony import */ var _react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @react-hive/honey-utils */ "./node_modules/.pnpm/@react-hive+honey-utils@3.24.0/node_modules/@react-hive/honey-utils/dist/index.mjs");
 
 /**
  * Constructs a complete `@media` query string from an array of media rule objects.
@@ -771,6 +771,57 @@ const mediaQuery = (rules) => {
 };
 
 
+/***/ },
+
+/***/ "./src/css/compile-css.ts"
+/*!********************************!*\
+  !*** ./src/css/compile-css.ts ***!
+  \********************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   compileCss: () => (/* binding */ compileCss)
+/* harmony export */ });
+/* harmony import */ var _react_hive_honey_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @react-hive/honey-css */ "./node_modules/.pnpm/@react-hive+honey-css@1.15.0/node_modules/@react-hive/honey-css/dist/index.mjs");
+/* harmony import */ var _flatten_css_rules__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./flatten-css-rules */ "./src/css/flatten-css-rules.ts");
+
+
+const SCOPED_AT_RULES = {
+    media: true,
+    supports: true,
+    container: true,
+    layer: true,
+};
+const scopeNodes = (nodes, scope) => nodes.map(node => {
+    if (node.type === 'rule') {
+        return {
+            ...node,
+            selector: (0,_react_hive_honey_css__WEBPACK_IMPORTED_MODULE_0__.resolveCssSelector)(node.selector, scope),
+        };
+    }
+    if (node.type === 'atRule') {
+        if (!SCOPED_AT_RULES[node.name]) {
+            return node;
+        }
+        return {
+            ...node,
+            body: node.body === null ? null : scopeNodes(node.body, scope),
+        };
+    }
+    return node;
+});
+const compileCss = (ast, scope) => {
+    const nextAst = (0,_flatten_css_rules__WEBPACK_IMPORTED_MODULE_1__.flattenCssRules)(scope
+        ? {
+            ...ast,
+            body: scopeNodes(ast.body, scope),
+        }
+        : ast);
+    return (0,_react_hive_honey_css__WEBPACK_IMPORTED_MODULE_0__.stringifyCss)(nextAst);
+};
+
+
 /***/ },
 
 /***/ "./src/css/constants.ts"
@@ -822,6 +873,217 @@ const CSS_COLOR_PROPERTIES = [
 ];
 
 
+/***/ },
+
+/***/ "./src/css/create-at-rule-transformer.ts"
+/*!***********************************************!*\
+  !*** ./src/css/create-at-rule-transformer.ts ***!
+  \***********************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   createAtRuleTransformer: () => (/* binding */ createAtRuleTransformer)
+/* harmony export */ });
+const createAtRuleTransformer = (name, handler) => {
+    return (ast) => {
+        const transformNodes = (nodes) => {
+            const result = [];
+            for (const node of nodes) {
+                if (node.type === 'atRule' && node.name === name) {
+                    const transformedBody = transformNodes(node.body ?? []);
+                    const replaced = handler({
+                        ...node,
+                        body: transformedBody,
+                    });
+                    result.push(...replaced);
+                    continue;
+                }
+                if (node.type === 'rule') {
+                    result.push({
+                        ...node,
+                        body: transformNodes(node.body),
+                    });
+                    continue;
+                }
+                if (node.type === 'atRule') {
+                    result.push({
+                        ...node,
+                        body: node.body === null ? null : transformNodes(node.body),
+                    });
+                    continue;
+                }
+                result.push(node);
+            }
+            return result;
+        };
+        return {
+            ...ast,
+            body: transformNodes(ast.body),
+        };
+    };
+};
+
+
+/***/ },
+
+/***/ "./src/css/create-media-at-rule-transformer.ts"
+/*!*****************************************************!*\
+  !*** ./src/css/create-media-at-rule-transformer.ts ***!
+  \*****************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   createMediaAtRuleTransformer: () => (/* binding */ createMediaAtRuleTransformer)
+/* harmony export */ });
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../constants */ "./src/constants.ts");
+/* harmony import */ var _create_at_rule_transformer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./create-at-rule-transformer */ "./src/css/create-at-rule-transformer.ts");
+/* harmony import */ var _unwrap_params__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./unwrap-params */ "./src/css/unwrap-params.ts");
+/* harmony import */ var _at_rules__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./at-rules */ "./src/css/at-rules/index.ts");
+
+
+
+
+const isOrientationToken = (token) => token === 'portrait' || token === 'landscape';
+const isMediaTypeToken = (token) => token === 'all' || token === 'print' || token === 'screen' || token === 'speech';
+const isBreakpointToken = (token) => /^[a-z]+\b(:up|:down)?$/i.test(token);
+const parseBreakpointRule = (raw) => {
+    const [key, direction] = raw.split(':');
+    return {
+        key,
+        direction: (direction ?? 'up'),
+    };
+};
+const createMediaAtRuleTransformer = ({ theme }) => (0,_create_at_rule_transformer__WEBPACK_IMPORTED_MODULE_1__.createAtRuleTransformer)('honey-media', (node) => {
+    if (!theme?.breakpoints) {
+        return [];
+    }
+    const rawParams = (0,_unwrap_params__WEBPACK_IMPORTED_MODULE_2__.unwrapParams)(node.params);
+    if (!rawParams) {
+        return [];
+    }
+    const tokens = rawParams.split(/\s+/);
+    let orientation;
+    let mediaType;
+    const rules = [];
+    for (const token of tokens) {
+        if (isOrientationToken(token)) {
+            orientation = token;
+            continue;
+        }
+        if (isMediaTypeToken(token)) {
+            mediaType = token;
+            continue;
+        }
+        if (!isBreakpointToken(token)) {
+            if (_constants__WEBPACK_IMPORTED_MODULE_0__.__DEV__) {
+                console.warn(`[@react-hive/honey-style]: Unknown @honey-media token: "${token}".`);
+            }
+            continue;
+        }
+        const breakpointRule = parseBreakpointRule(token);
+        const breakpointPx = breakpointRule.key in theme.breakpoints
+            ? theme.breakpoints[breakpointRule.key]
+            : null;
+        if (!breakpointPx) {
+            if (_constants__WEBPACK_IMPORTED_MODULE_0__.__DEV__) {
+                console.warn(`[@react-hive/honey-style]: Unknown breakpoint "${breakpointRule.key}" in @honey-media.`);
+            }
+            continue;
+        }
+        let rule;
+        if (breakpointRule.direction === 'up') {
+            rule = {
+                minWidth: `${breakpointPx}px`,
+            };
+        }
+        else if (breakpointRule.direction === 'down') {
+            rule = {
+                maxWidth: `${breakpointPx}px`,
+            };
+        }
+        if (rule) {
+            rules.push(rule);
+        }
+    }
+    if (!rules.length) {
+        return [];
+    }
+    const finalRules = rules.map(rule => ({
+        ...rule,
+        orientation,
+        mediaType,
+    }));
+    const fullMedia = (0,_at_rules__WEBPACK_IMPORTED_MODULE_3__.mediaQuery)(finalRules);
+    return [
+        {
+            type: 'atRule',
+            name: 'media',
+            params: fullMedia.replace(/^@media\s*/, ''),
+            body: node.body,
+        },
+    ];
+});
+
+
+/***/ },
+
+/***/ "./src/css/create-spacing-transformer.ts"
+/*!***********************************************!*\
+  !*** ./src/css/create-spacing-transformer.ts ***!
+  \***********************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   createSpacingTransformer: () => (/* binding */ createSpacingTransformer)
+/* harmony export */ });
+/* harmony import */ var _react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @react-hive/honey-utils */ "./node_modules/.pnpm/@react-hive+honey-utils@3.24.0/node_modules/@react-hive/honey-utils/dist/index.mjs");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ "./src/css/constants.ts");
+/* harmony import */ var _resolve_spacing_value__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./resolve-spacing-value */ "./src/css/resolve-spacing-value.ts");
+
+
+
+const KEBAB_CASE_SPACING_PROPERTIES = _constants__WEBPACK_IMPORTED_MODULE_1__.CSS_SPACING_PROPERTIES.map(_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__.toKebabCase);
+const createSpacingTransformer = ({ theme }) => {
+    const spacingFactor = theme?.spacings?.base ?? 0;
+    const transformNodes = (nodes) => nodes.map(node => {
+        if (node.type === 'rule') {
+            return {
+                ...node,
+                body: transformNodes(node.body),
+            };
+        }
+        if (node.type === 'atRule') {
+            return {
+                ...node,
+                body: node.body === null ? null : transformNodes(node.body),
+            };
+        }
+        if (node.type === 'declaration') {
+            if (!KEBAB_CASE_SPACING_PROPERTIES.includes(node.prop)) {
+                return node;
+            }
+            // Skip if contains parentheses (calc, var, etc.)
+            if (/[()]/.test(node.value)) {
+                return node;
+            }
+            const parts = node.value.trim().split(/\s+/);
+            return {
+                ...node,
+                value: parts.map(part => (0,_resolve_spacing_value__WEBPACK_IMPORTED_MODULE_2__.resolveSpacingValue)(part, spacingFactor)).join(' '),
+            };
+        }
+        return node;
+    });
+    return (ast) => ({
+        ...ast,
+        body: transformNodes(ast.body),
+    });
+};
+
+
 /***/ },
 
 /***/ "./src/css/css.ts"
@@ -833,15 +1095,11 @@ const CSS_COLOR_PROPERTIES = [
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   createCssRule: () => (/* binding */ createCssRule),
-/* harmony export */   css: () => (/* binding */ css),
-/* harmony export */   getChildrenCss: () => (/* binding */ getChildrenCss),
-/* harmony export */   splitStylisChildren: () => (/* binding */ splitStylisChildren)
+/* harmony export */   css: () => (/* binding */ css)
 /* harmony export */ });
-/* harmony import */ var _react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @react-hive/honey-utils */ "./node_modules/@react-hive/honey-utils/dist/index.mjs");
-/* harmony import */ var stylis__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! stylis */ "./node_modules/stylis/src/Serializer.js");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../constants */ "./src/constants.ts");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.ts");
-
+/* harmony import */ var _react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @react-hive/honey-utils */ "./node_modules/.pnpm/@react-hive+honey-utils@3.24.0/node_modules/@react-hive/honey-utils/dist/index.mjs");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../constants */ "./src/constants.ts");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils */ "./src/utils.ts");
 
 
 
@@ -850,8 +1108,8 @@ const resolveCssInterpolation = (value, context) => {
         return '';
     }
     if ((0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__.isFunction)(value)) {
-        if ((0,_utils__WEBPACK_IMPORTED_MODULE_3__.isStyledComponent)(value)) {
-            return `.${value[_constants__WEBPACK_IMPORTED_MODULE_2__.HONEY_STYLED_COMPONENT_ID_PROP]}`;
+        if ((0,_utils__WEBPACK_IMPORTED_MODULE_2__.isStyledComponent)(value)) {
+            return `.${value[_constants__WEBPACK_IMPORTED_MODULE_1__.HONEY_STYLED_COMPONENT_ID_PROP]}`;
         }
         return resolveCssInterpolation(value(context), context);
     }
@@ -870,34 +1128,82 @@ const css = (strings, ...interpolations) => {
     return (context) => strings.reduce((cssResult, str, index) => cssResult + str + resolveCssInterpolation(interpolations[index], context), '');
 };
 const createCssRule = (selector, css) => `${selector}{${css}}`;
-const getChildrenCss = (element, callback) => (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__.isArray)(element.children) ? (0,stylis__WEBPACK_IMPORTED_MODULE_1__.serialize)(element.children, callback) : element.children;
-/**
- * Splits Stylis children into:
- *
- * - pseudoRules: rules that start with a pseudo selector (e.g. ":hover", ":not(...)")
- * - otherRules: everything else
- */
-const splitStylisChildren = (children) => {
-    if (!(0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__.isArray)(children) || children.length === 0) {
-        return {
-            pseudoRules: [],
-            otherRules: [],
-        };
-    }
-    return children.reduce((groups, child) => {
-        const isPseudoRule = child.value.startsWith('&');
-        if (isPseudoRule) {
-            groups.pseudoRules.push(child);
+
+
+/***/ },
+
+/***/ "./src/css/flatten-css-rules.ts"
+/*!**************************************!*\
+  !*** ./src/css/flatten-css-rules.ts ***!
+  \**************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   flattenCssRules: () => (/* binding */ flattenCssRules)
+/* harmony export */ });
+/* harmony import */ var _react_hive_honey_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @react-hive/honey-css */ "./node_modules/.pnpm/@react-hive+honey-css@1.15.0/node_modules/@react-hive/honey-css/dist/index.mjs");
+
+const SELECTOR_CONTEXT_AT_RULES = {
+    media: true,
+    supports: true,
+    container: true,
+    layer: true,
+};
+const flattenRule = (node, parentSelector) => {
+    const fullSelector = parentSelector
+        ? (0,_react_hive_honey_css__WEBPACK_IMPORTED_MODULE_0__.resolveCssSelector)(node.selector, parentSelector)
+        : node.selector;
+    return flattenNodes(node.body, fullSelector);
+};
+const flattenNodes = (nodes, parentSelector) => {
+    const result = [];
+    const declarationBuffer = [];
+    const flushDeclarations = () => {
+        if (!parentSelector || declarationBuffer.length === 0) {
+            return;
+        }
+        result.push({
+            type: 'rule',
+            selector: parentSelector,
+            // Cheaper intent clarity
+            body: declarationBuffer.slice(),
+        });
+        declarationBuffer.length = 0;
+    };
+    for (let i = 0; i < nodes.length; i++) {
+        const node = nodes[i];
+        if (node.type === 'declaration') {
+            declarationBuffer.push(node);
+            continue;
         }
-        else {
-            groups.otherRules.push(child);
+        if (node.type === 'rule') {
+            flushDeclarations();
+            result.push(...flattenRule(node, parentSelector));
+            continue;
         }
-        return groups;
-    }, {
-        pseudoRules: [],
-        otherRules: [],
-    });
+        if (node.type === 'atRule') {
+            flushDeclarations();
+            if (!SELECTOR_CONTEXT_AT_RULES[node.name]) {
+                result.push(node);
+                continue;
+            }
+            result.push({
+                ...node,
+                body: node.body && node.body.length > 0 ? flattenNodes(node.body, parentSelector) : node.body,
+            });
+            continue;
+        }
+        flushDeclarations();
+        result.push(node);
+    }
+    flushDeclarations();
+    return result;
 };
+const flattenCssRules = (ast) => ({
+    ...ast,
+    body: flattenNodes(ast.body),
+});
 
 
 /***/ },
@@ -912,28 +1218,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   CSS_COLOR_PROPERTIES: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_1__.CSS_COLOR_PROPERTIES),
 /* harmony export */   CSS_SPACING_PROPERTIES: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_1__.CSS_SPACING_PROPERTIES),
-/* harmony export */   createAbsoluteFillAtRuleMiddleware: () => (/* reexport safe */ _middlewares__WEBPACK_IMPORTED_MODULE_2__.createAbsoluteFillAtRuleMiddleware),
-/* harmony export */   createCenterAtRuleMiddleware: () => (/* reexport safe */ _middlewares__WEBPACK_IMPORTED_MODULE_2__.createCenterAtRuleMiddleware),
-/* harmony export */   createCssRule: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_4__.createCssRule),
-/* harmony export */   createEllipsisAtRuleMiddleware: () => (/* reexport safe */ _middlewares__WEBPACK_IMPORTED_MODULE_2__.createEllipsisAtRuleMiddleware),
-/* harmony export */   createInlineAtRuleMiddleware: () => (/* reexport safe */ _middlewares__WEBPACK_IMPORTED_MODULE_2__.createInlineAtRuleMiddleware),
-/* harmony export */   createMediaAtRuleMiddleware: () => (/* reexport safe */ _middlewares__WEBPACK_IMPORTED_MODULE_2__.createMediaAtRuleMiddleware),
-/* harmony export */   createSpacingMiddleware: () => (/* reexport safe */ _middlewares__WEBPACK_IMPORTED_MODULE_2__.createSpacingMiddleware),
-/* harmony export */   createStackAtRuleMiddleware: () => (/* reexport safe */ _middlewares__WEBPACK_IMPORTED_MODULE_2__.createStackAtRuleMiddleware),
-/* harmony export */   css: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_4__.css),
-/* harmony export */   getChildrenCss: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_4__.getChildrenCss),
-/* harmony export */   mediaQuery: () => (/* reexport safe */ _at_rules__WEBPACK_IMPORTED_MODULE_5__.mediaQuery),
-/* harmony export */   processCss: () => (/* reexport safe */ _processor__WEBPACK_IMPORTED_MODULE_3__.processCss),
-/* harmony export */   splitStylisChildren: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_4__.splitStylisChildren),
-/* harmony export */   suggestAtRuleMiddleware: () => (/* reexport safe */ _middlewares__WEBPACK_IMPORTED_MODULE_2__.suggestAtRuleMiddleware)
+/* harmony export */   createCssRule: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_3__.createCssRule),
+/* harmony export */   css: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_3__.css),
+/* harmony export */   mediaQuery: () => (/* reexport safe */ _at_rules__WEBPACK_IMPORTED_MODULE_4__.mediaQuery),
+/* harmony export */   processCss: () => (/* reexport safe */ _process_css__WEBPACK_IMPORTED_MODULE_2__.processCss)
 /* harmony export */ });
 /* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./types */ "./src/css/types.ts");
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ "./src/css/constants.ts");
-/* harmony import */ var _middlewares__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./middlewares */ "./src/css/middlewares/index.ts");
-/* harmony import */ var _processor__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./processor */ "./src/css/processor.ts");
-/* harmony import */ var _css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./css */ "./src/css/css.ts");
-/* harmony import */ var _at_rules__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./at-rules */ "./src/css/at-rules/index.ts");
-
+/* harmony import */ var _process_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./process-css */ "./src/css/process-css.ts");
+/* harmony import */ var _css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./css */ "./src/css/css.ts");
+/* harmony import */ var _at_rules__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./at-rules */ "./src/css/at-rules/index.ts");
 
 
 
@@ -943,574 +1237,365 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ },
 
-/***/ "./src/css/middlewares/absolute-fill-at-rule.ts"
-/*!******************************************************!*\
-  !*** ./src/css/middlewares/absolute-fill-at-rule.ts ***!
-  \******************************************************/
+/***/ "./src/css/process-css.ts"
+/*!********************************!*\
+  !*** ./src/css/process-css.ts ***!
+  \********************************/
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   createAbsoluteFillAtRuleMiddleware: () => (/* binding */ createAbsoluteFillAtRuleMiddleware)
+/* harmony export */   processCss: () => (/* binding */ processCss)
 /* harmony export */ });
-/* harmony import */ var _factory__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./factory */ "./src/css/middlewares/factory.ts");
-/* harmony import */ var _css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../css */ "./src/css/css.ts");
+/* harmony import */ var _react_hive_honey_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @react-hive/honey-css */ "./node_modules/.pnpm/@react-hive+honey-css@1.15.0/node_modules/@react-hive/honey-css/dist/index.mjs");
+/* harmony import */ var _css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./css */ "./src/css/css.ts");
+/* harmony import */ var _compile_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./compile-css */ "./src/css/compile-css.ts");
+/* harmony import */ var _transform_absolute_fill_at_rule__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./transform-absolute-fill-at-rule */ "./src/css/transform-absolute-fill-at-rule.ts");
+/* harmony import */ var _transform_center_at_rule__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./transform-center-at-rule */ "./src/css/transform-center-at-rule.ts");
+/* harmony import */ var _transform_stack_at_rule__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./transform-stack-at-rule */ "./src/css/transform-stack-at-rule.ts");
+/* harmony import */ var _create_spacing_transformer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./create-spacing-transformer */ "./src/css/create-spacing-transformer.ts");
+/* harmony import */ var _transform_ellipsis_at_rule__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./transform-ellipsis-at-rule */ "./src/css/transform-ellipsis-at-rule.ts");
+/* harmony import */ var _transform_inline_at_rule__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./transform-inline-at-rule */ "./src/css/transform-inline-at-rule.ts");
+/* harmony import */ var _create_media_at_rule_transformer__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./create-media-at-rule-transformer */ "./src/css/create-media-at-rule-transformer.ts");
+
 
 
-const createAbsoluteFillAtRuleMiddleware = () => (0,_factory__WEBPACK_IMPORTED_MODULE_0__.createAtRuleMiddleware)({
-    name: 'absolute-fill',
-    transform: (args, element, callback) => {
-        const { parent } = element;
-        if (!parent) {
-            return null;
-        }
-        const declarations = ['position:absolute;', 'inset:0;'];
-        const childrenCss = (0,_css__WEBPACK_IMPORTED_MODULE_1__.getChildrenCss)(element, callback);
-        return (0,_css__WEBPACK_IMPORTED_MODULE_1__.createCssRule)(parent.value, `${declarations.join('')}${childrenCss}`);
-    },
-});
+
+
+
+
+
+
+
+const processCss = (rawCss, { theme, selector } = {}) => {
+    const scopedCss = selector ? (0,_css__WEBPACK_IMPORTED_MODULE_1__.createCssRule)(selector, rawCss) : rawCss;
+    const ast = (0,_react_hive_honey_css__WEBPACK_IMPORTED_MODULE_0__.parseCss)(scopedCss);
+    const transformers = [
+        _transform_stack_at_rule__WEBPACK_IMPORTED_MODULE_5__.transformStackAtRule,
+        _transform_inline_at_rule__WEBPACK_IMPORTED_MODULE_8__.transformInlineAtRule,
+        _transform_center_at_rule__WEBPACK_IMPORTED_MODULE_4__.transformCenterAtRule,
+        _transform_absolute_fill_at_rule__WEBPACK_IMPORTED_MODULE_3__.transformAbsoluteFillAtRule,
+        _transform_ellipsis_at_rule__WEBPACK_IMPORTED_MODULE_7__.transformEllipsisAtRule,
+        (0,_create_media_at_rule_transformer__WEBPACK_IMPORTED_MODULE_9__.createMediaAtRuleTransformer)({ theme }),
+        (0,_create_spacing_transformer__WEBPACK_IMPORTED_MODULE_6__.createSpacingTransformer)({ theme }),
+    ];
+    const transformedAst = transformers.reduce((result, node) => node(result), ast);
+    return (0,_compile_css__WEBPACK_IMPORTED_MODULE_2__.compileCss)(transformedAst);
+};
 
 
 /***/ },
 
-/***/ "./src/css/middlewares/center-at-rule.ts"
-/*!***********************************************!*\
-  !*** ./src/css/middlewares/center-at-rule.ts ***!
-  \***********************************************/
+/***/ "./src/css/resolve-spacing-value.ts"
+/*!******************************************!*\
+  !*** ./src/css/resolve-spacing-value.ts ***!
+  \******************************************/
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   createCenterAtRuleMiddleware: () => (/* binding */ createCenterAtRuleMiddleware)
+/* harmony export */   resolveSpacingValue: () => (/* binding */ resolveSpacingValue)
 /* harmony export */ });
-/* harmony import */ var _factory__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./factory */ "./src/css/middlewares/factory.ts");
-/* harmony import */ var _css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../css */ "./src/css/css.ts");
-
-
-const createCenterAtRuleMiddleware = () => (0,_factory__WEBPACK_IMPORTED_MODULE_0__.createAtRuleMiddleware)({
-    name: 'center',
-    transform: (args, element, callback) => {
-        const { parent } = element;
-        if (!parent) {
-            return null;
-        }
-        const declarations = [];
-        switch (args[0]) {
-            case 'horizontal':
-            case 'x':
-                declarations.push('display:flex;', 'justify-content:center;');
-                break;
-            case 'vertical':
-            case 'y':
-                declarations.push('display:flex;', 'align-items:center;');
-                break;
-            case 'block':
-                declarations.push('display:block;', 'text-align:center;');
-                break;
-            case 'inline':
-                declarations.push('display:inline-flex;', 'align-items:center;', 'justify-content:center;');
-                break;
-            default:
-                declarations.push('display:flex;', 'align-items:center;', 'justify-content:center;');
-                break;
-        }
-        const childrenCss = (0,_css__WEBPACK_IMPORTED_MODULE_1__.getChildrenCss)(element, callback);
-        return (0,_css__WEBPACK_IMPORTED_MODULE_1__.createCssRule)(parent.value, `${declarations.join('')}${childrenCss}`);
-    },
-});
+const resolveSpacingValue = (value, spacingFactor) => {
+    const trimmed = value.trim();
+    // CSS unit provided → keep as-is
+    if (/[a-z%]+$/i.test(trimmed)) {
+        return trimmed;
+    }
+    // Numeric multiplier
+    if (/^-?\d*\.?\d+$/.test(trimmed)) {
+        return `${parseFloat(trimmed) * spacingFactor}px`;
+    }
+    return trimmed;
+};
 
 
 /***/ },
 
-/***/ "./src/css/middlewares/ellipsis-at-rule.ts"
-/*!*************************************************!*\
-  !*** ./src/css/middlewares/ellipsis-at-rule.ts ***!
-  \*************************************************/
+/***/ "./src/css/transform-absolute-fill-at-rule.ts"
+/*!****************************************************!*\
+  !*** ./src/css/transform-absolute-fill-at-rule.ts ***!
+  \****************************************************/
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   createEllipsisAtRuleMiddleware: () => (/* binding */ createEllipsisAtRuleMiddleware)
+/* harmony export */   transformAbsoluteFillAtRule: () => (/* binding */ transformAbsoluteFillAtRule)
 /* harmony export */ });
-/* harmony import */ var _factory__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./factory */ "./src/css/middlewares/factory.ts");
-/* harmony import */ var _css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../css */ "./src/css/css.ts");
-
-
-const createEllipsisAtRuleMiddleware = () => (0,_factory__WEBPACK_IMPORTED_MODULE_0__.createAtRuleMiddleware)({
-    name: 'ellipsis',
-    transform: (args, element, callback) => {
-        const { parent } = element;
-        if (!parent) {
-            return null;
-        }
-        const declarations = [
-            'white-space:nowrap;',
-            'overflow:hidden;',
-            'text-overflow:ellipsis;',
-        ];
-        const childrenCss = (0,_css__WEBPACK_IMPORTED_MODULE_1__.getChildrenCss)(element, callback);
-        return (0,_css__WEBPACK_IMPORTED_MODULE_1__.createCssRule)(parent.value, `${declarations.join('')}${childrenCss}`);
-    },
+/* harmony import */ var _create_at_rule_transformer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./create-at-rule-transformer */ "./src/css/create-at-rule-transformer.ts");
+
+const transformAbsoluteFillAtRule = (0,_create_at_rule_transformer__WEBPACK_IMPORTED_MODULE_0__.createAtRuleTransformer)('honey-absolute-fill', node => {
+    return [
+        {
+            type: 'declaration',
+            prop: 'position',
+            value: 'absolute',
+        },
+        {
+            type: 'declaration',
+            prop: 'inset',
+            value: '0',
+        },
+        ...(node.body ?? []),
+    ];
 });
 
 
 /***/ },
 
-/***/ "./src/css/middlewares/factory.ts"
-/*!****************************************!*\
-  !*** ./src/css/middlewares/factory.ts ***!
-  \****************************************/
+/***/ "./src/css/transform-center-at-rule.ts"
+/*!*********************************************!*\
+  !*** ./src/css/transform-center-at-rule.ts ***!
+  \*********************************************/
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   createAtRuleMiddleware: () => (/* binding */ createAtRuleMiddleware)
+/* harmony export */   transformCenterAtRule: () => (/* binding */ transformCenterAtRule)
 /* harmony export */ });
-/* harmony import */ var stylis__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! stylis */ "./node_modules/stylis/src/Parser.js");
-/* harmony import */ var stylis__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! stylis */ "./node_modules/stylis/src/Serializer.js");
+/* harmony import */ var _create_at_rule_transformer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./create-at-rule-transformer */ "./src/css/create-at-rule-transformer.ts");
+/* harmony import */ var _unwrap_params__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./unwrap-params */ "./src/css/unwrap-params.ts");
+
 
 /**
- * Creates a Stylis middleware for transforming custom `@honey-*` at-rules into
- * regular CSS declarations.
- *
- * This utility enables the definition of expressive, domain-specific at-rules
- * such as `@honey-stack`, `@honey-inline`, or `@honey-center`, which can then be
- * expanded into valid CSS at build time.
- *
- * Supports optional arguments passed via parentheses (e.g., `@honey-stack(2)`),
- * as well as nested rule bodies (e.g., `@honey-stack { .child { ... } }`).
- *
- * ---
- *
- * ### Example
- * ```ts
- * createAtRuleMiddleware({
- *   name: 'stack',
- *   transform: args => {
- *     const gap = parseFloat(args[0] ?? '0') * 8;
+ * Transforms:
  *
- *     return `display:flex;flex-direction:column;gap:${gap}px;`;
- *   }
- * });
- * ```
- *
- * ---
- *
- * ### Behavior
- * - Matches only rules of the form `@honey-${name}` inside standard CSS rules.
- * - Parses arguments from parentheses (e.g. `@honey-name (arg1 arg2)`).
- * - Serializes nested content (children) and appends it to the output.
- *
- * @param options - Options for configuring the middleware:
- *   - `name`: the custom at-rule suffix, without the `@honey-` prefix.
- *   - `transform`: a function to convert parsed args and the AST node into CSS declarations.
- *
- * @returns A Stylis `Middleware` function that replaces the matched at-rule with the generated CSS.
- */
-const createAtRuleMiddleware = ({ name, transform }) => (element, _i, _children, callback) => {
-    const { parent } = element;
-    if (!parent || !parent.value || parent.type !== 'rule') {
-        return;
-    }
-    if (element.type !== `@honey-${name}`) {
-        return;
-    }
-    const argsMatch = element.value
-        .trim()
-        .match(new RegExp(`^${element.type}\\s*\\(\\s*([^)]+?)\\s*\\)\\s*;?$`, 'i'));
-    element.type = 'decl';
-    const args = argsMatch ? argsMatch[1].split(' ').filter(Boolean) : [];
-    const css = transform(args, element, callback);
-    if (css) {
-        element.return = (0,stylis__WEBPACK_IMPORTED_MODULE_1__.serialize)((0,stylis__WEBPACK_IMPORTED_MODULE_0__.compile)(css), callback);
-    }
-    else {
-        element.value = '';
+ * @honey-center();
+ * @honey-center(horizontal);
+ * @honey-center(vertical);
+ * @honey-center(block);
+ * @honey-center(inline);
+ */
+const transformCenterAtRule = (0,_create_at_rule_transformer__WEBPACK_IMPORTED_MODULE_0__.createAtRuleTransformer)('honey-center', (node) => {
+    const params = (0,_unwrap_params__WEBPACK_IMPORTED_MODULE_1__.unwrapParams)(node.params);
+    const nodes = [];
+    switch (params) {
+        case 'horizontal':
+        case 'x':
+            nodes.push({
+                type: 'declaration',
+                prop: 'display',
+                value: 'flex',
+            }, {
+                type: 'declaration',
+                prop: 'justify-content',
+                value: 'center',
+            });
+            break;
+        case 'vertical':
+        case 'y':
+            nodes.push({
+                type: 'declaration',
+                prop: 'display',
+                value: 'flex',
+            }, {
+                type: 'declaration',
+                prop: 'align-items',
+                value: 'center',
+            });
+            break;
+        case 'block':
+            nodes.push({
+                type: 'declaration',
+                prop: 'display',
+                value: 'block',
+            }, {
+                type: 'declaration',
+                prop: 'text-align',
+                value: 'center',
+            });
+            break;
+        case 'inline':
+            nodes.push({
+                type: 'declaration',
+                prop: 'display',
+                value: 'inline-flex',
+            }, {
+                type: 'declaration',
+                prop: 'align-items',
+                value: 'center',
+            }, {
+                type: 'declaration',
+                prop: 'justify-content',
+                value: 'center',
+            });
+            break;
+        default:
+            nodes.push({
+                type: 'declaration',
+                prop: 'display',
+                value: 'flex',
+            }, {
+                type: 'declaration',
+                prop: 'align-items',
+                value: 'center',
+            }, {
+                type: 'declaration',
+                prop: 'justify-content',
+                value: 'center',
+            });
+            break;
     }
-};
+    return [...nodes, ...(node.body ?? [])];
+});
 
 
 /***/ },
 
-/***/ "./src/css/middlewares/index.ts"
-/*!**************************************!*\
-  !*** ./src/css/middlewares/index.ts ***!
-  \**************************************/
+/***/ "./src/css/transform-ellipsis-at-rule.ts"
+/*!***********************************************!*\
+  !*** ./src/css/transform-ellipsis-at-rule.ts ***!
+  \***********************************************/
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   createAbsoluteFillAtRuleMiddleware: () => (/* reexport safe */ _absolute_fill_at_rule__WEBPACK_IMPORTED_MODULE_4__.createAbsoluteFillAtRuleMiddleware),
-/* harmony export */   createCenterAtRuleMiddleware: () => (/* reexport safe */ _center_at_rule__WEBPACK_IMPORTED_MODULE_3__.createCenterAtRuleMiddleware),
-/* harmony export */   createEllipsisAtRuleMiddleware: () => (/* reexport safe */ _ellipsis_at_rule__WEBPACK_IMPORTED_MODULE_5__.createEllipsisAtRuleMiddleware),
-/* harmony export */   createInlineAtRuleMiddleware: () => (/* reexport safe */ _inline_at_rule__WEBPACK_IMPORTED_MODULE_2__.createInlineAtRuleMiddleware),
-/* harmony export */   createMediaAtRuleMiddleware: () => (/* reexport safe */ _media_at_rule__WEBPACK_IMPORTED_MODULE_6__.createMediaAtRuleMiddleware),
-/* harmony export */   createSpacingMiddleware: () => (/* reexport safe */ _spacing__WEBPACK_IMPORTED_MODULE_0__.createSpacingMiddleware),
-/* harmony export */   createStackAtRuleMiddleware: () => (/* reexport safe */ _stack_at_rule__WEBPACK_IMPORTED_MODULE_1__.createStackAtRuleMiddleware),
-/* harmony export */   suggestAtRuleMiddleware: () => (/* reexport safe */ _suggest__WEBPACK_IMPORTED_MODULE_7__.suggestAtRuleMiddleware)
+/* harmony export */   transformEllipsisAtRule: () => (/* binding */ transformEllipsisAtRule)
 /* harmony export */ });
-/* harmony import */ var _spacing__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./spacing */ "./src/css/middlewares/spacing.ts");
-/* harmony import */ var _stack_at_rule__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./stack-at-rule */ "./src/css/middlewares/stack-at-rule.ts");
-/* harmony import */ var _inline_at_rule__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./inline-at-rule */ "./src/css/middlewares/inline-at-rule.ts");
-/* harmony import */ var _center_at_rule__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./center-at-rule */ "./src/css/middlewares/center-at-rule.ts");
-/* harmony import */ var _absolute_fill_at_rule__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./absolute-fill-at-rule */ "./src/css/middlewares/absolute-fill-at-rule.ts");
-/* harmony import */ var _ellipsis_at_rule__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ellipsis-at-rule */ "./src/css/middlewares/ellipsis-at-rule.ts");
-/* harmony import */ var _media_at_rule__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./media-at-rule */ "./src/css/middlewares/media-at-rule.ts");
-/* harmony import */ var _suggest__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./suggest */ "./src/css/middlewares/suggest.ts");
-
-
-
-
+/* harmony import */ var _create_at_rule_transformer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./create-at-rule-transformer */ "./src/css/create-at-rule-transformer.ts");
+
+const transformEllipsisAtRule = (0,_create_at_rule_transformer__WEBPACK_IMPORTED_MODULE_0__.createAtRuleTransformer)('honey-ellipsis', (node) => {
+    const nodes = [
+        {
+            type: 'declaration',
+            prop: 'white-space',
+            value: 'nowrap',
+        },
+        {
+            type: 'declaration',
+            prop: 'overflow',
+            value: 'hidden',
+        },
+        {
+            type: 'declaration',
+            prop: 'text-overflow',
+            value: 'ellipsis',
+        },
+    ];
+    // Preserve any nested children inside the block
+    return [...nodes, ...(node.body ?? [])];
+});
 
 
+/***/ },
 
+/***/ "./src/css/transform-inline-at-rule.ts"
+/*!*********************************************!*\
+  !*** ./src/css/transform-inline-at-rule.ts ***!
+  \*********************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   transformInlineAtRule: () => (/* binding */ transformInlineAtRule)
+/* harmony export */ });
+/* harmony import */ var _create_at_rule_transformer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./create-at-rule-transformer */ "./src/css/create-at-rule-transformer.ts");
+/* harmony import */ var _unwrap_params__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./unwrap-params */ "./src/css/unwrap-params.ts");
+
+
+const transformInlineAtRule = (0,_create_at_rule_transformer__WEBPACK_IMPORTED_MODULE_0__.createAtRuleTransformer)('honey-inline', node => {
+    const param = (0,_unwrap_params__WEBPACK_IMPORTED_MODULE_1__.unwrapParams)(node.params);
+    const nodes = [
+        {
+            type: 'declaration',
+            prop: 'display',
+            value: 'flex',
+        },
+        {
+            type: 'declaration',
+            prop: 'align-items',
+            value: 'center',
+        },
+    ];
+    if (param) {
+        nodes.push({
+            type: 'declaration',
+            prop: 'gap',
+            value: param,
+        });
+    }
+    return [...nodes, ...(node.body ?? [])];
+});
 
 
 /***/ },
 
-/***/ "./src/css/middlewares/inline-at-rule.ts"
-/*!***********************************************!*\
-  !*** ./src/css/middlewares/inline-at-rule.ts ***!
-  \***********************************************/
+/***/ "./src/css/transform-stack-at-rule.ts"
+/*!********************************************!*\
+  !*** ./src/css/transform-stack-at-rule.ts ***!
+  \********************************************/
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   createInlineAtRuleMiddleware: () => (/* binding */ createInlineAtRuleMiddleware)
+/* harmony export */   transformStackAtRule: () => (/* binding */ transformStackAtRule)
 /* harmony export */ });
-/* harmony import */ var _factory__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./factory */ "./src/css/middlewares/factory.ts");
-/* harmony import */ var _css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../css */ "./src/css/css.ts");
-
-
-const createInlineAtRuleMiddleware = ({ theme } = {}) => (0,_factory__WEBPACK_IMPORTED_MODULE_0__.createAtRuleMiddleware)({
-    name: 'inline',
-    transform: (args, element, callback) => {
-        const { parent } = element;
-        if (!parent) {
-            return null;
-        }
-        const declarations = ['display:flex;', 'align-items:center;'];
-        if (args.length) {
-            const spacing = theme?.spacings.base ?? 0;
-            const isNumber = /^-?\d*\.?\d+$/.test(args[0]);
-            const gap = isNumber ? `${parseFloat(args[0]) * spacing}px` : args;
-            declarations.push(`gap:${gap};`);
-        }
-        const childrenCss = (0,_css__WEBPACK_IMPORTED_MODULE_1__.getChildrenCss)(element, callback);
-        return (0,_css__WEBPACK_IMPORTED_MODULE_1__.createCssRule)(parent.value, `${declarations.join('')}${childrenCss}`);
-    },
+/* harmony import */ var _create_at_rule_transformer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./create-at-rule-transformer */ "./src/css/create-at-rule-transformer.ts");
+/* harmony import */ var _unwrap_params__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./unwrap-params */ "./src/css/unwrap-params.ts");
+
+
+const transformStackAtRule = (0,_create_at_rule_transformer__WEBPACK_IMPORTED_MODULE_0__.createAtRuleTransformer)('honey-stack', node => {
+    const param = (0,_unwrap_params__WEBPACK_IMPORTED_MODULE_1__.unwrapParams)(node.params);
+    const nodes = [
+        {
+            type: 'declaration',
+            prop: 'display',
+            value: 'flex',
+        },
+        {
+            type: 'declaration',
+            prop: 'flex-direction',
+            value: 'column',
+        },
+    ];
+    // If param provided → override gap explicitly
+    if (param) {
+        nodes.push({
+            type: 'declaration',
+            prop: 'gap',
+            value: param,
+        });
+    }
+    return [...nodes, ...(node.body ?? [])];
 });
 
 
 /***/ },
 
-/***/ "./src/css/middlewares/media-at-rule.ts"
-/*!**********************************************!*\
-  !*** ./src/css/middlewares/media-at-rule.ts ***!
-  \**********************************************/
+/***/ "./src/css/types.ts"
+/*!**************************!*\
+  !*** ./src/css/types.ts ***!
+  \**************************/
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   createMediaAtRuleMiddleware: () => (/* binding */ createMediaAtRuleMiddleware)
-/* harmony export */ });
-/* harmony import */ var stylis__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! stylis */ "./node_modules/stylis/src/Serializer.js");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../constants */ "./src/constants.ts");
-/* harmony import */ var _factory__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./factory */ "./src/css/middlewares/factory.ts");
-/* harmony import */ var _at_rules__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../at-rules */ "./src/css/at-rules/index.ts");
-/* harmony import */ var _css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../css */ "./src/css/css.ts");
 
 
 
+/***/ },
 
-
-/**
- * Determines whether token is breakpoint syntax:
- *   sm:up
- *   md:only
- *   lg
- */
-const isBreakpointToken = (token) => /^[a-z]+\b(:up|:down)?$/i.test(token);
-/**
- * Orientation tokens:
- *   portrait
- *   landscape
- */
-const isOrientationToken = (token) => token === 'portrait' || token === 'landscape';
-/**
- * Media type tokens:
- *   screen
- *   print
- *   speech
- */
-const isMediaTypeToken = (token) => token === 'all' || token === 'print' || token === 'screen' || token === 'speech';
-/**
- * Parses:
- *   sm:up
- *   md:down
- */
-const parseBreakpointRule = (raw) => {
-    const [key, direction] = raw.split(':');
-    return {
-        key,
-        direction: (direction ?? 'up'),
-    };
-};
-const createMediaAtRuleMiddleware = ({ theme }) => (0,_factory__WEBPACK_IMPORTED_MODULE_2__.createAtRuleMiddleware)({
-    name: 'media',
-    transform: (args, element, callback) => {
-        const { parent } = element;
-        if (!parent || !args.length || !theme?.breakpoints) {
-            return null;
-        }
-        const childrenGroups = (0,_css__WEBPACK_IMPORTED_MODULE_4__.splitStylisChildren)(element.children);
-        if (!childrenGroups.pseudoRules.length && !childrenGroups.otherRules.length) {
-            return null;
-        }
-        const mediaQueryRules = [];
-        let orientation;
-        let mediaType;
-        for (const token of args) {
-            if (isOrientationToken(token)) {
-                orientation = token;
-                continue;
-            }
-            if (isMediaTypeToken(token)) {
-                mediaType = token;
-                continue;
-            }
-            if (!isBreakpointToken(token)) {
-                if (_constants__WEBPACK_IMPORTED_MODULE_1__.__DEV__) {
-                    console.warn(`[@react-hive/honey-style]: Unknown @honey-media token: "${token}".`);
-                }
-                continue;
-            }
-            const breakpointRule = parseBreakpointRule(token);
-            const breakpointPx = breakpointRule.key in theme.breakpoints
-                ? theme.breakpoints[breakpointRule.key]
-                : null;
-            if (!breakpointPx) {
-                if (_constants__WEBPACK_IMPORTED_MODULE_1__.__DEV__) {
-                    console.warn(`[@react-hive/honey-style]: Unknown breakpoint "${breakpointRule.key}" in @honey-media.`);
-                }
-                continue;
-            }
-            let mediaQueryRule;
-            if (breakpointRule.direction === 'up') {
-                mediaQueryRule = {
-                    minWidth: `${breakpointPx}px`,
-                };
-            }
-            else if (breakpointRule.direction === 'down') {
-                mediaQueryRule = {
-                    maxWidth: `${breakpointPx}px`,
-                };
-            }
-            if (mediaQueryRule) {
-                mediaQueryRules.push(mediaQueryRule);
-            }
-        }
-        if (!mediaQueryRules.length) {
-            return null;
-        }
-        const finalMediaQueryRules = mediaQueryRules.map(rule => ({
-            ...rule,
-            orientation,
-            mediaType,
-        }));
-        const pseudoSelectorCss = childrenGroups.pseudoRules.length > 0
-            ? `${parent.value}${(0,stylis__WEBPACK_IMPORTED_MODULE_0__.serialize)(childrenGroups.pseudoRules, callback)}`
-            : '';
-        const nestedSelectorCss = childrenGroups.otherRules.length > 0
-            ? (0,_css__WEBPACK_IMPORTED_MODULE_4__.createCssRule)(parent.value, (0,stylis__WEBPACK_IMPORTED_MODULE_0__.serialize)(childrenGroups.otherRules, callback))
-            : '';
-        return (0,_css__WEBPACK_IMPORTED_MODULE_4__.createCssRule)((0,_at_rules__WEBPACK_IMPORTED_MODULE_3__.mediaQuery)(finalMediaQueryRules), `${pseudoSelectorCss}${nestedSelectorCss}`);
-    },
-});
-
-
-/***/ },
-
-/***/ "./src/css/middlewares/spacing.ts"
-/*!****************************************!*\
-  !*** ./src/css/middlewares/spacing.ts ***!
-  \****************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+/***/ "./src/css/unwrap-params.ts"
+/*!**********************************!*\
+  !*** ./src/css/unwrap-params.ts ***!
+  \**********************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   createSpacingMiddleware: () => (/* binding */ createSpacingMiddleware)
+/* harmony export */   unwrapParams: () => (/* binding */ unwrapParams)
 /* harmony export */ });
-/* harmony import */ var _react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @react-hive/honey-utils */ "./node_modules/@react-hive/honey-utils/dist/index.mjs");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../constants */ "./src/css/constants.ts");
-
-
-const toKebabCase = (str) => str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
-const KEBAB_CASE_SPACING_PROPERTIES = _constants__WEBPACK_IMPORTED_MODULE_1__.CSS_SPACING_PROPERTIES.map(toKebabCase);
-const createSpacingMiddleware = ({ theme }) => element => {
-    if (element.type !== 'decl') {
-        return;
-    }
-    if ((0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__.isString)(element.props) &&
-        KEBAB_CASE_SPACING_PROPERTIES.includes(element.props) &&
-        (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__.isString)(element.children)) {
-        // If the whole value contains parentheses, skip entirely (likely calc or var)
-        if (/[()]/.test(element.children)) {
-            return;
-        }
-        const transformedParts = [];
-        const spacing = theme?.spacings.base ?? 0;
-        const parts = element.children.trim().split(/\s+/);
-        for (const value of parts) {
-            transformedParts.push(
-            // Accept only numeric strings (integers or floats), no units or symbols
-            /^-?\d*\.?\d+$/.test(value) ? `${parseFloat(value) * spacing}px` : value);
-        }
-        const transformed = transformedParts.join(' ');
-        element.return = `${element.props}:${transformed};`;
-    }
-};
-
-
-/***/ },
-
-/***/ "./src/css/middlewares/stack-at-rule.ts"
-/*!**********************************************!*\
-  !*** ./src/css/middlewares/stack-at-rule.ts ***!
-  \**********************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   createStackAtRuleMiddleware: () => (/* binding */ createStackAtRuleMiddleware)
-/* harmony export */ });
-/* harmony import */ var _factory__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./factory */ "./src/css/middlewares/factory.ts");
-/* harmony import */ var _css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../css */ "./src/css/css.ts");
-
-
-const createStackAtRuleMiddleware = ({ theme }) => (0,_factory__WEBPACK_IMPORTED_MODULE_0__.createAtRuleMiddleware)({
-    name: 'stack',
-    transform: (args, element, callback) => {
-        const { parent } = element;
-        if (!parent) {
-            return null;
-        }
-        const declarations = ['display:flex;', 'flex-direction:column;'];
-        if (args.length) {
-            const spacing = theme?.spacings.base ?? 0;
-            const isNumber = /^-?\d*\.?\d+$/.test(args[0]);
-            const gap = isNumber ? `${parseFloat(args[0]) * spacing}px` : args;
-            declarations.push(`gap:${gap};`);
-        }
-        const childrenCss = (0,_css__WEBPACK_IMPORTED_MODULE_1__.getChildrenCss)(element, callback);
-        return (0,_css__WEBPACK_IMPORTED_MODULE_1__.createCssRule)(parent.value, `${declarations.join('')}${childrenCss}`);
-    },
-});
-
-
-/***/ },
-
-/***/ "./src/css/middlewares/suggest.ts"
-/*!****************************************!*\
-  !*** ./src/css/middlewares/suggest.ts ***!
-  \****************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   suggestAtRuleMiddleware: () => (/* binding */ suggestAtRuleMiddleware)
-/* harmony export */ });
-/* harmony import */ var _react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @react-hive/honey-utils */ "./node_modules/@react-hive/honey-utils/dist/index.mjs");
-
-const collectDeclarations = (rule) => {
-    if (!(0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__.isArray)(rule.children)) {
-        return [];
-    }
-    return rule.children
-        .filter(child => child.type === 'decl' && (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__.isString)(child.props) && (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__.isString)(child.children))
-        .map(child => ({
-        prop: child.props,
-        value: child.children,
-    }));
-};
-const knownPatterns = [
-    {
-        name: '@honey-center',
-        match: (declarations) => declarations.some(d => d.prop === 'display' && d.value === 'flex') &&
-            declarations.some(d => d.prop === 'align-items' && d.value === 'center') &&
-            declarations.some(d => d.prop === 'justify-content' && d.value === 'center'),
-    },
-    {
-        name: '@honey-stack',
-        match: (declarations) => declarations.some(d => d.prop === 'display' && d.value === 'flex') &&
-            declarations.some(d => d.prop === 'flex-direction' && d.value === 'column'),
-    },
-    {
-        name: '@honey-inline',
-        match: (declarations) => declarations.some(d => d.prop === 'display' && d.value === 'flex') &&
-            declarations.some(d => d.prop === 'align-items' && d.value === 'center'),
-    },
-];
-const suggestAtRuleMiddleware = element => {
-    if (element.type !== 'rule' || !element.children) {
-        return;
-    }
-    const declarations = collectDeclarations(element);
-    for (const pattern of knownPatterns) {
-        if (pattern.match(declarations)) {
-            console.info(`[@react-hive/honey-style]: The CSS rule "${element.value}" can be simplified using the shorthand at-rule "${pattern.name}".`);
-            break;
-        }
+const unwrapParams = (params) => {
+    if (!params) {
+        return '';
     }
-};
-
-
-/***/ },
-
-/***/ "./src/css/processor.ts"
-/*!******************************!*\
-  !*** ./src/css/processor.ts ***!
-  \******************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   processCss: () => (/* binding */ processCss)
-/* harmony export */ });
-/* harmony import */ var stylis__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! stylis */ "./node_modules/stylis/src/Parser.js");
-/* harmony import */ var stylis__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! stylis */ "./node_modules/stylis/src/Serializer.js");
-/* harmony import */ var stylis__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! stylis */ "./node_modules/stylis/src/Middleware.js");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ "./src/constants.ts");
-/* harmony import */ var _css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./css */ "./src/css/css.ts");
-/* harmony import */ var _middlewares__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./middlewares */ "./src/css/middlewares/index.ts");
-
-
-
-
-const processCss = (rawCss, selector, { theme } = {}) => {
-    const scopedCss = selector ? (0,_css__WEBPACK_IMPORTED_MODULE_4__.createCssRule)(selector, rawCss) : rawCss;
-    const middlewares = [];
-    if (_constants__WEBPACK_IMPORTED_MODULE_3__.__DEV__) {
-        // middlewares.push(suggestAtRuleMiddleware);
+    const trimmed = params.trim();
+    if (trimmed.startsWith('(') && trimmed.endsWith(')')) {
+        return trimmed.slice(1, -1).trim();
     }
-    middlewares.push((0,_middlewares__WEBPACK_IMPORTED_MODULE_5__.createMediaAtRuleMiddleware)({ theme }), (0,_middlewares__WEBPACK_IMPORTED_MODULE_5__.createSpacingMiddleware)({ theme }), (0,_middlewares__WEBPACK_IMPORTED_MODULE_5__.createStackAtRuleMiddleware)({ theme }), (0,_middlewares__WEBPACK_IMPORTED_MODULE_5__.createInlineAtRuleMiddleware)({ theme }), (0,_middlewares__WEBPACK_IMPORTED_MODULE_5__.createCenterAtRuleMiddleware)(), (0,_middlewares__WEBPACK_IMPORTED_MODULE_5__.createEllipsisAtRuleMiddleware)(), (0,_middlewares__WEBPACK_IMPORTED_MODULE_5__.createAbsoluteFillAtRuleMiddleware)(), stylis__WEBPACK_IMPORTED_MODULE_1__.stringify);
-    return (0,stylis__WEBPACK_IMPORTED_MODULE_1__.serialize)((0,stylis__WEBPACK_IMPORTED_MODULE_0__.compile)(scopedCss), (0,stylis__WEBPACK_IMPORTED_MODULE_2__.middleware)(middlewares));
+    return trimmed;
 };
 
 
-/***/ },
-
-/***/ "./src/css/types.ts"
-/*!**************************!*\
-  !*** ./src/css/types.ts ***!
-  \**************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-
-
-
 /***/ },
 
 /***/ "./src/global-style.ts"
@@ -1541,7 +1626,7 @@ const createGlobalStyle = (strings, ...interpolations) => {
         const { theme } = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useHoneyStyle)();
         (0,react__WEBPACK_IMPORTED_MODULE_0__.useInsertionEffect)(() => {
             const rawCss = computeCss({ theme });
-            const processedCss = (0,_css__WEBPACK_IMPORTED_MODULE_2__.processCss)(rawCss);
+            const processedCss = (0,_css__WEBPACK_IMPORTED_MODULE_2__.processCss)(rawCss, { theme });
             const styleElement = document.createElement('style');
             styleElement.id = styleId;
             styleElement.innerHTML = processedCss;
@@ -1587,7 +1672,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @react-hive/honey-utils */ "./node_modules/@react-hive/honey-utils/dist/index.mjs");
+/* harmony import */ var _react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @react-hive/honey-utils */ "./node_modules/.pnpm/@react-hive+honey-utils@3.24.0/node_modules/@react-hive/honey-utils/dist/index.mjs");
 /* harmony import */ var _contexts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../contexts */ "./src/contexts/index.ts");
 
 
@@ -1704,7 +1789,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   HoneyStyleProvider: () => (/* binding */ HoneyStyleProvider)
 /* harmony export */ });
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/.pnpm/react@19.2.4/node_modules/react/jsx-runtime.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _contexts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../contexts */ "./src/contexts/index.ts");
@@ -1755,7 +1840,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @react-hive/honey-utils */ "./node_modules/@react-hive/honey-utils/dist/index.mjs");
+/* harmony import */ var _react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @react-hive/honey-utils */ "./node_modules/.pnpm/@react-hive+honey-utils@3.24.0/node_modules/@react-hive/honey-utils/dist/index.mjs");
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./constants */ "./src/constants.ts");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ "./src/utils.ts");
 /* harmony import */ var _css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./css */ "./src/css/index.ts");
@@ -1806,8 +1891,9 @@ const styled = (target, defaultProps, { omitProps } = {}) => {
             const rawCss = computeCss(context);
             const baseClassName = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.resolveClassName)(rawCss);
             (0,react__WEBPACK_IMPORTED_MODULE_0__.useInsertionEffect)(() => {
-                const baseCss = (0,_css__WEBPACK_IMPORTED_MODULE_4__.processCss)(rawCss, `.${baseClassName}`, {
+                const baseCss = (0,_css__WEBPACK_IMPORTED_MODULE_4__.processCss)(rawCss, {
                     theme,
+                    selector: `.${baseClassName}`,
                 });
                 return (0,_mount_style__WEBPACK_IMPORTED_MODULE_5__.mountStyle)(baseClassName, baseCss, __compositionDepth);
             }, [baseClassName]);
@@ -1816,8 +1902,9 @@ const styled = (target, defaultProps, { omitProps } = {}) => {
             const cssPropClassName = cssPropString ? (0,_utils__WEBPACK_IMPORTED_MODULE_3__.resolveClassName)(cssPropString) : '';
             (0,react__WEBPACK_IMPORTED_MODULE_0__.useInsertionEffect)(() => {
                 if (cssPropClassName) {
-                    const overrideCss = (0,_css__WEBPACK_IMPORTED_MODULE_4__.processCss)(cssPropString, `.${cssPropClassName}`, {
+                    const overrideCss = (0,_css__WEBPACK_IMPORTED_MODULE_4__.processCss)(cssPropString, {
                         theme,
+                        selector: `.${cssPropClassName}`,
                     });
                     return (0,_mount_style__WEBPACK_IMPORTED_MODULE_5__.mountStyle)(cssPropClassName, overrideCss, 1);
                 }
@@ -1931,13 +2018,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   resolveFont: () => (/* binding */ resolveFont),
 /* harmony export */   resolveSpacing: () => (/* binding */ resolveSpacing)
 /* harmony export */ });
-/* harmony import */ var _react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @react-hive/honey-utils */ "./node_modules/@react-hive/honey-utils/dist/index.mjs");
+/* harmony import */ var _react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @react-hive/honey-utils */ "./node_modules/.pnpm/@react-hive+honey-utils@3.24.0/node_modules/@react-hive/honey-utils/dist/index.mjs");
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ "./src/constants.ts");
 /* harmony import */ var _css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./css */ "./src/css/index.ts");
 
 
 
-const generateId = (prefix) => `${prefix}-${Math.random().toString(36).slice(2, 8)}`;
+const generateId = (prefix) => `${prefix}-${(0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__.generateEphemeralId)()}`;
 /**
  * Combines multiple class names into a single space-separated string
  *
@@ -2124,1185 +2211,137 @@ module.exports = require("react");
 
 /***/ },
 
-/***/ "./node_modules/@react-hive/honey-utils/dist/index.mjs"
-/*!*************************************************************!*\
-  !*** ./node_modules/@react-hive/honey-utils/dist/index.mjs ***!
-  \*************************************************************/
+/***/ "./node_modules/.pnpm/@react-hive+honey-css@1.15.0/node_modules/@react-hive/honey-css/dist/index.mjs"
+/*!***********************************************************************************************************!*\
+  !*** ./node_modules/.pnpm/@react-hive+honey-css@1.15.0/node_modules/@react-hive/honey-css/dist/index.mjs ***!
+  \***********************************************************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   FOCUSABLE_HTML_TAGS: () => (/* binding */ l),
+/* harmony export */   createCssTokenCursor: () => (/* binding */ r),
+/* harmony export */   parseCss: () => (/* binding */ m),
+/* harmony export */   parseCssAtRule: () => (/* binding */ b),
+/* harmony export */   parseCssBlock: () => (/* binding */ y),
+/* harmony export */   parseCssDeclaration: () => (/* binding */ c),
+/* harmony export */   parseCssNodes: () => (/* binding */ f),
+/* harmony export */   parseCssRule: () => (/* binding */ u),
+/* harmony export */   readCssKeyOrSelector: () => (/* binding */ s),
+/* harmony export */   readCssSelector: () => (/* binding */ o),
+/* harmony export */   resolveCssSelector: () => (/* binding */ a),
+/* harmony export */   stringifyCss: () => (/* binding */ l),
+/* harmony export */   tokenizeCss: () => (/* binding */ t)
+/* harmony export */ });
+const e=e=>"{"===e||"}"===e||":"===e||";"===e||"@"===e||"("===e||'"'===e||"'"===e||"/"===e,t=t=>{const n=[];let r=0;const o=()=>r>=t.length,s=()=>o()?void 0:t[r],c=()=>r+1>=t.length?void 0:t[r+1],i=()=>{for(;;){const e=s();if(!e||!/\s/.test(e))return;r++}},a=()=>{if("/"!==s()||"/"!==c())return!1;for(r+=2;!o();){if("\n"===s()){r++;break}r++}return!0},p=()=>{if("/"!==s()||"*"!==c())return!1;for(r+=2;!o();){if("*"===s()&&"/"===c())return r+=2,!0;r++}return!0},l=()=>{const e=s();if(!e)return"";r++;let t="";for(;!o();){const n=s();if(!n)break;if("\\"===n){t+=n,r++;const e=s();e&&(t+=e,r++);continue}if(n===e){r++;break}t+=n,r++}return t},u=()=>{let e=0,t="";for(;!o();){const n=s();if(!n)break;if("("===n?e++:")"===n&&e--,t+=n,r++,0===e)break}return t},f=()=>{let t="";for(;!o();){const n=s();if(!n)break;if(e(n))break;t+=n,r++}return t.trim()};for(;!o()&&(i(),!o());){if(a()||p())continue;const e=s();if(!e)break;if("{"===e){n.push({type:"braceOpen"}),r++;continue}if("}"===e){n.push({type:"braceClose"}),r++;continue}if(":"===e){n.push({type:"colon"}),r++;continue}if(";"===e){n.push({type:"semicolon"}),r++;continue}if("@"===e){n.push({type:"at"}),r++;continue}if("("===e){n.push({type:"params",value:u()});continue}if('"'===e||"'"===e){n.push({type:"string",value:l()});continue}const t=f();t?n.push({type:"text",value:t}):r++}return n};function n(e,t){if(!e)throw new Error(t)}const r=e=>{let t=0;const r=()=>t>=e.length,o=()=>r()?void 0:e[t],s=()=>r()?void 0:e[t++];return{isEof:r,peek:o,next:s,mark:()=>t,reset:e=>{t=e},expect:e=>{const t=s();return n(t,`[@react-hive/honey-css]: Expected "${e}" but reached end of input.`),n(t.type===e,`[@react-hive/honey-css]: Expected "${e}" but got "${t.type}".`),t},readUntil:e=>{let t,n="";for(;!r();){const r=o();if(!r||e.includes(r.type))break;"text"===r.type?("text"===t&&n&&(n+=" "),n+=r.value):"string"===r.type?n+=`"${r.value}"`:"params"===r.type&&(n+=r.value),t=r.type,s()}return n.trim()},skipUntil:e=>{for(;!r();){const t=o();if(!t||e.includes(t.type))break;s()}}}},o=e=>{const t=[],n=()=>t.join("").trim();for(;!e.isEof();){const r=e.peek();if(!r)break;switch(r.type){case"braceOpen":case"braceClose":default:return n();case"colon":t.push(":");break;case"text":case"params":t.push(r.value);break;case"string":t.push(`"${r.value}"`)}e.next()}return n()},s=e=>{const t=e.peek();if(!t)return"";if("colon"===t.type)return o(e);const n=e.mark(),r=o(e);return"braceOpen"===e.peek()?.type?r:(e.reset(n),e.readUntil(["colon","braceOpen","semicolon","braceClose","at"]))},c=(e,t)=>{e.expect("colon");const n=e.readUntil(["semicolon","braceClose"]);return"semicolon"===e.peek()?.type&&e.next(),{type:"declaration",prop:t,value:n}},i=(e,t)=>{let n=0,r=0,o=0,s=null,c=!1;for(let i=0;i<e.length;i++){const a=e.charCodeAt(i);if(c)c=!1;else if(92!==a)if(null===s)if(34!==a&&39!==a)if(40!==a)if(41!==a)if(91!==a)if(93!==a){if(44===a&&0===r&&0===o){const r=e.slice(n,i).trim();r&&t(r),n=i+1}}else o--;else o++;else r--;else r++;else s=a;else a===s&&(s=null);else c=!0}const i=e.slice(n).trim();i&&t(i)},a=(e,t)=>{const n=e.trim();if(!n)return"";const r=t.trim();if(!r)return n;const o=-1!==r.indexOf(","),s=-1!==n.indexOf(","),c=-1!==n.indexOf("&");if(!o&&!s)return c?n.replaceAll("&",r):`${r} ${n}`;const a=[];return i(r,e=>{i(n,t=>{t.includes("&")?a.push(t.replaceAll("&",e)):a.push(`${e} ${t}`)})}),a.join(", ")},p=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(p).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(p).join("");return n?`@${e.name}${t}{${n}}`:""})(e);default:return""}},l=e=>e.body.map(p).filter(Boolean).join(""),u=(e,t)=>(e.expect("braceOpen"),{type:"rule",selector:t,body:y(e)}),f=(e,{stopAtBraceClose:t})=>{const n=[];for(;!e.isEof();){const r=e.peek();if(!r)break;if(t&&"braceClose"===r.type){e.next();break}if("semicolon"===r.type){e.next();continue}if("at"===r.type){n.push(b(e));continue}const o=s(e);o?"colon"!==e.peek()?.type?"braceOpen"!==e.peek()?.type?e.next():n.push(u(e,o)):n.push(c(e,o)):e.next()}return n},y=e=>f(e,{stopAtBraceClose:!0}),b=e=>{e.expect("at");const t=e.readUntil(["semicolon","braceOpen"]),{name:n,params:r}=(e=>{const t=e.trim();if(!t)return{name:"",params:void 0};let n=0;const r=t.length;for(;n<r;){const e=t[n];if(" "===e||"\t"===e||"\n"===e||"\r"===e||"\f"===e||"("===e)break;n++}const o=t.slice(0,n);for(;n<r;){const e=t[n];if(" "!==e&&"\t"!==e&&"\n"!==e&&"\r"!==e&&"\f"!==e)break;n++}return{name:o,params:t.slice(n)||void 0}})(t);let o=r;if("params"===e.peek()?.type){const t=e.expect("params").value;o=o?`${o}${t}`:t}return"braceOpen"===e.peek()?.type?{type:"atRule",name:n,params:o,body:y(e)}:("semicolon"===e.peek()?.type&&e.next(),{type:"atRule",name:n,params:o,body:null})},m=e=>{const n=t(e),o=r(n);return{type:"stylesheet",body:f(o,{stopAtBraceClose:!1})}};
+//# sourceMappingURL=index.mjs.map
+
+/***/ },
+
+/***/ "./node_modules/.pnpm/@react-hive+honey-utils@3.24.0/node_modules/@react-hive/honey-utils/dist/index.mjs"
+/*!***************************************************************************************************************!*\
+  !*** ./node_modules/.pnpm/@react-hive+honey-utils@3.24.0/node_modules/@react-hive/honey-utils/dist/index.mjs ***!
+  \***************************************************************************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   FOCUSABLE_HTML_TAGS: () => (/* binding */ a),
 /* harmony export */   applyInertiaStep: () => (/* binding */ ye),
 /* harmony export */   assert: () => (/* binding */ s),
-/* harmony export */   blobToFile: () => (/* binding */ he),
-/* harmony export */   calculateCenterOffset: () => (/* binding */ ae),
+/* harmony export */   blobToFile: () => (/* binding */ fe),
+/* harmony export */   calculateCenterOffset: () => (/* binding */ le),
 /* harmony export */   calculateEuclideanDistance: () => (/* binding */ Me),
 /* harmony export */   calculateMovingSpeed: () => (/* binding */ Se),
 /* harmony export */   calculatePercentage: () => (/* binding */ Ae),
-/* harmony export */   camelToDashCase: () => (/* binding */ Ee),
-/* harmony export */   camelToWords: () => (/* binding */ Oe),
+/* harmony export */   camelToDashCase: () => (/* binding */ ke),
+/* harmony export */   camelToWords: () => (/* binding */ Ee),
 /* harmony export */   centerElementInContainer: () => (/* binding */ ie),
-/* harmony export */   chunk: () => (/* binding */ _),
+/* harmony export */   chunk: () => (/* binding */ T),
 /* harmony export */   cloneBlob: () => (/* binding */ e),
-/* harmony export */   compact: () => (/* binding */ T),
-/* harmony export */   compose: () => (/* binding */ R),
-/* harmony export */   definedProps: () => (/* binding */ ke),
+/* harmony export */   compact: () => (/* binding */ P),
+/* harmony export */   compose: () => (/* binding */ Y),
+/* harmony export */   definedProps: () => (/* binding */ Ce),
 /* harmony export */   delay: () => (/* binding */ q),
-/* harmony export */   difference: () => (/* binding */ L),
+/* harmony export */   difference: () => (/* binding */ _),
 /* harmony export */   downloadFile: () => (/* binding */ ee),
 /* harmony export */   everyAsync: () => (/* binding */ V),
-/* harmony export */   fileListToFiles: () => (/* binding */ fe),
+/* harmony export */   fileListToFiles: () => (/* binding */ he),
 /* harmony export */   filterParallel: () => (/* binding */ B),
-/* harmony export */   filterSequential: () => (/* binding */ W),
+/* harmony export */   filterSequential: () => (/* binding */ H),
 /* harmony export */   findAsync: () => (/* binding */ G),
-/* harmony export */   findCharIndices: () => (/* binding */ _e),
-/* harmony export */   forEachChar: () => (/* binding */ ze),
-/* harmony export */   generateEphemeralId: () => (/* binding */ pe),
+/* harmony export */   findCharIndices: () => (/* binding */ Te),
+/* harmony export */   flattenTree: () => (/* binding */ Ye),
+/* harmony export */   forEachChar: () => (/* binding */ Xe),
+/* harmony export */   generateEphemeralId: () => (/* binding */ we),
 /* harmony export */   getDOMRectIntersectionRatio: () => (/* binding */ be),
 /* harmony export */   getElementOffsetRect: () => (/* binding */ t),
 /* harmony export */   getFocusableHtmlElements: () => (/* binding */ i),
 /* harmony export */   getLocalStorageCapabilities: () => (/* binding */ ce),
-/* harmony export */   getWordsInitials: () => (/* binding */ Le),
+/* harmony export */   getTreeChildren: () => (/* binding */ Re),
+/* harmony export */   getWordsInitials: () => (/* binding */ _e),
 /* harmony export */   getXOverflowWidth: () => (/* binding */ ne),
-/* harmony export */   getYOverflowHeight: () => (/* binding */ le),
+/* harmony export */   getYOverflowHeight: () => (/* binding */ ae),
 /* harmony export */   hasXOverflow: () => (/* binding */ te),
 /* harmony export */   hasYOverflow: () => (/* binding */ re),
 /* harmony export */   hashString: () => (/* binding */ ve),
-/* harmony export */   intersection: () => (/* binding */ z),
-/* harmony export */   invokeIfFunction: () => (/* binding */ ge),
+/* harmony export */   intersection: () => (/* binding */ X),
+/* harmony export */   invokeIfFunction: () => (/* binding */ pe),
 /* harmony export */   isAnchorHtmlElement: () => (/* binding */ n),
-/* harmony export */   isArray: () => (/* binding */ O),
-/* harmony export */   isBlob: () => (/* binding */ p),
+/* harmony export */   isArray: () => (/* binding */ E),
+/* harmony export */   isBlob: () => (/* binding */ w),
 /* harmony export */   isBool: () => (/* binding */ m),
 /* harmony export */   isContentEditableHtmlElement: () => (/* binding */ r),
 /* harmony export */   isDate: () => (/* binding */ y),
-/* harmony export */   isDecimal: () => (/* binding */ E),
-/* harmony export */   isDefined: () => (/* binding */ f),
-/* harmony export */   isEmptyArray: () => (/* binding */ P),
-/* harmony export */   isEmptyObject: () => (/* binding */ w),
+/* harmony export */   isDecimal: () => (/* binding */ k),
+/* harmony export */   isDefined: () => (/* binding */ h),
+/* harmony export */   isEmptyArray: () => (/* binding */ L),
+/* harmony export */   isEmptyObject: () => (/* binding */ g),
 /* harmony export */   isError: () => (/* binding */ b),
 /* harmony export */   isFile: () => (/* binding */ ue),
-/* harmony export */   isFiniteNumber: () => (/* binding */ k),
-/* harmony export */   isFunction: () => (/* binding */ $),
-/* harmony export */   isHtmlElementFocusable: () => (/* binding */ a),
-/* harmony export */   isInteger: () => (/* binding */ C),
+/* harmony export */   isFiniteNumber: () => (/* binding */ C),
+/* harmony export */   isFunction: () => (/* binding */ N),
+/* harmony export */   isHtmlElementFocusable: () => (/* binding */ l),
+/* harmony export */   isInteger: () => (/* binding */ I),
 /* harmony export */   isLocalStorageReadable: () => (/* binding */ se),
 /* harmony export */   isMap: () => (/* binding */ S),
 /* harmony export */   isNil: () => (/* binding */ u),
-/* harmony export */   isNilOrEmptyString: () => (/* binding */ Te),
+/* harmony export */   isNilOrEmptyString: () => (/* binding */ Pe),
 /* harmony export */   isNull: () => (/* binding */ c),
 /* harmony export */   isNumber: () => (/* binding */ d),
-/* harmony export */   isObject: () => (/* binding */ g),
-/* harmony export */   isPromise: () => (/* binding */ j),
+/* harmony export */   isObject: () => (/* binding */ p),
+/* harmony export */   isPromise: () => (/* binding */ F),
 /* harmony export */   isRegExp: () => (/* binding */ M),
 /* harmony export */   isSet: () => (/* binding */ A),
 /* harmony export */   isString: () => (/* binding */ Q),
 /* harmony export */   isSymbol: () => (/* binding */ v),
-/* harmony export */   isUndefined: () => (/* binding */ h),
+/* harmony export */   isUndefined: () => (/* binding */ f),
 /* harmony export */   isValidDate: () => (/* binding */ x),
 /* harmony export */   moveFocusWithinContainer: () => (/* binding */ o),
-/* harmony export */   noop: () => (/* binding */ N),
-/* harmony export */   not: () => (/* binding */ F),
-/* harmony export */   once: () => (/* binding */ I),
+/* harmony export */   noop: () => (/* binding */ R),
+/* harmony export */   not: () => (/* binding */ $),
+/* harmony export */   once: () => (/* binding */ j),
 /* harmony export */   parse2DMatrix: () => (/* binding */ oe),
-/* harmony export */   parseFileName: () => (/* binding */ Xe),
-/* harmony export */   pipe: () => (/* binding */ Y),
+/* harmony export */   parseFileName: () => (/* binding */ Oe),
+/* harmony export */   pipe: () => (/* binding */ z),
 /* harmony export */   readFilesFromDataTransfer: () => (/* binding */ me),
 /* harmony export */   reduceAsync: () => (/* binding */ Z),
 /* harmony export */   resolveAxisDelta: () => (/* binding */ xe),
-/* harmony export */   resolveBoundedDelta: () => (/* binding */ we),
+/* harmony export */   resolveBoundedDelta: () => (/* binding */ ge),
 /* harmony export */   retry: () => (/* binding */ K),
-/* harmony export */   runParallel: () => (/* binding */ H),
+/* harmony export */   runParallel: () => (/* binding */ W),
 /* harmony export */   runSequential: () => (/* binding */ U),
+/* harmony export */   searchTree: () => (/* binding */ Ne),
 /* harmony export */   someAsync: () => (/* binding */ D),
-/* harmony export */   splitStringIntoWords: () => (/* binding */ Pe),
+/* harmony export */   splitMapJoin: () => (/* binding */ ze),
+/* harmony export */   splitStringIntoWords: () => (/* binding */ Le),
 /* harmony export */   timeout: () => (/* binding */ J),
-/* harmony export */   toKebabCase: () => (/* binding */ Ce),
+/* harmony export */   toKebabCase: () => (/* binding */ Ie),
 /* harmony export */   traverseFileSystemDirectory: () => (/* binding */ de),
-/* harmony export */   unique: () => (/* binding */ X)
+/* harmony export */   unique: () => (/* binding */ O)
 /* harmony export */ });
-const e=e=>new Blob([e],{type:e.type}),t=e=>new DOMRect(e.offsetLeft,e.offsetTop,e.clientWidth,e.clientHeight),n=e=>"A"===e.tagName,r=e=>"true"===e.getAttribute("contenteditable"),l=["INPUT","SELECT","TEXTAREA","BUTTON","A"],a=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 a=e.getAttribute("tabindex");return"-1"!==a&&(l.includes(e.tagName)?!n(e)||""!==e.href:!!r(e)||null!==a)},i=e=>Array.from(e.querySelectorAll("*")).filter(a),o=(e,t=null,{wrap:n=!0,getNextIndex:r}={})=>{const l=document.activeElement,a=t??l?.parentElement;if(!l||!a)return;const o=i(a);if(0===o.length)return;const s=o.indexOf(l);if(-1===s)return;let c;r?c=r(s,e,o):"next"===e?(c=s+1,c>=o.length&&(c=n?0:null)):(c=s-1,c<0&&(c=n?o.length-1:null)),null!==c&&o[c]?.focus()};function s(e,t){if(!e)throw new Error(t)}const c=e=>null===e,u=e=>null==e,f=e=>null!=e,h=e=>void 0===e,d=e=>"number"==typeof e,m=e=>"boolean"==typeof e,g=e=>"object"==typeof e,w=e=>g(e)&&!c(e)&&0===Object.keys(e).length,y=e=>e instanceof Date,p=e=>e instanceof Blob,b=e=>e instanceof Error,x=e=>y(e)&&!isNaN(e.getTime()),M=e=>e instanceof RegExp,S=e=>e instanceof Map,A=e=>e instanceof Set,v=e=>"symbol"==typeof e,k=e=>d(e)&&isFinite(e),C=e=>d(e)&&Number.isInteger(e),E=e=>k(e)&&!Number.isInteger(e),O=e=>Array.isArray(e),P=e=>O(e)&&0===e.length,T=e=>e.filter(Boolean),X=e=>[...new Set(e)],_=(e,t)=>(s(t>0,"Chunk size must be greater than 0"),Array.from({length:Math.ceil(e.length/t)},(n,r)=>e.slice(r*t,(r+1)*t))),z=(...e)=>{if(0===e.length)return[];if(1===e.length)return[...e[0]];const[t,...n]=e;return X(t).filter(e=>n.every(t=>t.includes(e)))},L=(e,t)=>e.filter(e=>!t.includes(e)),Y=(...e)=>t=>e.reduce((e,t)=>t(e),t),R=(...e)=>t=>e.reduceRight((e,t)=>t(e),t),N=()=>{},$=e=>"function"==typeof e,F=e=>(...t)=>!e(...t),I=e=>{let t,n=!1;return function(...r){return n||(n=!0,t=e.apply(this,r)),t}},j=e=>$(e?.then),U=async(e,t)=>{const n=[];for(let r=0;r<e.length;r++)n.push(await t(e[r],r,e));return n},H=async(e,t)=>Promise.all(e.map(t)),W=async(e,t)=>{const n=[];for(let r=0;r<e.length;r++){const l=e[r];await t(l,r,e)&&n.push(l)}return n},B=async(e,t)=>{const n=await H(e,async(e,n,r)=>!!await t(e,n,r)&&e);return T(n)},D=async(e,t)=>{for(let n=0;n<e.length;n++)if(await t(e[n],n,e))return!0;return!1},V=async(e,t)=>{for(let n=0;n<e.length;n++)if(!await t(e[n],n,e))return!1;return!0},Z=async(e,t,n)=>{let r=n;for(let n=0;n<e.length;n++)r=await t(r,e[n],n,e);return r},G=async(e,t)=>{for(let n=0;n<e.length;n++)if(await t(e[n],n,e))return e[n];return null},q=e=>new Promise(t=>setTimeout(t,e)),J=async(e,t,n="Operation timed out")=>{try{return await Promise.race([e,q(t).then(()=>Promise.reject(new Error(n)))])}finally{}},K=(e,{maxAttempts:t=3,delayMs:n=300,backoff:r=!0,onRetry:l}={})=>async(...a)=>{let i;for(let o=1;o<=t;o++)try{return await e(...a)}catch(e){if(i=e,o<t){l?.(o,e);const t=r?n*2**(o-1):n;await q(t)}}throw i},Q=e=>"string"==typeof e,ee=(e,{fileName:t,target:n}={})=>{if(h(document))return;const r=document.createElement("a");let l=null;try{const a=Q(e)?e:l=URL.createObjectURL(e);r.href=a,t&&(r.download=t),n&&(r.target=n),document.body.appendChild(r),r.click()}finally{r.remove(),l&&setTimeout(()=>{s(l,"Object URL should not be null"),URL.revokeObjectURL(l)},0)}},te=e=>e.scrollWidth>e.clientWidth,ne=e=>Math.max(0,e.scrollWidth-e.clientWidth),re=e=>e.scrollHeight>e.clientHeight,le=e=>Math.max(0,e.scrollHeight-e.clientHeight),ae=({overflowSize:e,containerSize:t,elementOffset:n,elementSize:r})=>{if(e<=0)return 0;const l=n+r/2-t/2;return-Math.max(0,Math.min(l,e))},ie=(e,t,{axis:n="both"}={})=>{let r=0,l=0;"x"!==n&&"both"!==n||(r=ae({overflowSize:ne(e),containerSize:e.clientWidth,elementOffset:t.offsetLeft,elementSize:t.clientWidth})),"y"!==n&&"both"!==n||(l=ae({overflowSize:le(e),containerSize:e.clientHeight,elementOffset:t.offsetTop,elementSize:t.clientHeight})),e.style.transform=`translate(${r}px, ${l}px)`},oe=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[n,r,l,a,i,o]=t[1].split(", ").map(parseFloat);return{translateX:i,translateY:o,scaleX:n,scaleY:a,skewX:l,skewY:r}},se=()=>{if("undefined"==typeof window||!window.localStorage)return!1;try{return window.localStorage.getItem("__non_existing_key__"),!0}catch{return!1}},ce=()=>{if(!se())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}},ue=e=>e instanceof File,fe=e=>{if(!e)return[];const t=[];for(let n=0;n<e.length;n++)t.push(e[n]);return t},he=(e,t)=>new File([e],t,{type:e.type}),de=async(e,{skipFiles:t=[".DS_Store","Thumbs.db","desktop.ini","ehthumbs.db",".Spotlight-V100",".Trashes",".fseventsd","__MACOSX"]}={})=>{const n=new Set(t),r=await(async e=>{const t=e.createReader(),n=async()=>new Promise((e,r)=>{t.readEntries(async t=>{if(t.length)try{const r=await n();e([...t,...r])}catch(e){r(e)}else e([])},r)});return n()})(e);return(await H(r,async e=>e.isDirectory?de(e,{skipFiles:t}):n.has(e.name)?[]:[await new Promise((t,n)=>{e.file(t,n)})])).flat()},me=async(e,t={})=>{const n=e?.items;if(!n)return[];const r=[];for(let e=0;e<n.length;e++){const l=n[e];if("webkitGetAsEntry"in l){const e=l.webkitGetAsEntry?.();if(e?.isDirectory){r.push(de(e,t));continue}if(e?.isFile){r.push(new Promise((t,n)=>e.file(e=>t([e]),n)));continue}}const a=l.getAsFile();a&&r.push(Promise.resolve([a]))}return(await Promise.all(r)).flat()},ge=(e,...t)=>"function"==typeof e?e(...t):e,we=({delta:e,value:t,min:n,max:r})=>{if(0===e)return null;const l=t+e;return e<0?t<=n?null:Math.max(l,n):e>0?t>=r?null:Math.min(l,r):null},ye=({value:e,min:t,max:n,velocityPxMs:r,deltaTimeMs:l,friction:a=.002,minVelocityPxMs:i=.01,emaAlpha:o=.2})=>{if(Math.abs(r)<i)return null;const s=we({delta:r*l,value:e,min:t,max:n});if(null===s)return null;const c=r*Math.exp(-a*l),u=o>0?r*(1-o)+c*o:c;return Math.abs(u)<i?null:{value:s,velocityPxMs:u}},pe=()=>`${Math.floor(1e3*performance.now()).toString(36)}${Math.random().toString(36).slice(2,10)}`,be=(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),xe=(e,t,{allowFallback:n=!0,invert:r=!0}={})=>{const l=r?-1:1;switch(t){case"x":return{deltaX:l*(0!==e.deltaX?e.deltaX:n?e.deltaY:0),deltaY:0};case"y":return{deltaX:0,deltaY:l*e.deltaY};default:return{deltaX:l*e.deltaX,deltaY:l*e.deltaY}}},Me=(e,t,n,r)=>{const l=n-e,a=r-t;return Math.hypot(l,a)},Se=(e,t)=>Math.abs(e/t),Ae=(e,t)=>e*t/100,ve=e=>{let t=5381;for(let n=0;n<e.length;n++)t=33*t^e.charCodeAt(n);return(t>>>0).toString(36)},ke=e=>Object.entries(e).reduce((e,[t,n])=>(void 0!==n&&(e[t]=n),e),{}),Ce=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),Ee=e=>{const t=e.charAt(0),n=e.slice(1);return t.toLowerCase()+n.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)},Oe=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1 $2"),Pe=e=>0===e.length?[]:e.split(" ").filter(Boolean),Te=e=>""===e||u(e),Xe=e=>{const t=e.lastIndexOf(".");return t<=0||t===e.length-1?[e,""]:[e.slice(0,t),e.slice(t+1).toLowerCase()]},_e=(e,t)=>{if(0===e.length)return[];const n=t.charCodeAt(0),r=[];for(let t=0;t<e.length;t++)e.charCodeAt(t)===n&&r.push(t);return r},ze=(e,t,n)=>{if(0===e.length)return;const r=e.length;for(let l=0;l<r;l++){const a=e[l],i={charIndex:l,prevChar:l>0?e[l-1]:null,nextChar:l<r-1?e[l+1]:null};n?.(a,i)||t(a,i)}},Le=(e,t=1/0)=>0===e.length?"":Pe(e).slice(0,t).map(e=>e[0]).join("").toUpperCase();
+const e=e=>new Blob([e],{type:e.type}),t=e=>new DOMRect(e.offsetLeft,e.offsetTop,e.clientWidth,e.clientHeight),n=e=>"A"===e.tagName,r=e=>"true"===e.getAttribute("contenteditable"),a=["INPUT","SELECT","TEXTAREA","BUTTON","A"],l=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 l=e.getAttribute("tabindex");return"-1"!==l&&(a.includes(e.tagName)?!n(e)||""!==e.href:!!r(e)||null!==l)},i=e=>Array.from(e.querySelectorAll("*")).filter(l),o=(e,t=null,{wrap:n=!0,getNextIndex:r}={})=>{const a=document.activeElement,l=t??a?.parentElement;if(!a||!l)return;const o=i(l);if(0===o.length)return;const s=o.indexOf(a);if(-1===s)return;let c;r?c=r(s,e,o):"next"===e?(c=s+1,c>=o.length&&(c=n?0:null)):(c=s-1,c<0&&(c=n?o.length-1:null)),null!==c&&o[c]?.focus()};function s(e,t){if(!e)throw new Error(t)}const c=e=>null===e,u=e=>null==e,h=e=>null!=e,f=e=>void 0===e,d=e=>"number"==typeof e,m=e=>"boolean"==typeof e,p=e=>"object"==typeof e,g=e=>p(e)&&!c(e)&&0===Object.keys(e).length,y=e=>e instanceof Date,w=e=>e instanceof Blob,b=e=>e instanceof Error,x=e=>y(e)&&!isNaN(e.getTime()),M=e=>e instanceof RegExp,S=e=>e instanceof Map,A=e=>e instanceof Set,v=e=>"symbol"==typeof e,C=e=>d(e)&&isFinite(e),I=e=>d(e)&&Number.isInteger(e),k=e=>C(e)&&!Number.isInteger(e),E=e=>Array.isArray(e),L=e=>E(e)&&0===e.length,P=e=>e.filter(Boolean),O=e=>[...new Set(e)],T=(e,t)=>(s(t>0,"Chunk size must be greater than 0"),Array.from({length:Math.ceil(e.length/t)},(n,r)=>e.slice(r*t,(r+1)*t))),X=(...e)=>{if(0===e.length)return[];if(1===e.length)return[...e[0]];const[t,...n]=e;return O(t).filter(e=>n.every(t=>t.includes(e)))},_=(e,t)=>e.filter(e=>!t.includes(e)),z=(...e)=>t=>e.reduce((e,t)=>t(e),t),Y=(...e)=>t=>e.reduceRight((e,t)=>t(e),t),R=()=>{},N=e=>"function"==typeof e,$=e=>(...t)=>!e(...t),j=e=>{let t,n=!1;return function(...r){return n||(n=!0,t=e.apply(this,r)),t}},F=e=>N(e?.then),U=async(e,t)=>{const n=[];for(let r=0;r<e.length;r++)n.push(await t(e[r],r,e));return n},W=async(e,t)=>Promise.all(e.map(t)),H=async(e,t)=>{const n=[];for(let r=0;r<e.length;r++){const a=e[r];await t(a,r,e)&&n.push(a)}return n},B=async(e,t)=>{const n=await W(e,async(e,n,r)=>!!await t(e,n,r)&&e);return P(n)},D=async(e,t)=>{for(let n=0;n<e.length;n++)if(await t(e[n],n,e))return!0;return!1},V=async(e,t)=>{for(let n=0;n<e.length;n++)if(!await t(e[n],n,e))return!1;return!0},Z=async(e,t,n)=>{let r=n;for(let n=0;n<e.length;n++)r=await t(r,e[n],n,e);return r},G=async(e,t)=>{for(let n=0;n<e.length;n++)if(await t(e[n],n,e))return e[n];return null},q=e=>new Promise(t=>setTimeout(t,e)),J=async(e,t,n="Operation timed out")=>{try{return await Promise.race([e,q(t).then(()=>Promise.reject(new Error(n)))])}finally{}},K=(e,{maxAttempts:t=3,delayMs:n=300,backoff:r=!0,onRetry:a}={})=>async(...l)=>{let i;for(let o=1;o<=t;o++)try{return await e(...l)}catch(e){if(i=e,o<t){a?.(o,e);const t=r?n*2**(o-1):n;await q(t)}}throw i},Q=e=>"string"==typeof e,ee=(e,{fileName:t,target:n}={})=>{if(f(document))return;const r=document.createElement("a");let a=null;try{const l=Q(e)?e:a=URL.createObjectURL(e);r.href=l,t&&(r.download=t),n&&(r.target=n),document.body.appendChild(r),r.click()}finally{r.remove(),a&&setTimeout(()=>{s(a,"Object URL should not be null"),URL.revokeObjectURL(a)},0)}},te=e=>e.scrollWidth>e.clientWidth,ne=e=>Math.max(0,e.scrollWidth-e.clientWidth),re=e=>e.scrollHeight>e.clientHeight,ae=e=>Math.max(0,e.scrollHeight-e.clientHeight),le=({overflowSize:e,containerSize:t,elementOffset:n,elementSize:r})=>{if(e<=0)return 0;const a=n+r/2-t/2;return-Math.max(0,Math.min(a,e))},ie=(e,t,{axis:n="both"}={})=>{let r=0,a=0;"x"!==n&&"both"!==n||(r=le({overflowSize:ne(e),containerSize:e.clientWidth,elementOffset:t.offsetLeft,elementSize:t.clientWidth})),"y"!==n&&"both"!==n||(a=le({overflowSize:ae(e),containerSize:e.clientHeight,elementOffset:t.offsetTop,elementSize:t.clientHeight})),e.style.transform=`translate(${r}px, ${a}px)`},oe=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[n,r,a,l,i,o]=t[1].split(", ").map(parseFloat);return{translateX:i,translateY:o,scaleX:n,scaleY:l,skewX:a,skewY:r}},se=()=>{if("undefined"==typeof window||!window.localStorage)return!1;try{return window.localStorage.getItem("__non_existing_key__"),!0}catch{return!1}},ce=()=>{if(!se())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}},ue=e=>e instanceof File,he=e=>{if(!e)return[];const t=[];for(let n=0;n<e.length;n++)t.push(e[n]);return t},fe=(e,t)=>new File([e],t,{type:e.type}),de=async(e,{skipFiles:t=[".DS_Store","Thumbs.db","desktop.ini","ehthumbs.db",".Spotlight-V100",".Trashes",".fseventsd","__MACOSX"]}={})=>{const n=new Set(t),r=await(async e=>{const t=e.createReader(),n=async()=>new Promise((e,r)=>{t.readEntries(async t=>{if(t.length)try{const r=await n();e([...t,...r])}catch(e){r(e)}else e([])},r)});return n()})(e);return(await W(r,async e=>e.isDirectory?de(e,{skipFiles:t}):n.has(e.name)?[]:[await new Promise((t,n)=>{e.file(t,n)})])).flat()},me=async(e,t={})=>{const n=e?.items;if(!n)return[];const r=[];for(let e=0;e<n.length;e++){const a=n[e];if("webkitGetAsEntry"in a){const e=a.webkitGetAsEntry?.();if(e?.isDirectory){r.push(de(e,t));continue}if(e?.isFile){r.push(new Promise((t,n)=>e.file(e=>t([e]),n)));continue}}const l=a.getAsFile();l&&r.push(Promise.resolve([l]))}return(await Promise.all(r)).flat()},pe=(e,...t)=>"function"==typeof e?e(...t):e,ge=({delta:e,value:t,min:n,max:r})=>{if(0===e)return null;const a=t+e;return e<0?t<=n?null:Math.max(a,n):e>0?t>=r?null:Math.min(a,r):null},ye=({value:e,min:t,max:n,velocityPxMs:r,deltaTimeMs:a,friction:l=.002,minVelocityPxMs:i=.01,emaAlpha:o=.2})=>{if(Math.abs(r)<i)return null;const s=ge({delta:r*a,value:e,min:t,max:n});if(null===s)return null;const c=r*Math.exp(-l*a),u=o>0?r*(1-o)+c*o:c;return Math.abs(u)<i?null:{value:s,velocityPxMs:u}},we=()=>`${Math.floor(1e3*performance.now()).toString(36)}${Math.random().toString(36).slice(2,10)}`,be=(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),xe=(e,t,{allowFallback:n=!0,invert:r=!0}={})=>{const a=r?-1:1;switch(t){case"x":return{deltaX:a*(0!==e.deltaX?e.deltaX:n?e.deltaY:0),deltaY:0};case"y":return{deltaX:0,deltaY:a*e.deltaY};default:return{deltaX:a*e.deltaX,deltaY:a*e.deltaY}}},Me=(e,t,n,r)=>{const a=n-e,l=r-t;return Math.hypot(a,l)},Se=(e,t)=>Math.abs(e/t),Ae=(e,t)=>e*t/100,ve=e=>{let t=5381;for(let n=0;n<e.length;n++)t=33*t^e.charCodeAt(n);return(t>>>0).toString(36)},Ce=e=>Object.entries(e).reduce((e,[t,n])=>(void 0!==n&&(e[t]=n),e),{}),Ie=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),ke=e=>{const t=e.charAt(0),n=e.slice(1);return t.toLowerCase()+n.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)},Ee=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1 $2"),Le=e=>0===e.length?[]:e.split(" ").filter(Boolean),Pe=e=>""===e||u(e),Oe=e=>{const t=e.lastIndexOf(".");return t<=0||t===e.length-1?[e,""]:[e.slice(0,t),e.slice(t+1).toLowerCase()]},Te=(e,t)=>{if(0===e.length)return[];const n=t.charCodeAt(0),r=[];for(let t=0;t<e.length;t++)e.charCodeAt(t)===n&&r.push(t);return r},Xe=(e,t,n)=>{if(0===e.length)return;const r=e.length;for(let a=0;a<r;a++){const l=e[a],i={charIndex:a,prevChar:a>0?e[a-1]:null,nextChar:a<r-1?e[a+1]:null};n?.(l,i)||t(l,i)}},_e=(e,t=1/0)=>0===e.length?"":Le(e).slice(0,t).map(e=>e[0]).join("").toUpperCase(),ze=(e,t,n,r=t)=>e.split(t).map((e,t)=>n(e.trim(),t)).join(r),Ye=(e,t,n,r=[],a=void 0,l=0)=>(e?.forEach(e=>{const{[n]:i,...o}=e,s=e[n],c=Array.isArray(s);if(r.push({...o,parentId:a,depthLevel:l,childCount:c?s.length:0}),c){const a=e[t];Ye(s,t,n,r,a,l+1)}}),r),Re=(e,t,n)=>e.filter(e=>e.parentId===t&&(!n||n(e))),Ne=(e,t,n,r)=>{const a=Le(r.toLowerCase());if(!a.length)return e;const l=e.reduce((e,n,r)=>(e[n[t]]=r,e),{});return e.reduce((r,i)=>{const o=i[n];if(!o)return r;if(r.some(e=>e[t]===i[t]))return r;const u=Le(o.toLowerCase());if(a.every(e=>u.some(t=>t.startsWith(e))))if(f(i.parentId)){r.push(i);const n=a=>{a.childCount&&e.forEach(e=>{e.parentId===a[t]&&(r.push(e),n(e))})};n(i)}else{const t=n=>{const a=l[n.parentId],i=e[a];f(i.parentId)||t(i);const o=r.length?r[r.length-1].parentId:null;(c(o)||o!==n.parentId)&&(s(i,"[@react-hive/honey-utils]: Parent node was not found."),r.push(i))};t(i),r.push(i)}return r},[])};
 //# sourceMappingURL=index.mjs.map
 
-/***/ },
-
-/***/ "./node_modules/stylis/src/Enum.js"
-/*!*****************************************!*\
-  !*** ./node_modules/stylis/src/Enum.js ***!
-  \*****************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   CHARSET: () => (/* binding */ CHARSET),
-/* harmony export */   COMMENT: () => (/* binding */ COMMENT),
-/* harmony export */   COUNTER_STYLE: () => (/* binding */ COUNTER_STYLE),
-/* harmony export */   DECLARATION: () => (/* binding */ DECLARATION),
-/* harmony export */   DOCUMENT: () => (/* binding */ DOCUMENT),
-/* harmony export */   FONT_FACE: () => (/* binding */ FONT_FACE),
-/* harmony export */   FONT_FEATURE_VALUES: () => (/* binding */ FONT_FEATURE_VALUES),
-/* harmony export */   IMPORT: () => (/* binding */ IMPORT),
-/* harmony export */   KEYFRAMES: () => (/* binding */ KEYFRAMES),
-/* harmony export */   LAYER: () => (/* binding */ LAYER),
-/* harmony export */   MEDIA: () => (/* binding */ MEDIA),
-/* harmony export */   MOZ: () => (/* binding */ MOZ),
-/* harmony export */   MS: () => (/* binding */ MS),
-/* harmony export */   NAMESPACE: () => (/* binding */ NAMESPACE),
-/* harmony export */   PAGE: () => (/* binding */ PAGE),
-/* harmony export */   RULESET: () => (/* binding */ RULESET),
-/* harmony export */   SCOPE: () => (/* binding */ SCOPE),
-/* harmony export */   SUPPORTS: () => (/* binding */ SUPPORTS),
-/* harmony export */   VIEWPORT: () => (/* binding */ VIEWPORT),
-/* harmony export */   WEBKIT: () => (/* binding */ WEBKIT)
-/* harmony export */ });
-var MS = '-ms-'
-var MOZ = '-moz-'
-var WEBKIT = '-webkit-'
-
-var COMMENT = 'comm'
-var RULESET = 'rule'
-var DECLARATION = 'decl'
-
-var PAGE = '@page'
-var MEDIA = '@media'
-var IMPORT = '@import'
-var CHARSET = '@charset'
-var VIEWPORT = '@viewport'
-var SUPPORTS = '@supports'
-var DOCUMENT = '@document'
-var NAMESPACE = '@namespace'
-var KEYFRAMES = '@keyframes'
-var FONT_FACE = '@font-face'
-var COUNTER_STYLE = '@counter-style'
-var FONT_FEATURE_VALUES = '@font-feature-values'
-var LAYER = '@layer'
-var SCOPE = '@scope'
-
-
-/***/ },
-
-/***/ "./node_modules/stylis/src/Middleware.js"
-/*!***********************************************!*\
-  !*** ./node_modules/stylis/src/Middleware.js ***!
-  \***********************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   middleware: () => (/* binding */ middleware),
-/* harmony export */   namespace: () => (/* binding */ namespace),
-/* harmony export */   prefixer: () => (/* binding */ prefixer),
-/* harmony export */   rulesheet: () => (/* binding */ rulesheet)
-/* harmony export */ });
-/* harmony import */ var _Enum_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Enum.js */ "./node_modules/stylis/src/Enum.js");
-/* harmony import */ var _Utility_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utility.js */ "./node_modules/stylis/src/Utility.js");
-/* harmony import */ var _Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Tokenizer.js */ "./node_modules/stylis/src/Tokenizer.js");
-/* harmony import */ var _Serializer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Serializer.js */ "./node_modules/stylis/src/Serializer.js");
-/* harmony import */ var _Prefixer_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Prefixer.js */ "./node_modules/stylis/src/Prefixer.js");
-
-
-
-
-
-
-/**
- * @param {function[]} collection
- * @return {function}
- */
-function middleware (collection) {
-	var length = (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.sizeof)(collection)
-
-	return function (element, index, children, callback) {
-		var output = ''
-
-		for (var i = 0; i < length; i++)
-			output += collection[i](element, index, children, callback) || ''
-
-		return output
-	}
-}
-
-/**
- * @param {function} callback
- * @return {function}
- */
-function rulesheet (callback) {
-	return function (element) {
-		if (!element.root)
-			if (element = element.return)
-				callback(element)
-	}
-}
-
-/**
- * @param {object} element
- * @param {number} index
- * @param {object[]} children
- * @param {function} callback
- */
-function prefixer (element, index, children, callback) {
-	if (element.length > -1)
-		if (!element.return)
-			switch (element.type) {
-				case _Enum_js__WEBPACK_IMPORTED_MODULE_0__.DECLARATION: element.return = (0,_Prefixer_js__WEBPACK_IMPORTED_MODULE_4__.prefix)(element.value, element.length, children)
-					return
-				case _Enum_js__WEBPACK_IMPORTED_MODULE_0__.KEYFRAMES:
-					return (0,_Serializer_js__WEBPACK_IMPORTED_MODULE_3__.serialize)([(0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.copy)(element, {value: (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(element.value, '@', '@' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT)})], callback)
-				case _Enum_js__WEBPACK_IMPORTED_MODULE_0__.RULESET:
-					if (element.length)
-						return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.combine)(children = element.props, function (value) {
-							switch ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.match)(value, callback = /(::plac\w+|:read-\w+)/)) {
-								// :read-(only|write)
-								case ':read-only': case ':read-write':
-									(0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.lift)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.copy)(element, {props: [(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /:(read-\w+)/, ':' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MOZ + '$1')]}))
-									;(0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.lift)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.copy)(element, {props: [value]}))
-									;(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.assign)(element, {props: (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.filter)(children, callback)})
-									break
-								// :placeholder
-								case '::placeholder':
-									;(0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.lift)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.copy)(element, {props: [(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /:(plac\w+)/, ':' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + 'input-$1')]}))
-									;(0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.lift)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.copy)(element, {props: [(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /:(plac\w+)/, ':' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MOZ + '$1')]}))
-									;(0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.lift)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.copy)(element, {props: [(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /:(plac\w+)/, _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + 'input-$1')]}))
-									;(0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.lift)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.copy)(element, {props: [value]}))
-									;(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.assign)(element, {props: (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.filter)(children, callback)})
-									break
-							}
-
-							return ''
-						})
-			}
-}
-
-/**
- * @param {object} element
- * @param {number} index
- * @param {object[]} children
- */
-function namespace (element) {
-	switch (element.type) {
-		case _Enum_js__WEBPACK_IMPORTED_MODULE_0__.RULESET:
-			element.props = element.props.map(function (value) {
-				return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.combine)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.tokenize)(value), function (value, index, children) {
-					switch ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.charat)(value, 0)) {
-						// \f
-						case 12:
-							return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.substr)(value, 1, (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.strlen)(value))
-						// \0 ( + > ~
-						case 0: case 40: case 43: case 62: case 126:
-							return value
-						// :
-						case 58:
-							if (children[++index] === 'global')
-								children[index] = '', children[++index] = '\f' + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.substr)(children[index], index = 1, -1)
-						// \s
-						case 32:
-							return index === 1 ? '' : value
-						default:
-							switch (index) {
-								case 0: element = value
-									return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.sizeof)(children) > 1 ? '' : value
-								case index = (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.sizeof)(children) - 1: case 2:
-									return index === 2 ? value + element + element : value + element
-								default:
-									return value
-							}
-					}
-				})
-			})
-	}
-}
-
-
-/***/ },
-
-/***/ "./node_modules/stylis/src/Parser.js"
-/*!*******************************************!*\
-  !*** ./node_modules/stylis/src/Parser.js ***!
-  \*******************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   comment: () => (/* binding */ comment),
-/* harmony export */   compile: () => (/* binding */ compile),
-/* harmony export */   declaration: () => (/* binding */ declaration),
-/* harmony export */   parse: () => (/* binding */ parse),
-/* harmony export */   ruleset: () => (/* binding */ ruleset)
-/* harmony export */ });
-/* harmony import */ var _Enum_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Enum.js */ "./node_modules/stylis/src/Enum.js");
-/* harmony import */ var _Utility_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utility.js */ "./node_modules/stylis/src/Utility.js");
-/* harmony import */ var _Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Tokenizer.js */ "./node_modules/stylis/src/Tokenizer.js");
-
-
-
-
-/**
- * @param {string} value
- * @return {object[]}
- */
-function compile (value) {
-	return (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.dealloc)(parse('', null, null, null, [''], value = (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.alloc)(value), 0, [0], value))
-}
-
-/**
- * @param {string} value
- * @param {object} root
- * @param {object?} parent
- * @param {string[]} rule
- * @param {string[]} rules
- * @param {string[]} rulesets
- * @param {number[]} pseudo
- * @param {number[]} points
- * @param {string[]} declarations
- * @return {object}
- */
-function parse (value, root, parent, rule, rules, rulesets, pseudo, points, declarations) {
-	var index = 0
-	var offset = 0
-	var length = pseudo
-	var atrule = 0
-	var property = 0
-	var previous = 0
-	var variable = 1
-	var scanning = 1
-	var ampersand = 1
-	var character = 0
-	var type = ''
-	var props = rules
-	var children = rulesets
-	var reference = rule
-	var characters = type
-
-	while (scanning)
-		switch (previous = character, character = (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.next)()) {
-			// (
-			case 40:
-				if (previous != 108 && (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.charat)(characters, length - 1) == 58) {
-					if ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.indexof)(characters += (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.delimit)(character), '&', '&\f'), '&\f', (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.abs)(index ? points[index - 1] : 0)) != -1)
-						ampersand = -1
-					break
-				}
-			// " ' [
-			case 34: case 39: case 91:
-				characters += (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.delimit)(character)
-				break
-			// \t \n \r \s
-			case 9: case 10: case 13: case 32:
-				characters += (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.whitespace)(previous)
-				break
-			// \
-			case 92:
-				characters += (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.escaping)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.caret)() - 1, 7)
-				continue
-			// /
-			case 47:
-				switch ((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.peek)()) {
-					case 42: case 47:
-						;(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.append)(comment((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.commenter)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.next)(), (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.caret)()), root, parent, declarations), declarations)
-						if (((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.token)(previous || 1) == 5 || (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.token)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.peek)() || 1) == 5) && (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.strlen)(characters) && (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.substr)(characters, -1, void 0) !== ' ') characters += ' '
-						break
-					default:
-						characters += '/'
-				}
-				break
-			// {
-			case 123 * variable:
-				points[index++] = (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.strlen)(characters) * ampersand
-			// } ; \0
-			case 125 * variable: case 59: case 0:
-				switch (character) {
-					// \0 }
-					case 0: case 125: scanning = 0
-					// ;
-					case 59 + offset: if (ampersand == -1) characters = (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(characters, /\f/g, '')
-						if (property > 0 && ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.strlen)(characters) - length || (variable === 0 && previous === 47)))
-							(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.append)(property > 32 ? declaration(characters + ';', rule, parent, length - 1, declarations) : declaration((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(characters, ' ', '') + ';', rule, parent, length - 2, declarations), declarations)
-						break
-					// @ ;
-					case 59: characters += ';'
-					// { rule/at-rule
-					default:
-						;(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.append)(reference = ruleset(characters, root, parent, index, offset, rules, points, type, props = [], children = [], length, rulesets), rulesets)
-
-						if (character === 123)
-							if (offset === 0)
-								parse(characters, root, reference, reference, props, rulesets, length, points, children)
-							else {
-								switch (atrule) {
-									// c(ontainer)
-									case 99:
-										if ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.charat)(characters, 3) === 110) break
-									// l(ayer)
-									case 108:
-										if ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.charat)(characters, 2) === 97) break
-									default:
-										offset = 0
-									// d(ocument) m(edia) s(upports)
-									case 100: case 109: case 115:
-								}
-								if (offset) parse(value, reference, reference, rule && (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.append)(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length, children), children), rules, children, length, points, rule ? props : children)
-								else parse(characters, reference, reference, reference, [''], children, 0, points, children)
-							}
-				}
-
-				index = offset = property = 0, variable = ampersand = 1, type = characters = '', length = pseudo
-				break
-			// :
-			case 58:
-				length = 1 + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.strlen)(characters), property = previous
-			default:
-				if (variable < 1)
-					if (character == 123)
-						--variable
-					else if (character == 125 && variable++ == 0 && (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.prev)() == 125)
-						continue
-
-				switch (characters += (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.from)(character), character * variable) {
-					// &
-					case 38:
-						ampersand = offset > 0 ? 1 : (characters += '\f', -1)
-						break
-					// ,
-					case 44:
-						points[index++] = ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.strlen)(characters) - 1) * ampersand, ampersand = 1
-						break
-					// @
-					case 64:
-						// -
-						if ((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.peek)() === 45)
-							characters += (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.delimit)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.next)())
-
-						atrule = (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.peek)(), offset = length = (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.strlen)(type = characters += (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.identifier)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.caret)())), character++
-						break
-					// -
-					case 45:
-						if (previous === 45 && (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.strlen)(characters) == 2)
-							variable = 0
-				}
-		}
-
-	return rulesets
-}
-
-/**
- * @param {string} value
- * @param {object} root
- * @param {object?} parent
- * @param {number} index
- * @param {number} offset
- * @param {string[]} rules
- * @param {number[]} points
- * @param {string} type
- * @param {string[]} props
- * @param {string[]} children
- * @param {number} length
- * @param {object[]} siblings
- * @return {object}
- */
-function ruleset (value, root, parent, index, offset, rules, points, type, props, children, length, siblings) {
-	var post = offset - 1
-	var rule = offset === 0 ? rules : ['']
-	var size = (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.sizeof)(rule)
-
-	for (var i = 0, j = 0, k = 0; i < index; ++i)
-		for (var x = 0, y = (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.substr)(value, post + 1, post = (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.abs)(j = points[i])), z = value; x < size; ++x)
-			if (z = (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.trim)(j > 0 ? rule[x] + ' ' + y : (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(y, /&\f/g, rule[x])))
-				props[k++] = z
-
-	return (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.node)(value, root, parent, offset === 0 ? _Enum_js__WEBPACK_IMPORTED_MODULE_0__.RULESET : type, props, children, length, siblings)
-}
-
-/**
- * @param {number} value
- * @param {object} root
- * @param {object?} parent
- * @param {object[]} siblings
- * @return {object}
- */
-function comment (value, root, parent, siblings) {
-	return (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.node)(value, root, parent, _Enum_js__WEBPACK_IMPORTED_MODULE_0__.COMMENT, (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.from)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.char)()), (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.substr)(value, 2, -2), 0, siblings)
-}
-
-/**
- * @param {string} value
- * @param {object} root
- * @param {object?} parent
- * @param {number} length
- * @param {object[]} siblings
- * @return {object}
- */
-function declaration (value, root, parent, length, siblings) {
-	return (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.node)(value, root, parent, _Enum_js__WEBPACK_IMPORTED_MODULE_0__.DECLARATION, (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.substr)(value, 0, length), (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.substr)(value, length + 1, -1), length, siblings)
-}
-
-
-/***/ },
-
-/***/ "./node_modules/stylis/src/Prefixer.js"
-/*!*********************************************!*\
-  !*** ./node_modules/stylis/src/Prefixer.js ***!
-  \*********************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   prefix: () => (/* binding */ prefix)
-/* harmony export */ });
-/* harmony import */ var _Enum_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Enum.js */ "./node_modules/stylis/src/Enum.js");
-/* harmony import */ var _Utility_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utility.js */ "./node_modules/stylis/src/Utility.js");
-
-
-
-/**
- * @param {string} value
- * @param {number} length
- * @param {object[]} children
- * @return {string}
- */
-function prefix (value, length, children) {
-	switch ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.hash)(value, length)) {
-		// color-adjust
-		case 5103:
-			return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + 'print-' + value + value
-		// animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
-		case 5737: case 4201: case 3177: case 3433: case 1641: case 4457: case 2921:
-		// text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
-		case 5572: case 6356: case 5844: case 3191: case 6645: case 3005:
-		// background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
-		case 4215: case 6389: case 5109: case 5365: case 5621: case 3829:
-		// mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position
-		case 6391: case 5879: case 5623: case 6135: case 4599:
-			return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + value
-		// mask-composite
-		case 4855:
-			return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value.replace('add', 'source-over').replace('substract', 'source-out').replace('intersect', 'source-in').replace('exclude', 'xor') + value
-		// tab-size
-		case 4789:
-			return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MOZ + value + value
-		// appearance, user-select, transform, hyphens, text-size-adjust
-		case 5349: case 4246: case 4810: case 6968: case 2756:
-			return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MOZ + value + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + value + value
-		// writing-mode
-		case 5936:
-			switch ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.charat)(value, length + 11)) {
-				// vertical-l(r)
-				case 114:
-					return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /[svh]\w+-[tblr]{2}/, 'tb') + value
-				// vertical-r(l)
-				case 108:
-					return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /[svh]\w+-[tblr]{2}/, 'tb-rl') + value
-				// horizontal(-)tb
-				case 45:
-					return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /[svh]\w+-[tblr]{2}/, 'lr') + value
-				// default: fallthrough to below
-			}
-		// flex, flex-direction, scroll-snap-type, writing-mode
-		case 6828: case 4268: case 2903:
-			return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + value + value
-		// order
-		case 6165:
-			return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + 'flex-' + value + value
-		// align-items
-		case 5187:
-			return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /(\w+).+(:[^]+)/, _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + 'box-$1$2' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + 'flex-$1$2') + value
-		// align-self
-		case 5443:
-			return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + 'flex-item-' + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /flex-|-self/g, '') + (!(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.match)(value, /flex-|baseline/) ? _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + 'grid-row-' + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /flex-|-self/g, '') : '') + value
-		// align-content
-		case 4675:
-			return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + 'flex-line-pack' + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /align-content|flex-|-self/g, '') + value
-		// flex-shrink
-		case 5548:
-			return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, 'shrink', 'negative') + value
-		// flex-basis
-		case 5292:
-			return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, 'basis', 'preferred-size') + value
-		// flex-grow
-		case 6060:
-			return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + 'box-' + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, '-grow', '') + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, 'grow', 'positive') + value
-		// transition
-		case 4554:
-			return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /([^-])(transform)/g, '$1' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + '$2') + value
-		// cursor
-		case 6187:
-			return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /(zoom-|grab)/, _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + '$1'), /(image-set)/, _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + '$1'), value, '') + value
-		// background, background-image
-		case 5495: case 3959:
-			return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /(image-set\([^]*)/, _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + '$1' + '$`$1')
-		// justify-content
-		case 4968:
-			return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /(.+:)(flex-)?(.*)/, _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + 'box-pack:$3' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + 'flex-pack:$3'), /space-between/, 'justify') + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + value
-		// justify-self
-		case 4200:
-			if (!(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.match)(value, /flex-|baseline/)) return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + 'grid-column-align' + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.substr)(value, length) + value
-			break
-		// grid-template-(columns|rows)
-		case 2592: case 3360:
-			return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, 'template-', '') + value
-		// grid-(row|column)-start
-		case 4384: case 3616:
-			if (children && children.some(function (element, index) { return length = index, (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.match)(element.props, /grid-\w+-end/) })) {
-				return ~(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.indexof)(value + (children = children[length].value), 'span', 0) ? value : (_Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, '-start', '') + value + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + 'grid-row-span:' + (~(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.indexof)(children, 'span', 0) ? (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.match)(children, /\d+/) : +(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.match)(children, /\d+/) - +(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.match)(value, /\d+/)) + ';')
-			}
-			return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, '-start', '') + value
-		// grid-(row|column)-end
-		case 4896: case 4128:
-			return (children && children.some(function (element) { return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.match)(element.props, /grid-\w+-start/) })) ? value : _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, '-end', '-span'), 'span ', '') + value
-		// (margin|padding)-inline-(start|end)
-		case 4095: case 3583: case 4068: case 2532:
-			return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /(.+)-inline(.+)/, _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + '$1$2') + value
-		// (min|max)?(width|height|inline-size|block-size)
-		case 8116: case 7059: case 5753: case 5535:
-		case 5445: case 5701: case 4933: case 4677:
-		case 5533: case 5789: case 5021: case 4765:
-			// stretch, max-content, min-content, fill-available
-			if ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.strlen)(value) - 1 - length > 6)
-				switch ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.charat)(value, length + 1)) {
-					// (m)ax-content, (m)in-content
-					case 109:
-						// -
-						if ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.charat)(value, length + 4) !== 45)
-							break
-					// (f)ill-available, (f)it-content
-					case 102:
-						return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /(.+:)(.+)-([^]+)/, '$1' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + '$2-$3' + '$1' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MOZ + ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.charat)(value, length + 3) == 108 ? '$3' : '$2-$3')) + value
-					// (s)tretch
-					case 115:
-						return ~(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.indexof)(value, 'stretch', 0) ? prefix((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, 'stretch', 'fill-available'), length, children) + value : value
-				}
-			break
-		// grid-(column|row)
-		case 5152: case 5920:
-			return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function (_, a, b, c, d, e, f) { return (_Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + a + ':' + b + f) + (c ? (_Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + a + '-span:' + (d ? e : +e - +b)) + f : '') + value })
-		// position: sticky
-		case 4949:
-			// stick(y)?
-			if ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.charat)(value, length + 6) === 121)
-				return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, ':', ':' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT) + value
-			break
-		// display: (flex|inline-flex|grid|inline-grid)
-		case 6444:
-			switch ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.charat)(value, (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.charat)(value, 14) === 45 ? 18 : 11)) {
-				// (inline-)?fle(x)
-				case 120:
-					return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, '$1' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.charat)(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + '$2$3' + '$1' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + '$2box$3') + value
-				// (inline-)?gri(d)
-				case 100:
-					return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, ':', ':' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS) + value
-			}
-			break
-		// scroll-margin, scroll-margin-(top|right|bottom|left)
-		case 5719: case 2647: case 2135: case 3927: case 2391:
-			return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, 'scroll-', 'scroll-snap-') + value
-	}
-
-	return value
-}
-
-
-/***/ },
-
-/***/ "./node_modules/stylis/src/Serializer.js"
-/*!***********************************************!*\
-  !*** ./node_modules/stylis/src/Serializer.js ***!
-  \***********************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   serialize: () => (/* binding */ serialize),
-/* harmony export */   stringify: () => (/* binding */ stringify)
-/* harmony export */ });
-/* harmony import */ var _Enum_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Enum.js */ "./node_modules/stylis/src/Enum.js");
-/* harmony import */ var _Utility_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utility.js */ "./node_modules/stylis/src/Utility.js");
-
-
-
-/**
- * @param {object[]} children
- * @param {function} callback
- * @return {string}
- */
-function serialize (children, callback) {
-	var output = ''
-
-	for (var i = 0; i < children.length; i++)
-		output += callback(children[i], i, children, callback) || ''
-
-	return output
-}
-
-/**
- * @param {object} element
- * @param {number} index
- * @param {object[]} children
- * @param {function} callback
- * @return {string}
- */
-function stringify (element, index, children, callback) {
-	switch (element.type) {
-		case _Enum_js__WEBPACK_IMPORTED_MODULE_0__.LAYER: if (element.children.length) break
-		case _Enum_js__WEBPACK_IMPORTED_MODULE_0__.IMPORT: case _Enum_js__WEBPACK_IMPORTED_MODULE_0__.NAMESPACE: case _Enum_js__WEBPACK_IMPORTED_MODULE_0__.DECLARATION: return element.return = element.return || element.value
-		case _Enum_js__WEBPACK_IMPORTED_MODULE_0__.COMMENT: return ''
-		case _Enum_js__WEBPACK_IMPORTED_MODULE_0__.KEYFRAMES: return element.return = element.value + '{' + serialize(element.children, callback) + '}'
-		case _Enum_js__WEBPACK_IMPORTED_MODULE_0__.RULESET: if (!(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.strlen)(element.value = element.props.join(','))) return ''
-	}
-
-	return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.strlen)(children = serialize(element.children, callback)) ? element.return = element.value + '{' + children + '}' : ''
-}
-
-
-/***/ },
-
-/***/ "./node_modules/stylis/src/Tokenizer.js"
-/*!**********************************************!*\
-  !*** ./node_modules/stylis/src/Tokenizer.js ***!
-  \**********************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   alloc: () => (/* binding */ alloc),
-/* harmony export */   caret: () => (/* binding */ caret),
-/* harmony export */   char: () => (/* binding */ char),
-/* harmony export */   character: () => (/* binding */ character),
-/* harmony export */   characters: () => (/* binding */ characters),
-/* harmony export */   column: () => (/* binding */ column),
-/* harmony export */   commenter: () => (/* binding */ commenter),
-/* harmony export */   copy: () => (/* binding */ copy),
-/* harmony export */   dealloc: () => (/* binding */ dealloc),
-/* harmony export */   delimit: () => (/* binding */ delimit),
-/* harmony export */   delimiter: () => (/* binding */ delimiter),
-/* harmony export */   escaping: () => (/* binding */ escaping),
-/* harmony export */   identifier: () => (/* binding */ identifier),
-/* harmony export */   length: () => (/* binding */ length),
-/* harmony export */   lift: () => (/* binding */ lift),
-/* harmony export */   line: () => (/* binding */ line),
-/* harmony export */   next: () => (/* binding */ next),
-/* harmony export */   node: () => (/* binding */ node),
-/* harmony export */   peek: () => (/* binding */ peek),
-/* harmony export */   position: () => (/* binding */ position),
-/* harmony export */   prev: () => (/* binding */ prev),
-/* harmony export */   slice: () => (/* binding */ slice),
-/* harmony export */   token: () => (/* binding */ token),
-/* harmony export */   tokenize: () => (/* binding */ tokenize),
-/* harmony export */   tokenizer: () => (/* binding */ tokenizer),
-/* harmony export */   whitespace: () => (/* binding */ whitespace)
-/* harmony export */ });
-/* harmony import */ var _Utility_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Utility.js */ "./node_modules/stylis/src/Utility.js");
-
-
-var line = 1
-var column = 1
-var length = 0
-var position = 0
-var character = 0
-var characters = ''
-
-/**
- * @param {string} value
- * @param {object | null} root
- * @param {object | null} parent
- * @param {string} type
- * @param {string[] | string} props
- * @param {object[] | string} children
- * @param {object[]} siblings
- * @param {number} length
- */
-function node (value, root, parent, type, props, children, length, siblings) {
-	return {value: value, root: root, parent: parent, type: type, props: props, children: children, line: line, column: column, length: length, return: '', siblings: siblings}
-}
-
-/**
- * @param {object} root
- * @param {object} props
- * @return {object}
- */
-function copy (root, props) {
-	return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_0__.assign)(node('', null, null, '', null, null, 0, root.siblings), root, {length: -root.length}, props)
-}
-
-/**
- * @param {object} root
- */
-function lift (root) {
-	while (root.root)
-		root = copy(root.root, {children: [root]})
-
-	;(0,_Utility_js__WEBPACK_IMPORTED_MODULE_0__.append)(root, root.siblings)
-}
-
-/**
- * @return {number}
- */
-function char () {
-	return character
-}
-
-/**
- * @return {number}
- */
-function prev () {
-	character = position > 0 ? (0,_Utility_js__WEBPACK_IMPORTED_MODULE_0__.charat)(characters, --position) : 0
-
-	if (column--, character === 10)
-		column = 1, line--
-
-	return character
-}
-
-/**
- * @return {number}
- */
-function next () {
-	character = position < length ? (0,_Utility_js__WEBPACK_IMPORTED_MODULE_0__.charat)(characters, position++) : 0
-
-	if (column++, character === 10)
-		column = 1, line++
-
-	return character
-}
-
-/**
- * @return {number}
- */
-function peek () {
-	return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_0__.charat)(characters, position)
-}
-
-/**
- * @return {number}
- */
-function caret () {
-	return position
-}
-
-/**
- * @param {number} begin
- * @param {number} end
- * @return {string}
- */
-function slice (begin, end) {
-	return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_0__.substr)(characters, begin, end)
-}
-
-/**
- * @param {number} type
- * @return {number}
- */
-function token (type) {
-	switch (type) {
-		// \0 \t \n \r \s whitespace token
-		case 0: case 9: case 10: case 13: case 32:
-			return 5
-		// ! + , / > @ ~ isolate token
-		case 33: case 43: case 44: case 47: case 62: case 64: case 126:
-		// ; { } breakpoint token
-		case 59: case 123: case 125:
-			return 4
-		// : accompanied token
-		case 58:
-			return 3
-		// " ' ( [ opening delimit token
-		case 34: case 39: case 40: case 91:
-			return 2
-		// ) ] closing delimit token
-		case 41: case 93:
-			return 1
-	}
-
-	return 0
-}
-
-/**
- * @param {string} value
- * @return {any[]}
- */
-function alloc (value) {
-	return line = column = 1, length = (0,_Utility_js__WEBPACK_IMPORTED_MODULE_0__.strlen)(characters = value), position = 0, []
-}
-
-/**
- * @param {any} value
- * @return {any}
- */
-function dealloc (value) {
-	return characters = '', value
-}
-
-/**
- * @param {number} type
- * @return {string}
- */
-function delimit (type) {
-	return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_0__.trim)(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)))
-}
-
-/**
- * @param {string} value
- * @return {string[]}
- */
-function tokenize (value) {
-	return dealloc(tokenizer(alloc(value)))
-}
-
-/**
- * @param {number} type
- * @return {string}
- */
-function whitespace (type) {
-	while (character = peek())
-		if (character < 33)
-			next()
-		else
-			break
-
-	return token(type) > 2 || token(character) > 3 ? '' : ' '
-}
-
-/**
- * @param {string[]} children
- * @return {string[]}
- */
-function tokenizer (children) {
-	while (next())
-		switch (token(character)) {
-			case 0: (0,_Utility_js__WEBPACK_IMPORTED_MODULE_0__.append)(identifier(position - 1), children)
-				break
-			case 2: ;(0,_Utility_js__WEBPACK_IMPORTED_MODULE_0__.append)(delimit(character), children)
-				break
-			default: ;(0,_Utility_js__WEBPACK_IMPORTED_MODULE_0__.append)((0,_Utility_js__WEBPACK_IMPORTED_MODULE_0__.from)(character), children)
-		}
-
-	return children
-}
-
-/**
- * @param {number} index
- * @param {number} count
- * @return {string}
- */
-function escaping (index, count) {
-	while (--count && next())
-		// not 0-9 A-F a-f
-		if (character < 48 || character > 102 || (character > 57 && character < 65) || (character > 70 && character < 97))
-			break
-
-	return slice(index, caret() + (count < 6 && peek() == 32 && next() == 32))
-}
-
-/**
- * @param {number} type
- * @return {number}
- */
-function delimiter (type) {
-	while (next())
-		switch (character) {
-			// ] ) " '
-			case type:
-				return position
-			// " '
-			case 34: case 39:
-				if (type !== 34 && type !== 39)
-					delimiter(character)
-				break
-			// (
-			case 40:
-				if (type === 41)
-					delimiter(type)
-				break
-			// \
-			case 92:
-				next()
-				break
-		}
-
-	return position
-}
-
-/**
- * @param {number} type
- * @param {number} index
- * @return {number}
- */
-function commenter (type, index) {
-	while (next())
-		// //
-		if (type + character === 47 + 10)
-			break
-		// /*
-		else if (type + character === 42 + 42 && peek() === 47)
-			break
-
-	return '/*' + slice(index, position - 1) + '*' + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_0__.from)(type === 47 ? type : next())
-}
-
-/**
- * @param {number} index
- * @return {string}
- */
-function identifier (index) {
-	while (!token(peek()))
-		next()
-
-	return slice(index, position)
-}
-
-
-/***/ },
-
-/***/ "./node_modules/stylis/src/Utility.js"
-/*!********************************************!*\
-  !*** ./node_modules/stylis/src/Utility.js ***!
-  \********************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   abs: () => (/* binding */ abs),
-/* harmony export */   append: () => (/* binding */ append),
-/* harmony export */   assign: () => (/* binding */ assign),
-/* harmony export */   charat: () => (/* binding */ charat),
-/* harmony export */   combine: () => (/* binding */ combine),
-/* harmony export */   filter: () => (/* binding */ filter),
-/* harmony export */   from: () => (/* binding */ from),
-/* harmony export */   hash: () => (/* binding */ hash),
-/* harmony export */   indexof: () => (/* binding */ indexof),
-/* harmony export */   match: () => (/* binding */ match),
-/* harmony export */   replace: () => (/* binding */ replace),
-/* harmony export */   sizeof: () => (/* binding */ sizeof),
-/* harmony export */   strlen: () => (/* binding */ strlen),
-/* harmony export */   substr: () => (/* binding */ substr),
-/* harmony export */   trim: () => (/* binding */ trim)
-/* harmony export */ });
-/**
- * @param {number}
- * @return {number}
- */
-var abs = Math.abs
-
-/**
- * @param {number}
- * @return {string}
- */
-var from = String.fromCharCode
-
-/**
- * @param {object}
- * @return {object}
- */
-var assign = Object.assign
-
-/**
- * @param {string} value
- * @param {number} length
- * @return {number}
- */
-function hash (value, length) {
-	return charat(value, 0) ^ 45 ? (((((((length << 2) ^ charat(value, 0)) << 2) ^ charat(value, 1)) << 2) ^ charat(value, 2)) << 2) ^ charat(value, 3) : 0
-}
-
-/**
- * @param {string} value
- * @return {string}
- */
-function trim (value) {
-	return value.trim()
-}
-
-/**
- * @param {string} value
- * @param {RegExp} pattern
- * @return {string?}
- */
-function match (value, pattern) {
-	return (value = pattern.exec(value)) ? value[0] : value
-}
-
-/**
- * @param {string} value
- * @param {(string|RegExp)} pattern
- * @param {string} replacement
- * @return {string}
- */
-function replace (value, pattern, replacement) {
-	return value.replace(pattern, replacement)
-}
-
-/**
- * @param {string} value
- * @param {string} search
- * @param {number} position
- * @return {number}
- */
-function indexof (value, search, position) {
-	return value.indexOf(search, position)
-}
-
-/**
- * @param {string} value
- * @param {number} index
- * @return {number}
- */
-function charat (value, index) {
-	return value.charCodeAt(index) | 0
-}
-
-/**
- * @param {string} value
- * @param {number} begin
- * @param {number} end
- * @return {string}
- */
-function substr (value, begin, end) {
-	return value.slice(begin, end)
-}
-
-/**
- * @param {string} value
- * @return {number}
- */
-function strlen (value) {
-	return value.length
-}
-
-/**
- * @param {any[]} value
- * @return {number}
- */
-function sizeof (value) {
-	return value.length
-}
-
-/**
- * @param {any} value
- * @param {any[]} array
- * @return {any}
- */
-function append (value, array) {
-	return array.push(value), value
-}
-
-/**
- * @param {string[]} array
- * @param {function} callback
- * @return {string}
- */
-function combine (array, callback) {
-	return array.map(callback).join('')
-}
-
-/**
- * @param {string[]} array
- * @param {RegExp} pattern
- * @return {string[]}
- */
-function filter (array, pattern) {
-	return array.filter(function (value) { return !match(value, pattern) })
-}
-
-
 /***/ }
 
 /******/ 	});
@@ -3317,12 +2356,6 @@ function filter (array, pattern) {
 /******/ 		if (cachedModule !== undefined) {
 /******/ 			return cachedModule.exports;
 /******/ 		}
-/******/ 		// Check if module exists (development only)
-/******/ 		if (__webpack_modules__[moduleId] === undefined) {
-/******/ 			var e = new Error("Cannot find module '" + moduleId + "'");
-/******/ 			e.code = 'MODULE_NOT_FOUND';
-/******/ 			throw e;
-/******/ 		}
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = __webpack_module_cache__[moduleId] = {
 /******/ 			// no module.id needed
@@ -3331,6 +2364,12 @@ function filter (array, pattern) {
 /******/ 		};
 /******/ 	
 /******/ 		// Execute the module function
+/******/ 		if (!(moduleId in __webpack_modules__)) {
+/******/ 			delete __webpack_module_cache__[moduleId];
+/******/ 			var e = new Error("Cannot find module '" + moduleId + "'");
+/******/ 			e.code = 'MODULE_NOT_FOUND';
+/******/ 			throw e;
+/******/ 		}
 /******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
 /******/ 	
 /******/ 		// Return the exports of the module
@@ -3400,19 +2439,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   checkIsThemeColorValue: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_8__.checkIsThemeColorValue),
 /* harmony export */   combineClassNames: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_8__.combineClassNames),
 /* harmony export */   convertHexToHexWithAlpha: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_8__.convertHexToHexWithAlpha),
-/* harmony export */   createAbsoluteFillAtRuleMiddleware: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_5__.createAbsoluteFillAtRuleMiddleware),
-/* harmony export */   createCenterAtRuleMiddleware: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_5__.createCenterAtRuleMiddleware),
 /* harmony export */   createCssRule: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_5__.createCssRule),
-/* harmony export */   createEllipsisAtRuleMiddleware: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_5__.createEllipsisAtRuleMiddleware),
 /* harmony export */   createGlobalStyle: () => (/* reexport safe */ _global_style__WEBPACK_IMPORTED_MODULE_6__.createGlobalStyle),
-/* harmony export */   createInlineAtRuleMiddleware: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_5__.createInlineAtRuleMiddleware),
-/* harmony export */   createMediaAtRuleMiddleware: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_5__.createMediaAtRuleMiddleware),
-/* harmony export */   createSpacingMiddleware: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_5__.createSpacingMiddleware),
-/* harmony export */   createStackAtRuleMiddleware: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_5__.createStackAtRuleMiddleware),
 /* harmony export */   css: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_5__.css),
 /* harmony export */   filterNonHtmlAttrs: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_8__.filterNonHtmlAttrs),
 /* harmony export */   generateId: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_8__.generateId),
-/* harmony export */   getChildrenCss: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_5__.getChildrenCss),
 /* harmony export */   isStyledComponent: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_8__.isStyledComponent),
 /* harmony export */   mediaQuery: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_5__.mediaQuery),
 /* harmony export */   processCss: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_5__.processCss),
@@ -3422,9 +2453,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   resolveDimension: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_8__.resolveDimension),
 /* harmony export */   resolveFont: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_8__.resolveFont),
 /* harmony export */   resolveSpacing: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_8__.resolveSpacing),
-/* harmony export */   splitStylisChildren: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_5__.splitStylisChildren),
 /* harmony export */   styled: () => (/* reexport safe */ _styled__WEBPACK_IMPORTED_MODULE_7__.styled),
-/* harmony export */   suggestAtRuleMiddleware: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_5__.suggestAtRuleMiddleware),
 /* harmony export */   useHoneyStyle: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_3__.useHoneyStyle)
 /* harmony export */ });
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./constants */ "./src/constants.ts");