@meonode/ui 0.3.7 → 0.3.9

package/CHANGELOG.md

@@ -5,6 +5,22 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.3.9] - 2025-09-30
+
+### Fixed
+
+- **html.node**: update `Root` node default minHeight and minWidth to use dynamic viewport units
+
+## [0.3.8] - 2025-09-29
+
+### Added
+
+- **styling**: Enabled theme-aware functions for css props, allowing for more dynamic styling (e.g., `color: theme => theme.system.colors.primary`).
+
+### Refactor
+
+- **core**: Refactored the style resolution logic (`resolveObjWithTheme` and `StyledRenderer`) to selectively process the `css` prop. This enables the new theme-function feature while ensuring that other props (like `children`) are not processed, maintaining compatibility with Next.js Server Components.
+
 ## [0.3.7] - 2025-09-27
 
 ### Added
@@ -548,4 +564,4 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - This changelog covers the most recent development history available
 - The project focuses on building React UIs with type-safe fluency without JSX syntax
 - Recent development has emphasized Emotion integration, type safety improvements, and enhanced flexbox support
-- For a complete history, view all commits on GitHub: [View all commits](https://github.com/l7aromeo/meonode-ui/commits)
+- For a complete history, view all commits on GitHub: [View all commits](https://github.com/l7aromeo/meonode-ui/commits)

package/README.md

@@ -78,7 +78,7 @@ const App = Component(() =>
 
 📚 **[Complete Documentation & Examples](https://meonode-ui.vercel.app)**
 
-🎮 **[Interactive Playground](https://codesandbox.io/p/github/l7aromeo/react-meonode/main?import=true)**
+🎮 **[Interactive Playground](https://codesandbox.io/p/github/l7aromeo/nextjs-meonode/main?import=true)**
 
 ## Core API
 

package/dist/components/html.node.js

@@ -26,7 +26,7 @@
  *   children: [Header(), Main(), Footer()]
  * })
  * ```
- */export var Root=createNode("div",{display:"flex",flexDirection:"column",minHeight:"100vh",minWidth:"100vw"});/**
+ */export var Root=createNode("div",{display:"flex",flexDirection:"column",minHeight:"100dvh",minWidth:"100dvw"});/**
  * Represents a column layout using flexbox.
  * @param props Optional properties for the column layout.
  * @returns A div element node with flexbox column layout.

package/dist/components/styled-renderer.client.d.ts

@@ -1,10 +1,9 @@
 import { type JSX, type ReactNode } from 'react';
-import type { CSSInterpolation } from '@emotion/serialize';
-import type { NodeElement } from '../node.type.js';
+import type { CssProp, NodeElement } from '../node.type.js';
 export interface StyledRendererProps<E extends NodeElement> {
     element: E;
     children?: ReactNode;
-    css: CSSInterpolation;
+    css: CssProp;
 }
 /**
  * A client-side component that renders a styled element using Emotion.

package/dist/components/styled-renderer.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled-renderer.client.d.ts","sourceRoot":"","sources":["../../src/components/styled-renderer.client.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAA;AAE5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAKpD,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,WAAW;IACxD,OAAO,EAAE,CAAC,CAAA;IACV,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,GAAG,EAAE,gBAAgB,CAAA;CACtB;AAED;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EAChG,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,CAS/C"}
+{"version":3,"file":"styled-renderer.client.d.ts","sourceRoot":"","sources":["../../src/components/styled-renderer.client.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAA;AAE5D,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAK7D,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,WAAW;IACxD,OAAO,EAAE,CAAC,CAAA;IACV,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,GAAG,EAAE,OAAO,CAAA;CACb;AAED;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EAChG,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,CAoB/C"}

package/dist/components/styled-renderer.client.js

@@ -1,4 +1,4 @@
-"use client";var _excluded=["element","children"];function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _defineProperty(a,b,c){return(b=_toPropertyKey(b))in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function _toPropertyKey(a){var b=_toPrimitive(a,"string");return"symbol"==_typeof(b)?b:b+""}function _toPrimitive(a,b){if("object"!=_typeof(a)||!a)return a;var c=a[Symbol.toPrimitive];if(void 0!==c){var d=c.call(a,b||"default");if("object"!=_typeof(d))return d;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===b?String:Number)(a)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],-1===b.indexOf(c)&&{}.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c={};for(var d in a)if({}.hasOwnProperty.call(a,d)){if(-1!==b.indexOf(d))continue;c[d]=a[d]}return c}import{useContext}from"react";import{jsx}from"@emotion/react";import{resolveObjWithTheme}from"../helper/theme.helper.js";import{ThemeContext}from"./theme-provider.client.js";import{resolveDefaultStyle}from"../helper/node.helper.js";/**
+"use client";var _excluded=["element","children"],_excluded2=["css"];function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _defineProperty(a,b,c){return(b=_toPropertyKey(b))in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function _toPropertyKey(a){var b=_toPrimitive(a,"string");return"symbol"==_typeof(b)?b:b+""}function _toPrimitive(a,b){if("object"!=_typeof(a)||!a)return a;var c=a[Symbol.toPrimitive];if(void 0!==c){var d=c.call(a,b||"default");if("object"!=_typeof(d))return d;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===b?String:Number)(a)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],-1===b.indexOf(c)&&{}.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c={};for(var d in a)if({}.hasOwnProperty.call(a,d)){if(-1!==b.indexOf(d))continue;c[d]=a[d]}return c}import{useContext}from"react";import{jsx}from"@emotion/react";import{resolveObjWithTheme}from"../helper/theme.helper.js";import{ThemeContext}from"./theme-provider.client.js";import{resolveDefaultStyle}from"../helper/node.helper.js";/**
  * A client-side component that renders a styled element using Emotion.
  * It resolves theme values and applies default styles.
  * @template E The type of the HTML element to render.
@@ -7,4 +7,4 @@
  * @param children Optional children to be rendered inside the element.
  * @param props
  * @returns {JSX.Element} The rendered JSX element.
- */export default function StyledRenderer(a){var b=a.element,c=a.children,d=_objectWithoutProperties(a,_excluded),e=useContext(ThemeContext),f=null===e||void 0===e?void 0:e.theme,g=d;f&&(g=resolveObjWithTheme(d,f.system));var h=resolveDefaultStyle(g.css);return jsx(b,_objectSpread(_objectSpread({},g),{},{css:h}),c)}StyledRenderer.displayName="Styled";
+ */export default function StyledRenderer(a){var b=a.element,c=a.children,d=_objectWithoutProperties(a,_excluded),e=useContext(ThemeContext),f=null===e||void 0===e?void 0:e.theme,g=d.css,h=_objectWithoutProperties(d,_excluded2),i=g,j=h;f&&(i=resolveObjWithTheme(g,f,{processFunctions:!0}),j=resolveObjWithTheme(h,f,{processFunctions:!1}));var k=resolveDefaultStyle(i);return jsx(b,_objectSpread(_objectSpread({},j),{},{css:k}),c)}StyledRenderer.displayName="Styled";

package/dist/helper/node.helper.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties } from 'react';
+import type { CSSInterpolation } from '@emotion/serialize';
 import type { NodeInstance } from '../node.type.js';
 /**
  * Type guard to check if an object is a NodeInstance.
@@ -66,831 +66,5 @@ export declare const isNodeInstance: (obj: unknown) => obj is NodeInstance<any>;
  * })
  * // → { display: 'flex', flexWrap: 'wrap', minHeight: 0, minWidth: 0 }
  */
-export declare const resolveDefaultStyle: (style: CSSProperties) => {
-    accentColor?: import("csstype").Property.AccentColor | undefined;
-    alignContent?: import("csstype").Property.AlignContent | undefined;
-    alignItems?: import("csstype").Property.AlignItems | undefined;
-    alignSelf?: import("csstype").Property.AlignSelf | undefined;
-    alignTracks?: import("csstype").Property.AlignTracks | undefined;
-    animationComposition?: import("csstype").Property.AnimationComposition | undefined;
-    animationDelay?: import("csstype").Property.AnimationDelay<string & {}> | undefined;
-    animationDirection?: import("csstype").Property.AnimationDirection | undefined;
-    animationDuration?: import("csstype").Property.AnimationDuration<string & {}> | undefined;
-    animationFillMode?: import("csstype").Property.AnimationFillMode | undefined;
-    animationIterationCount?: import("csstype").Property.AnimationIterationCount | undefined;
-    animationName?: import("csstype").Property.AnimationName | undefined;
-    animationPlayState?: import("csstype").Property.AnimationPlayState | undefined;
-    animationRangeEnd?: import("csstype").Property.AnimationRangeEnd<string | number> | undefined;
-    animationRangeStart?: import("csstype").Property.AnimationRangeStart<string | number> | undefined;
-    animationTimeline?: import("csstype").Property.AnimationTimeline | undefined;
-    animationTimingFunction?: import("csstype").Property.AnimationTimingFunction | undefined;
-    appearance?: import("csstype").Property.Appearance | undefined;
-    aspectRatio?: import("csstype").Property.AspectRatio | undefined;
-    backdropFilter?: import("csstype").Property.BackdropFilter | undefined;
-    backfaceVisibility?: import("csstype").Property.BackfaceVisibility | undefined;
-    backgroundAttachment?: import("csstype").Property.BackgroundAttachment | undefined;
-    backgroundBlendMode?: import("csstype").Property.BackgroundBlendMode | undefined;
-    backgroundClip?: import("csstype").Property.BackgroundClip | undefined;
-    backgroundColor?: import("csstype").Property.BackgroundColor | undefined;
-    backgroundImage?: import("csstype").Property.BackgroundImage | undefined;
-    backgroundOrigin?: import("csstype").Property.BackgroundOrigin | undefined;
-    backgroundPositionX?: import("csstype").Property.BackgroundPositionX<string | number> | undefined;
-    backgroundPositionY?: import("csstype").Property.BackgroundPositionY<string | number> | undefined;
-    backgroundRepeat?: import("csstype").Property.BackgroundRepeat | undefined;
-    backgroundSize?: import("csstype").Property.BackgroundSize<string | number> | undefined;
-    blockOverflow?: import("csstype").Property.BlockOverflow | undefined;
-    blockSize?: import("csstype").Property.BlockSize<string | number> | undefined;
-    borderBlockColor?: import("csstype").Property.BorderBlockColor | undefined;
-    borderBlockEndColor?: import("csstype").Property.BorderBlockEndColor | undefined;
-    borderBlockEndStyle?: import("csstype").Property.BorderBlockEndStyle | undefined;
-    borderBlockEndWidth?: import("csstype").Property.BorderBlockEndWidth<string | number> | undefined;
-    borderBlockStartColor?: import("csstype").Property.BorderBlockStartColor | undefined;
-    borderBlockStartStyle?: import("csstype").Property.BorderBlockStartStyle | undefined;
-    borderBlockStartWidth?: import("csstype").Property.BorderBlockStartWidth<string | number> | undefined;
-    borderBlockStyle?: import("csstype").Property.BorderBlockStyle | undefined;
-    borderBlockWidth?: import("csstype").Property.BorderBlockWidth<string | number> | undefined;
-    borderBottomColor?: import("csstype").Property.BorderBottomColor | undefined;
-    borderBottomLeftRadius?: import("csstype").Property.BorderBottomLeftRadius<string | number> | undefined;
-    borderBottomRightRadius?: import("csstype").Property.BorderBottomRightRadius<string | number> | undefined;
-    borderBottomStyle?: import("csstype").Property.BorderBottomStyle | undefined;
-    borderBottomWidth?: import("csstype").Property.BorderBottomWidth<string | number> | undefined;
-    borderCollapse?: import("csstype").Property.BorderCollapse | undefined;
-    borderEndEndRadius?: import("csstype").Property.BorderEndEndRadius<string | number> | undefined;
-    borderEndStartRadius?: import("csstype").Property.BorderEndStartRadius<string | number> | undefined;
-    borderImageOutset?: import("csstype").Property.BorderImageOutset<string | number> | undefined;
-    borderImageRepeat?: import("csstype").Property.BorderImageRepeat | undefined;
-    borderImageSlice?: import("csstype").Property.BorderImageSlice | undefined;
-    borderImageSource?: import("csstype").Property.BorderImageSource | undefined;
-    borderImageWidth?: import("csstype").Property.BorderImageWidth<string | number> | undefined;
-    borderInlineColor?: import("csstype").Property.BorderInlineColor | undefined;
-    borderInlineEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
-    borderInlineEndStyle?: import("csstype").Property.BorderInlineEndStyle | undefined;
-    borderInlineEndWidth?: import("csstype").Property.BorderInlineEndWidth<string | number> | undefined;
-    borderInlineStartColor?: import("csstype").Property.BorderInlineStartColor | undefined;
-    borderInlineStartStyle?: import("csstype").Property.BorderInlineStartStyle | undefined;
-    borderInlineStartWidth?: import("csstype").Property.BorderInlineStartWidth<string | number> | undefined;
-    borderInlineStyle?: import("csstype").Property.BorderInlineStyle | undefined;
-    borderInlineWidth?: import("csstype").Property.BorderInlineWidth<string | number> | undefined;
-    borderLeftColor?: import("csstype").Property.BorderLeftColor | undefined;
-    borderLeftStyle?: import("csstype").Property.BorderLeftStyle | undefined;
-    borderLeftWidth?: import("csstype").Property.BorderLeftWidth<string | number> | undefined;
-    borderRightColor?: import("csstype").Property.BorderRightColor | undefined;
-    borderRightStyle?: import("csstype").Property.BorderRightStyle | undefined;
-    borderRightWidth?: import("csstype").Property.BorderRightWidth<string | number> | undefined;
-    borderSpacing?: import("csstype").Property.BorderSpacing<string | number> | undefined;
-    borderStartEndRadius?: import("csstype").Property.BorderStartEndRadius<string | number> | undefined;
-    borderStartStartRadius?: import("csstype").Property.BorderStartStartRadius<string | number> | undefined;
-    borderTopColor?: import("csstype").Property.BorderTopColor | undefined;
-    borderTopLeftRadius?: import("csstype").Property.BorderTopLeftRadius<string | number> | undefined;
-    borderTopRightRadius?: import("csstype").Property.BorderTopRightRadius<string | number> | undefined;
-    borderTopStyle?: import("csstype").Property.BorderTopStyle | undefined;
-    borderTopWidth?: import("csstype").Property.BorderTopWidth<string | number> | undefined;
-    bottom?: import("csstype").Property.Bottom<string | number> | undefined;
-    boxDecorationBreak?: import("csstype").Property.BoxDecorationBreak | undefined;
-    boxShadow?: import("csstype").Property.BoxShadow | undefined;
-    boxSizing?: import("csstype").Property.BoxSizing | undefined;
-    breakAfter?: import("csstype").Property.BreakAfter | undefined;
-    breakBefore?: import("csstype").Property.BreakBefore | undefined;
-    breakInside?: import("csstype").Property.BreakInside | undefined;
-    captionSide?: import("csstype").Property.CaptionSide | undefined;
-    caretColor?: import("csstype").Property.CaretColor | undefined;
-    caretShape?: import("csstype").Property.CaretShape | undefined;
-    clear?: import("csstype").Property.Clear | undefined;
-    clipPath?: import("csstype").Property.ClipPath | undefined;
-    color?: import("csstype").Property.Color | undefined;
-    colorAdjust?: import("csstype").Property.PrintColorAdjust | undefined;
-    colorScheme?: import("csstype").Property.ColorScheme | undefined;
-    columnCount?: import("csstype").Property.ColumnCount | undefined;
-    columnFill?: import("csstype").Property.ColumnFill | undefined;
-    columnGap?: import("csstype").Property.ColumnGap<string | number> | undefined;
-    columnRuleColor?: import("csstype").Property.ColumnRuleColor | undefined;
-    columnRuleStyle?: import("csstype").Property.ColumnRuleStyle | undefined;
-    columnRuleWidth?: import("csstype").Property.ColumnRuleWidth<string | number> | undefined;
-    columnSpan?: import("csstype").Property.ColumnSpan | undefined;
-    columnWidth?: import("csstype").Property.ColumnWidth<string | number> | undefined;
-    contain?: import("csstype").Property.Contain | undefined;
-    containIntrinsicBlockSize?: import("csstype").Property.ContainIntrinsicBlockSize<string | number> | undefined;
-    containIntrinsicHeight?: import("csstype").Property.ContainIntrinsicHeight<string | number> | undefined;
-    containIntrinsicInlineSize?: import("csstype").Property.ContainIntrinsicInlineSize<string | number> | undefined;
-    containIntrinsicWidth?: import("csstype").Property.ContainIntrinsicWidth<string | number> | undefined;
-    containerName?: import("csstype").Property.ContainerName | undefined;
-    containerType?: import("csstype").Property.ContainerType | undefined;
-    content?: import("csstype").Property.Content | undefined;
-    contentVisibility?: import("csstype").Property.ContentVisibility | undefined;
-    counterIncrement?: import("csstype").Property.CounterIncrement | undefined;
-    counterReset?: import("csstype").Property.CounterReset | undefined;
-    counterSet?: import("csstype").Property.CounterSet | undefined;
-    cursor?: import("csstype").Property.Cursor | undefined;
-    direction?: import("csstype").Property.Direction | undefined;
-    display?: import("csstype").Property.Display | undefined;
-    emptyCells?: import("csstype").Property.EmptyCells | undefined;
-    filter?: import("csstype").Property.Filter | undefined;
-    flexBasis?: import("csstype").Property.FlexBasis<string | number> | undefined;
-    flexDirection?: import("csstype").Property.FlexDirection | undefined;
-    flexGrow?: import("csstype").Property.FlexGrow | undefined;
-    flexWrap?: import("csstype").Property.FlexWrap | undefined;
-    float?: import("csstype").Property.Float | undefined;
-    fontFamily?: import("csstype").Property.FontFamily | undefined;
-    fontFeatureSettings?: import("csstype").Property.FontFeatureSettings | undefined;
-    fontKerning?: import("csstype").Property.FontKerning | undefined;
-    fontLanguageOverride?: import("csstype").Property.FontLanguageOverride | undefined;
-    fontOpticalSizing?: import("csstype").Property.FontOpticalSizing | undefined;
-    fontPalette?: import("csstype").Property.FontPalette | undefined;
-    fontSize?: import("csstype").Property.FontSize<string | number> | undefined;
-    fontSizeAdjust?: import("csstype").Property.FontSizeAdjust | undefined;
-    fontSmooth?: import("csstype").Property.FontSmooth<string | number> | undefined;
-    fontStretch?: import("csstype").Property.FontStretch | undefined;
-    fontStyle?: import("csstype").Property.FontStyle | undefined;
-    fontSynthesis?: import("csstype").Property.FontSynthesis | undefined;
-    fontSynthesisPosition?: import("csstype").Property.FontSynthesisPosition | undefined;
-    fontSynthesisSmallCaps?: import("csstype").Property.FontSynthesisSmallCaps | undefined;
-    fontSynthesisStyle?: import("csstype").Property.FontSynthesisStyle | undefined;
-    fontSynthesisWeight?: import("csstype").Property.FontSynthesisWeight | undefined;
-    fontVariant?: import("csstype").Property.FontVariant | undefined;
-    fontVariantAlternates?: import("csstype").Property.FontVariantAlternates | undefined;
-    fontVariantCaps?: import("csstype").Property.FontVariantCaps | undefined;
-    fontVariantEastAsian?: import("csstype").Property.FontVariantEastAsian | undefined;
-    fontVariantEmoji?: import("csstype").Property.FontVariantEmoji | undefined;
-    fontVariantLigatures?: import("csstype").Property.FontVariantLigatures | undefined;
-    fontVariantNumeric?: import("csstype").Property.FontVariantNumeric | undefined;
-    fontVariantPosition?: import("csstype").Property.FontVariantPosition | undefined;
-    fontVariationSettings?: import("csstype").Property.FontVariationSettings | undefined;
-    fontWeight?: import("csstype").Property.FontWeight | undefined;
-    forcedColorAdjust?: import("csstype").Property.ForcedColorAdjust | undefined;
-    gridAutoColumns?: import("csstype").Property.GridAutoColumns<string | number> | undefined;
-    gridAutoFlow?: import("csstype").Property.GridAutoFlow | undefined;
-    gridAutoRows?: import("csstype").Property.GridAutoRows<string | number> | undefined;
-    gridColumnEnd?: import("csstype").Property.GridColumnEnd | undefined;
-    gridColumnStart?: import("csstype").Property.GridColumnStart | undefined;
-    gridRowEnd?: import("csstype").Property.GridRowEnd | undefined;
-    gridRowStart?: import("csstype").Property.GridRowStart | undefined;
-    gridTemplateAreas?: import("csstype").Property.GridTemplateAreas | undefined;
-    gridTemplateColumns?: import("csstype").Property.GridTemplateColumns<string | number> | undefined;
-    gridTemplateRows?: import("csstype").Property.GridTemplateRows<string | number> | undefined;
-    hangingPunctuation?: import("csstype").Property.HangingPunctuation | undefined;
-    height?: import("csstype").Property.Height<string | number> | undefined;
-    hyphenateCharacter?: import("csstype").Property.HyphenateCharacter | undefined;
-    hyphenateLimitChars?: import("csstype").Property.HyphenateLimitChars | undefined;
-    hyphens?: import("csstype").Property.Hyphens | undefined;
-    imageOrientation?: import("csstype").Property.ImageOrientation | undefined;
-    imageRendering?: import("csstype").Property.ImageRendering | undefined;
-    imageResolution?: import("csstype").Property.ImageResolution | undefined;
-    initialLetter?: import("csstype").Property.InitialLetter | undefined;
-    inlineSize?: import("csstype").Property.InlineSize<string | number> | undefined;
-    inputSecurity?: import("csstype").Property.InputSecurity | undefined;
-    insetBlockEnd?: import("csstype").Property.InsetBlockEnd<string | number> | undefined;
-    insetBlockStart?: import("csstype").Property.InsetBlockStart<string | number> | undefined;
-    insetInlineEnd?: import("csstype").Property.InsetInlineEnd<string | number> | undefined;
-    insetInlineStart?: import("csstype").Property.InsetInlineStart<string | number> | undefined;
-    isolation?: import("csstype").Property.Isolation | undefined;
-    justifyContent?: import("csstype").Property.JustifyContent | undefined;
-    justifyItems?: import("csstype").Property.JustifyItems | undefined;
-    justifySelf?: import("csstype").Property.JustifySelf | undefined;
-    justifyTracks?: import("csstype").Property.JustifyTracks | undefined;
-    left?: import("csstype").Property.Left<string | number> | undefined;
-    letterSpacing?: import("csstype").Property.LetterSpacing<string | number> | undefined;
-    lineBreak?: import("csstype").Property.LineBreak | undefined;
-    lineHeight?: import("csstype").Property.LineHeight<string | number> | undefined;
-    lineHeightStep?: import("csstype").Property.LineHeightStep<string | number> | undefined;
-    listStyleImage?: import("csstype").Property.ListStyleImage | undefined;
-    listStylePosition?: import("csstype").Property.ListStylePosition | undefined;
-    listStyleType?: import("csstype").Property.ListStyleType | undefined;
-    marginBlockEnd?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
-    marginBlockStart?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
-    marginBottom?: import("csstype").Property.MarginBottom<string | number> | undefined;
-    marginInlineEnd?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
-    marginInlineStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
-    marginLeft?: import("csstype").Property.MarginLeft<string | number> | undefined;
-    marginRight?: import("csstype").Property.MarginRight<string | number> | undefined;
-    marginTop?: import("csstype").Property.MarginTop<string | number> | undefined;
-    marginTrim?: import("csstype").Property.MarginTrim | undefined;
-    maskBorderMode?: import("csstype").Property.MaskBorderMode | undefined;
-    maskBorderOutset?: import("csstype").Property.MaskBorderOutset<string | number> | undefined;
-    maskBorderRepeat?: import("csstype").Property.MaskBorderRepeat | undefined;
-    maskBorderSlice?: import("csstype").Property.MaskBorderSlice | undefined;
-    maskBorderSource?: import("csstype").Property.MaskBorderSource | undefined;
-    maskBorderWidth?: import("csstype").Property.MaskBorderWidth<string | number> | undefined;
-    maskClip?: import("csstype").Property.MaskClip | undefined;
-    maskComposite?: import("csstype").Property.MaskComposite | undefined;
-    maskImage?: import("csstype").Property.MaskImage | undefined;
-    maskMode?: import("csstype").Property.MaskMode | undefined;
-    maskOrigin?: import("csstype").Property.MaskOrigin | undefined;
-    maskPosition?: import("csstype").Property.MaskPosition<string | number> | undefined;
-    maskRepeat?: import("csstype").Property.MaskRepeat | undefined;
-    maskSize?: import("csstype").Property.MaskSize<string | number> | undefined;
-    maskType?: import("csstype").Property.MaskType | undefined;
-    masonryAutoFlow?: import("csstype").Property.MasonryAutoFlow | undefined;
-    mathDepth?: import("csstype").Property.MathDepth | undefined;
-    mathShift?: import("csstype").Property.MathShift | undefined;
-    mathStyle?: import("csstype").Property.MathStyle | undefined;
-    maxBlockSize?: import("csstype").Property.MaxBlockSize<string | number> | undefined;
-    maxHeight?: import("csstype").Property.MaxHeight<string | number> | undefined;
-    maxInlineSize?: import("csstype").Property.MaxInlineSize<string | number> | undefined;
-    maxLines?: import("csstype").Property.MaxLines | undefined;
-    maxWidth?: import("csstype").Property.MaxWidth<string | number> | undefined;
-    minBlockSize?: import("csstype").Property.MinBlockSize<string | number> | undefined;
-    minInlineSize?: import("csstype").Property.MinInlineSize<string | number> | undefined;
-    mixBlendMode?: import("csstype").Property.MixBlendMode | undefined;
-    motionDistance?: import("csstype").Property.OffsetDistance<string | number> | undefined;
-    motionPath?: import("csstype").Property.OffsetPath | undefined;
-    motionRotation?: import("csstype").Property.OffsetRotate | undefined;
-    objectFit?: import("csstype").Property.ObjectFit | undefined;
-    objectPosition?: import("csstype").Property.ObjectPosition<string | number> | undefined;
-    offsetAnchor?: import("csstype").Property.OffsetAnchor<string | number> | undefined;
-    offsetDistance?: import("csstype").Property.OffsetDistance<string | number> | undefined;
-    offsetPath?: import("csstype").Property.OffsetPath | undefined;
-    offsetPosition?: import("csstype").Property.OffsetPosition<string | number> | undefined;
-    offsetRotate?: import("csstype").Property.OffsetRotate | undefined;
-    offsetRotation?: import("csstype").Property.OffsetRotate | undefined;
-    opacity?: import("csstype").Property.Opacity | undefined;
-    order?: import("csstype").Property.Order | undefined;
-    orphans?: import("csstype").Property.Orphans | undefined;
-    outlineColor?: import("csstype").Property.OutlineColor | undefined;
-    outlineOffset?: import("csstype").Property.OutlineOffset<string | number> | undefined;
-    outlineStyle?: import("csstype").Property.OutlineStyle | undefined;
-    outlineWidth?: import("csstype").Property.OutlineWidth<string | number> | undefined;
-    overflowAnchor?: import("csstype").Property.OverflowAnchor | undefined;
-    overflowBlock?: import("csstype").Property.OverflowBlock | undefined;
-    overflowClipBox?: import("csstype").Property.OverflowClipBox | undefined;
-    overflowClipMargin?: import("csstype").Property.OverflowClipMargin<string | number> | undefined;
-    overflowInline?: import("csstype").Property.OverflowInline | undefined;
-    overflowWrap?: import("csstype").Property.OverflowWrap | undefined;
-    overflowX?: import("csstype").Property.OverflowX | undefined;
-    overflowY?: import("csstype").Property.OverflowY | undefined;
-    overlay?: import("csstype").Property.Overlay | undefined;
-    overscrollBehaviorBlock?: import("csstype").Property.OverscrollBehaviorBlock | undefined;
-    overscrollBehaviorInline?: import("csstype").Property.OverscrollBehaviorInline | undefined;
-    overscrollBehaviorX?: import("csstype").Property.OverscrollBehaviorX | undefined;
-    overscrollBehaviorY?: import("csstype").Property.OverscrollBehaviorY | undefined;
-    paddingBlockEnd?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
-    paddingBlockStart?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
-    paddingBottom?: import("csstype").Property.PaddingBottom<string | number> | undefined;
-    paddingInlineEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
-    paddingInlineStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-    paddingLeft?: import("csstype").Property.PaddingLeft<string | number> | undefined;
-    paddingRight?: import("csstype").Property.PaddingRight<string | number> | undefined;
-    paddingTop?: import("csstype").Property.PaddingTop<string | number> | undefined;
-    page?: import("csstype").Property.Page | undefined;
-    pageBreakAfter?: import("csstype").Property.PageBreakAfter | undefined;
-    pageBreakBefore?: import("csstype").Property.PageBreakBefore | undefined;
-    pageBreakInside?: import("csstype").Property.PageBreakInside | undefined;
-    paintOrder?: import("csstype").Property.PaintOrder | undefined;
-    perspective?: import("csstype").Property.Perspective<string | number> | undefined;
-    perspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number> | undefined;
-    pointerEvents?: import("csstype").Property.PointerEvents | undefined;
-    position?: import("csstype").Property.Position | undefined;
-    printColorAdjust?: import("csstype").Property.PrintColorAdjust | undefined;
-    quotes?: import("csstype").Property.Quotes | undefined;
-    resize?: import("csstype").Property.Resize | undefined;
-    right?: import("csstype").Property.Right<string | number> | undefined;
-    rotate?: import("csstype").Property.Rotate | undefined;
-    rowGap?: import("csstype").Property.RowGap<string | number> | undefined;
-    rubyAlign?: import("csstype").Property.RubyAlign | undefined;
-    rubyMerge?: import("csstype").Property.RubyMerge | undefined;
-    rubyPosition?: import("csstype").Property.RubyPosition | undefined;
-    scale?: import("csstype").Property.Scale | undefined;
-    scrollBehavior?: import("csstype").Property.ScrollBehavior | undefined;
-    scrollMarginBlockEnd?: import("csstype").Property.ScrollMarginBlockEnd<string | number> | undefined;
-    scrollMarginBlockStart?: import("csstype").Property.ScrollMarginBlockStart<string | number> | undefined;
-    scrollMarginBottom?: import("csstype").Property.ScrollMarginBottom<string | number> | undefined;
-    scrollMarginInlineEnd?: import("csstype").Property.ScrollMarginInlineEnd<string | number> | undefined;
-    scrollMarginInlineStart?: import("csstype").Property.ScrollMarginInlineStart<string | number> | undefined;
-    scrollMarginLeft?: import("csstype").Property.ScrollMarginLeft<string | number> | undefined;
-    scrollMarginRight?: import("csstype").Property.ScrollMarginRight<string | number> | undefined;
-    scrollMarginTop?: import("csstype").Property.ScrollMarginTop<string | number> | undefined;
-    scrollPaddingBlockEnd?: import("csstype").Property.ScrollPaddingBlockEnd<string | number> | undefined;
-    scrollPaddingBlockStart?: import("csstype").Property.ScrollPaddingBlockStart<string | number> | undefined;
-    scrollPaddingBottom?: import("csstype").Property.ScrollPaddingBottom<string | number> | undefined;
-    scrollPaddingInlineEnd?: import("csstype").Property.ScrollPaddingInlineEnd<string | number> | undefined;
-    scrollPaddingInlineStart?: import("csstype").Property.ScrollPaddingInlineStart<string | number> | undefined;
-    scrollPaddingLeft?: import("csstype").Property.ScrollPaddingLeft<string | number> | undefined;
-    scrollPaddingRight?: import("csstype").Property.ScrollPaddingRight<string | number> | undefined;
-    scrollPaddingTop?: import("csstype").Property.ScrollPaddingTop<string | number> | undefined;
-    scrollSnapAlign?: import("csstype").Property.ScrollSnapAlign | undefined;
-    scrollSnapMarginBottom?: import("csstype").Property.ScrollMarginBottom<string | number> | undefined;
-    scrollSnapMarginLeft?: import("csstype").Property.ScrollMarginLeft<string | number> | undefined;
-    scrollSnapMarginRight?: import("csstype").Property.ScrollMarginRight<string | number> | undefined;
-    scrollSnapMarginTop?: import("csstype").Property.ScrollMarginTop<string | number> | undefined;
-    scrollSnapStop?: import("csstype").Property.ScrollSnapStop | undefined;
-    scrollSnapType?: import("csstype").Property.ScrollSnapType | undefined;
-    scrollTimelineAxis?: import("csstype").Property.ScrollTimelineAxis | undefined;
-    scrollTimelineName?: import("csstype").Property.ScrollTimelineName | undefined;
-    scrollbarColor?: import("csstype").Property.ScrollbarColor | undefined;
-    scrollbarGutter?: import("csstype").Property.ScrollbarGutter | undefined;
-    scrollbarWidth?: import("csstype").Property.ScrollbarWidth | undefined;
-    shapeImageThreshold?: import("csstype").Property.ShapeImageThreshold | undefined;
-    shapeMargin?: import("csstype").Property.ShapeMargin<string | number> | undefined;
-    shapeOutside?: import("csstype").Property.ShapeOutside | undefined;
-    tabSize?: import("csstype").Property.TabSize<string | number> | undefined;
-    tableLayout?: import("csstype").Property.TableLayout | undefined;
-    textAlign?: import("csstype").Property.TextAlign | undefined;
-    textAlignLast?: import("csstype").Property.TextAlignLast | undefined;
-    textCombineUpright?: import("csstype").Property.TextCombineUpright | undefined;
-    textDecorationColor?: import("csstype").Property.TextDecorationColor | undefined;
-    textDecorationLine?: import("csstype").Property.TextDecorationLine | undefined;
-    textDecorationSkip?: import("csstype").Property.TextDecorationSkip | undefined;
-    textDecorationSkipInk?: import("csstype").Property.TextDecorationSkipInk | undefined;
-    textDecorationStyle?: import("csstype").Property.TextDecorationStyle | undefined;
-    textDecorationThickness?: import("csstype").Property.TextDecorationThickness<string | number> | undefined;
-    textEmphasisColor?: import("csstype").Property.TextEmphasisColor | undefined;
-    textEmphasisPosition?: import("csstype").Property.TextEmphasisPosition | undefined;
-    textEmphasisStyle?: import("csstype").Property.TextEmphasisStyle | undefined;
-    textIndent?: import("csstype").Property.TextIndent<string | number> | undefined;
-    textJustify?: import("csstype").Property.TextJustify | undefined;
-    textOrientation?: import("csstype").Property.TextOrientation | undefined;
-    textOverflow?: import("csstype").Property.TextOverflow | undefined;
-    textRendering?: import("csstype").Property.TextRendering | undefined;
-    textShadow?: import("csstype").Property.TextShadow | undefined;
-    textSizeAdjust?: import("csstype").Property.TextSizeAdjust | undefined;
-    textTransform?: import("csstype").Property.TextTransform | undefined;
-    textUnderlineOffset?: import("csstype").Property.TextUnderlineOffset<string | number> | undefined;
-    textUnderlinePosition?: import("csstype").Property.TextUnderlinePosition | undefined;
-    textWrap?: import("csstype").Property.TextWrap | undefined;
-    timelineScope?: import("csstype").Property.TimelineScope | undefined;
-    top?: import("csstype").Property.Top<string | number> | undefined;
-    touchAction?: import("csstype").Property.TouchAction | undefined;
-    transform?: import("csstype").Property.Transform | undefined;
-    transformBox?: import("csstype").Property.TransformBox | undefined;
-    transformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
-    transformStyle?: import("csstype").Property.TransformStyle | undefined;
-    transitionBehavior?: import("csstype").Property.TransitionBehavior | undefined;
-    transitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
-    transitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
-    transitionProperty?: import("csstype").Property.TransitionProperty | undefined;
-    transitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | undefined;
-    translate?: import("csstype").Property.Translate<string | number> | undefined;
-    unicodeBidi?: import("csstype").Property.UnicodeBidi | undefined;
-    userSelect?: import("csstype").Property.UserSelect | undefined;
-    verticalAlign?: import("csstype").Property.VerticalAlign<string | number> | undefined;
-    viewTimelineAxis?: import("csstype").Property.ViewTimelineAxis | undefined;
-    viewTimelineInset?: import("csstype").Property.ViewTimelineInset<string | number> | undefined;
-    viewTimelineName?: import("csstype").Property.ViewTimelineName | undefined;
-    viewTransitionName?: import("csstype").Property.ViewTransitionName | undefined;
-    visibility?: import("csstype").Property.Visibility | undefined;
-    whiteSpace?: import("csstype").Property.WhiteSpace | undefined;
-    whiteSpaceCollapse?: import("csstype").Property.WhiteSpaceCollapse | undefined;
-    whiteSpaceTrim?: import("csstype").Property.WhiteSpaceTrim | undefined;
-    widows?: import("csstype").Property.Widows | undefined;
-    width?: import("csstype").Property.Width<string | number> | undefined;
-    willChange?: import("csstype").Property.WillChange | undefined;
-    wordBreak?: import("csstype").Property.WordBreak | undefined;
-    wordSpacing?: import("csstype").Property.WordSpacing<string | number> | undefined;
-    wordWrap?: import("csstype").Property.WordWrap | undefined;
-    writingMode?: import("csstype").Property.WritingMode | undefined;
-    zIndex?: import("csstype").Property.ZIndex | undefined;
-    zoom?: import("csstype").Property.Zoom | undefined;
-    all?: import("csstype").Globals | undefined;
-    animation?: import("csstype").Property.Animation<string & {}> | undefined;
-    animationRange?: import("csstype").Property.AnimationRange<string | number> | undefined;
-    background?: import("csstype").Property.Background<string | number> | undefined;
-    backgroundPosition?: import("csstype").Property.BackgroundPosition<string | number> | undefined;
-    border?: import("csstype").Property.Border<string | number> | undefined;
-    borderBlock?: import("csstype").Property.BorderBlock<string | number> | undefined;
-    borderBlockEnd?: import("csstype").Property.BorderBlockEnd<string | number> | undefined;
-    borderBlockStart?: import("csstype").Property.BorderBlockStart<string | number> | undefined;
-    borderBottom?: import("csstype").Property.BorderBottom<string | number> | undefined;
-    borderColor?: import("csstype").Property.BorderColor | undefined;
-    borderImage?: import("csstype").Property.BorderImage | undefined;
-    borderInline?: import("csstype").Property.BorderInline<string | number> | undefined;
-    borderInlineEnd?: import("csstype").Property.BorderInlineEnd<string | number> | undefined;
-    borderInlineStart?: import("csstype").Property.BorderInlineStart<string | number> | undefined;
-    borderLeft?: import("csstype").Property.BorderLeft<string | number> | undefined;
-    borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
-    borderRight?: import("csstype").Property.BorderRight<string | number> | undefined;
-    borderStyle?: import("csstype").Property.BorderStyle | undefined;
-    borderTop?: import("csstype").Property.BorderTop<string | number> | undefined;
-    borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
-    caret?: import("csstype").Property.Caret | undefined;
-    columnRule?: import("csstype").Property.ColumnRule<string | number> | undefined;
-    columns?: import("csstype").Property.Columns<string | number> | undefined;
-    containIntrinsicSize?: import("csstype").Property.ContainIntrinsicSize<string | number> | undefined;
-    container?: import("csstype").Property.Container | undefined;
-    flexFlow?: import("csstype").Property.FlexFlow | undefined;
-    font?: import("csstype").Property.Font | undefined;
-    gap?: import("csstype").Property.Gap<string | number> | undefined;
-    grid?: import("csstype").Property.Grid | undefined;
-    gridArea?: import("csstype").Property.GridArea | undefined;
-    gridColumn?: import("csstype").Property.GridColumn | undefined;
-    gridRow?: import("csstype").Property.GridRow | undefined;
-    gridTemplate?: import("csstype").Property.GridTemplate | undefined;
-    inset?: import("csstype").Property.Inset<string | number> | undefined;
-    insetBlock?: import("csstype").Property.InsetBlock<string | number> | undefined;
-    insetInline?: import("csstype").Property.InsetInline<string | number> | undefined;
-    lineClamp?: import("csstype").Property.LineClamp | undefined;
-    listStyle?: import("csstype").Property.ListStyle | undefined;
-    margin?: import("csstype").Property.Margin<string | number> | undefined;
-    marginBlock?: import("csstype").Property.MarginBlock<string | number> | undefined;
-    marginInline?: import("csstype").Property.MarginInline<string | number> | undefined;
-    mask?: import("csstype").Property.Mask<string | number> | undefined;
-    maskBorder?: import("csstype").Property.MaskBorder | undefined;
-    motion?: import("csstype").Property.Offset<string | number> | undefined;
-    offset?: import("csstype").Property.Offset<string | number> | undefined;
-    outline?: import("csstype").Property.Outline<string | number> | undefined;
-    overflow?: import("csstype").Property.Overflow | undefined;
-    overscrollBehavior?: import("csstype").Property.OverscrollBehavior | undefined;
-    padding?: import("csstype").Property.Padding<string | number> | undefined;
-    paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | undefined;
-    paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
-    placeContent?: import("csstype").Property.PlaceContent | undefined;
-    placeItems?: import("csstype").Property.PlaceItems | undefined;
-    placeSelf?: import("csstype").Property.PlaceSelf | undefined;
-    scrollMargin?: import("csstype").Property.ScrollMargin<string | number> | undefined;
-    scrollMarginBlock?: import("csstype").Property.ScrollMarginBlock<string | number> | undefined;
-    scrollMarginInline?: import("csstype").Property.ScrollMarginInline<string | number> | undefined;
-    scrollPadding?: import("csstype").Property.ScrollPadding<string | number> | undefined;
-    scrollPaddingBlock?: import("csstype").Property.ScrollPaddingBlock<string | number> | undefined;
-    scrollPaddingInline?: import("csstype").Property.ScrollPaddingInline<string | number> | undefined;
-    scrollSnapMargin?: import("csstype").Property.ScrollMargin<string | number> | undefined;
-    scrollTimeline?: import("csstype").Property.ScrollTimeline | undefined;
-    textDecoration?: import("csstype").Property.TextDecoration<string | number> | undefined;
-    textEmphasis?: import("csstype").Property.TextEmphasis | undefined;
-    transition?: import("csstype").Property.Transition<string & {}> | undefined;
-    viewTimeline?: import("csstype").Property.ViewTimeline | undefined;
-    MozAnimationDelay?: import("csstype").Property.AnimationDelay<string & {}> | undefined;
-    MozAnimationDirection?: import("csstype").Property.AnimationDirection | undefined;
-    MozAnimationDuration?: import("csstype").Property.AnimationDuration<string & {}> | undefined;
-    MozAnimationFillMode?: import("csstype").Property.AnimationFillMode | undefined;
-    MozAnimationIterationCount?: import("csstype").Property.AnimationIterationCount | undefined;
-    MozAnimationName?: import("csstype").Property.AnimationName | undefined;
-    MozAnimationPlayState?: import("csstype").Property.AnimationPlayState | undefined;
-    MozAnimationTimingFunction?: import("csstype").Property.AnimationTimingFunction | undefined;
-    MozAppearance?: import("csstype").Property.MozAppearance | undefined;
-    MozBinding?: import("csstype").Property.MozBinding | undefined;
-    MozBorderBottomColors?: import("csstype").Property.MozBorderBottomColors | undefined;
-    MozBorderEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
-    MozBorderEndStyle?: import("csstype").Property.BorderInlineEndStyle | undefined;
-    MozBorderEndWidth?: import("csstype").Property.BorderInlineEndWidth<string | number> | undefined;
-    MozBorderLeftColors?: import("csstype").Property.MozBorderLeftColors | undefined;
-    MozBorderRightColors?: import("csstype").Property.MozBorderRightColors | undefined;
-    MozBorderStartColor?: import("csstype").Property.BorderInlineStartColor | undefined;
-    MozBorderStartStyle?: import("csstype").Property.BorderInlineStartStyle | undefined;
-    MozBorderTopColors?: import("csstype").Property.MozBorderTopColors | undefined;
-    MozBoxSizing?: import("csstype").Property.BoxSizing | undefined;
-    MozColumnCount?: import("csstype").Property.ColumnCount | undefined;
-    MozColumnFill?: import("csstype").Property.ColumnFill | undefined;
-    MozColumnRuleColor?: import("csstype").Property.ColumnRuleColor | undefined;
-    MozColumnRuleStyle?: import("csstype").Property.ColumnRuleStyle | undefined;
-    MozColumnRuleWidth?: import("csstype").Property.ColumnRuleWidth<string | number> | undefined;
-    MozColumnWidth?: import("csstype").Property.ColumnWidth<string | number> | undefined;
-    MozContextProperties?: import("csstype").Property.MozContextProperties | undefined;
-    MozFontFeatureSettings?: import("csstype").Property.FontFeatureSettings | undefined;
-    MozFontLanguageOverride?: import("csstype").Property.FontLanguageOverride | undefined;
-    MozHyphens?: import("csstype").Property.Hyphens | undefined;
-    MozImageRegion?: import("csstype").Property.MozImageRegion | undefined;
-    MozMarginEnd?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
-    MozMarginStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
-    MozOrient?: import("csstype").Property.MozOrient | undefined;
-    MozOsxFontSmoothing?: import("csstype").Property.FontSmooth<string | number> | undefined;
-    MozOutlineRadiusBottomleft?: import("csstype").Property.MozOutlineRadiusBottomleft<string | number> | undefined;
-    MozOutlineRadiusBottomright?: import("csstype").Property.MozOutlineRadiusBottomright<string | number> | undefined;
-    MozOutlineRadiusTopleft?: import("csstype").Property.MozOutlineRadiusTopleft<string | number> | undefined;
-    MozOutlineRadiusTopright?: import("csstype").Property.MozOutlineRadiusTopright<string | number> | undefined;
-    MozPaddingEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
-    MozPaddingStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-    MozStackSizing?: import("csstype").Property.MozStackSizing | undefined;
-    MozTabSize?: import("csstype").Property.TabSize<string | number> | undefined;
-    MozTextBlink?: import("csstype").Property.MozTextBlink | undefined;
-    MozTextSizeAdjust?: import("csstype").Property.TextSizeAdjust | undefined;
-    MozUserFocus?: import("csstype").Property.MozUserFocus | undefined;
-    MozUserModify?: import("csstype").Property.MozUserModify | undefined;
-    MozUserSelect?: import("csstype").Property.UserSelect | undefined;
-    MozWindowDragging?: import("csstype").Property.MozWindowDragging | undefined;
-    MozWindowShadow?: import("csstype").Property.MozWindowShadow | undefined;
-    msAccelerator?: import("csstype").Property.MsAccelerator | undefined;
-    msBlockProgression?: import("csstype").Property.MsBlockProgression | undefined;
-    msContentZoomChaining?: import("csstype").Property.MsContentZoomChaining | undefined;
-    msContentZoomLimitMax?: import("csstype").Property.MsContentZoomLimitMax | undefined;
-    msContentZoomLimitMin?: import("csstype").Property.MsContentZoomLimitMin | undefined;
-    msContentZoomSnapPoints?: import("csstype").Property.MsContentZoomSnapPoints | undefined;
-    msContentZoomSnapType?: import("csstype").Property.MsContentZoomSnapType | undefined;
-    msContentZooming?: import("csstype").Property.MsContentZooming | undefined;
-    msFilter?: import("csstype").Property.MsFilter | undefined;
-    msFlexDirection?: import("csstype").Property.FlexDirection | undefined;
-    msFlexPositive?: import("csstype").Property.FlexGrow | undefined;
-    msFlowFrom?: import("csstype").Property.MsFlowFrom | undefined;
-    msFlowInto?: import("csstype").Property.MsFlowInto | undefined;
-    msGridColumns?: import("csstype").Property.MsGridColumns<string | number> | undefined;
-    msGridRows?: import("csstype").Property.MsGridRows<string | number> | undefined;
-    msHighContrastAdjust?: import("csstype").Property.MsHighContrastAdjust | undefined;
-    msHyphenateLimitChars?: import("csstype").Property.MsHyphenateLimitChars | undefined;
-    msHyphenateLimitLines?: import("csstype").Property.MsHyphenateLimitLines | undefined;
-    msHyphenateLimitZone?: import("csstype").Property.MsHyphenateLimitZone<string | number> | undefined;
-    msHyphens?: import("csstype").Property.Hyphens | undefined;
-    msImeAlign?: import("csstype").Property.MsImeAlign | undefined;
-    msLineBreak?: import("csstype").Property.LineBreak | undefined;
-    msOrder?: import("csstype").Property.Order | undefined;
-    msOverflowStyle?: import("csstype").Property.MsOverflowStyle | undefined;
-    msOverflowX?: import("csstype").Property.OverflowX | undefined;
-    msOverflowY?: import("csstype").Property.OverflowY | undefined;
-    msScrollChaining?: import("csstype").Property.MsScrollChaining | undefined;
-    msScrollLimitXMax?: import("csstype").Property.MsScrollLimitXMax<string | number> | undefined;
-    msScrollLimitXMin?: import("csstype").Property.MsScrollLimitXMin<string | number> | undefined;
-    msScrollLimitYMax?: import("csstype").Property.MsScrollLimitYMax<string | number> | undefined;
-    msScrollLimitYMin?: import("csstype").Property.MsScrollLimitYMin<string | number> | undefined;
-    msScrollRails?: import("csstype").Property.MsScrollRails | undefined;
-    msScrollSnapPointsX?: import("csstype").Property.MsScrollSnapPointsX | undefined;
-    msScrollSnapPointsY?: import("csstype").Property.MsScrollSnapPointsY | undefined;
-    msScrollSnapType?: import("csstype").Property.MsScrollSnapType | undefined;
-    msScrollTranslation?: import("csstype").Property.MsScrollTranslation | undefined;
-    msScrollbar3dlightColor?: import("csstype").Property.MsScrollbar3dlightColor | undefined;
-    msScrollbarArrowColor?: import("csstype").Property.MsScrollbarArrowColor | undefined;
-    msScrollbarBaseColor?: import("csstype").Property.MsScrollbarBaseColor | undefined;
-    msScrollbarDarkshadowColor?: import("csstype").Property.MsScrollbarDarkshadowColor | undefined;
-    msScrollbarFaceColor?: import("csstype").Property.MsScrollbarFaceColor | undefined;
-    msScrollbarHighlightColor?: import("csstype").Property.MsScrollbarHighlightColor | undefined;
-    msScrollbarShadowColor?: import("csstype").Property.MsScrollbarShadowColor | undefined;
-    msScrollbarTrackColor?: import("csstype").Property.MsScrollbarTrackColor | undefined;
-    msTextAutospace?: import("csstype").Property.MsTextAutospace | undefined;
-    msTextCombineHorizontal?: import("csstype").Property.TextCombineUpright | undefined;
-    msTextOverflow?: import("csstype").Property.TextOverflow | undefined;
-    msTouchAction?: import("csstype").Property.TouchAction | undefined;
-    msTouchSelect?: import("csstype").Property.MsTouchSelect | undefined;
-    msTransform?: import("csstype").Property.Transform | undefined;
-    msTransformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
-    msTransitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
-    msTransitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
-    msTransitionProperty?: import("csstype").Property.TransitionProperty | undefined;
-    msTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | undefined;
-    msUserSelect?: import("csstype").Property.MsUserSelect | undefined;
-    msWordBreak?: import("csstype").Property.WordBreak | undefined;
-    msWrapFlow?: import("csstype").Property.MsWrapFlow | undefined;
-    msWrapMargin?: import("csstype").Property.MsWrapMargin<string | number> | undefined;
-    msWrapThrough?: import("csstype").Property.MsWrapThrough | undefined;
-    msWritingMode?: import("csstype").Property.WritingMode | undefined;
-    WebkitAlignContent?: import("csstype").Property.AlignContent | undefined;
-    WebkitAlignItems?: import("csstype").Property.AlignItems | undefined;
-    WebkitAlignSelf?: import("csstype").Property.AlignSelf | undefined;
-    WebkitAnimationDelay?: import("csstype").Property.AnimationDelay<string & {}> | undefined;
-    WebkitAnimationDirection?: import("csstype").Property.AnimationDirection | undefined;
-    WebkitAnimationDuration?: import("csstype").Property.AnimationDuration<string & {}> | undefined;
-    WebkitAnimationFillMode?: import("csstype").Property.AnimationFillMode | undefined;
-    WebkitAnimationIterationCount?: import("csstype").Property.AnimationIterationCount | undefined;
-    WebkitAnimationName?: import("csstype").Property.AnimationName | undefined;
-    WebkitAnimationPlayState?: import("csstype").Property.AnimationPlayState | undefined;
-    WebkitAnimationTimingFunction?: import("csstype").Property.AnimationTimingFunction | undefined;
-    WebkitAppearance?: import("csstype").Property.WebkitAppearance | undefined;
-    WebkitBackdropFilter?: import("csstype").Property.BackdropFilter | undefined;
-    WebkitBackfaceVisibility?: import("csstype").Property.BackfaceVisibility | undefined;
-    WebkitBackgroundClip?: import("csstype").Property.BackgroundClip | undefined;
-    WebkitBackgroundOrigin?: import("csstype").Property.BackgroundOrigin | undefined;
-    WebkitBackgroundSize?: import("csstype").Property.BackgroundSize<string | number> | undefined;
-    WebkitBorderBeforeColor?: import("csstype").Property.WebkitBorderBeforeColor | undefined;
-    WebkitBorderBeforeStyle?: import("csstype").Property.WebkitBorderBeforeStyle | undefined;
-    WebkitBorderBeforeWidth?: import("csstype").Property.WebkitBorderBeforeWidth<string | number> | undefined;
-    WebkitBorderBottomLeftRadius?: import("csstype").Property.BorderBottomLeftRadius<string | number> | undefined;
-    WebkitBorderBottomRightRadius?: import("csstype").Property.BorderBottomRightRadius<string | number> | undefined;
-    WebkitBorderImageSlice?: import("csstype").Property.BorderImageSlice | undefined;
-    WebkitBorderTopLeftRadius?: import("csstype").Property.BorderTopLeftRadius<string | number> | undefined;
-    WebkitBorderTopRightRadius?: import("csstype").Property.BorderTopRightRadius<string | number> | undefined;
-    WebkitBoxDecorationBreak?: import("csstype").Property.BoxDecorationBreak | undefined;
-    WebkitBoxReflect?: import("csstype").Property.WebkitBoxReflect<string | number> | undefined;
-    WebkitBoxShadow?: import("csstype").Property.BoxShadow | undefined;
-    WebkitBoxSizing?: import("csstype").Property.BoxSizing | undefined;
-    WebkitClipPath?: import("csstype").Property.ClipPath | undefined;
-    WebkitColumnCount?: import("csstype").Property.ColumnCount | undefined;
-    WebkitColumnFill?: import("csstype").Property.ColumnFill | undefined;
-    WebkitColumnRuleColor?: import("csstype").Property.ColumnRuleColor | undefined;
-    WebkitColumnRuleStyle?: import("csstype").Property.ColumnRuleStyle | undefined;
-    WebkitColumnRuleWidth?: import("csstype").Property.ColumnRuleWidth<string | number> | undefined;
-    WebkitColumnSpan?: import("csstype").Property.ColumnSpan | undefined;
-    WebkitColumnWidth?: import("csstype").Property.ColumnWidth<string | number> | undefined;
-    WebkitFilter?: import("csstype").Property.Filter | undefined;
-    WebkitFlexBasis?: import("csstype").Property.FlexBasis<string | number> | undefined;
-    WebkitFlexDirection?: import("csstype").Property.FlexDirection | undefined;
-    WebkitFlexGrow?: import("csstype").Property.FlexGrow | undefined;
-    WebkitFlexShrink?: import("csstype").Property.FlexShrink | undefined;
-    WebkitFlexWrap?: import("csstype").Property.FlexWrap | undefined;
-    WebkitFontFeatureSettings?: import("csstype").Property.FontFeatureSettings | undefined;
-    WebkitFontKerning?: import("csstype").Property.FontKerning | undefined;
-    WebkitFontSmoothing?: import("csstype").Property.FontSmooth<string | number> | undefined;
-    WebkitFontVariantLigatures?: import("csstype").Property.FontVariantLigatures | undefined;
-    WebkitHyphenateCharacter?: import("csstype").Property.HyphenateCharacter | undefined;
-    WebkitHyphens?: import("csstype").Property.Hyphens | undefined;
-    WebkitInitialLetter?: import("csstype").Property.InitialLetter | undefined;
-    WebkitJustifyContent?: import("csstype").Property.JustifyContent | undefined;
-    WebkitLineBreak?: import("csstype").Property.LineBreak | undefined;
-    WebkitLineClamp?: import("csstype").Property.WebkitLineClamp | undefined;
-    WebkitMarginEnd?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
-    WebkitMarginStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
-    WebkitMaskAttachment?: import("csstype").Property.WebkitMaskAttachment | undefined;
-    WebkitMaskBoxImageOutset?: import("csstype").Property.MaskBorderOutset<string | number> | undefined;
-    WebkitMaskBoxImageRepeat?: import("csstype").Property.MaskBorderRepeat | undefined;
-    WebkitMaskBoxImageSlice?: import("csstype").Property.MaskBorderSlice | undefined;
-    WebkitMaskBoxImageSource?: import("csstype").Property.MaskBorderSource | undefined;
-    WebkitMaskBoxImageWidth?: import("csstype").Property.MaskBorderWidth<string | number> | undefined;
-    WebkitMaskClip?: import("csstype").Property.WebkitMaskClip | undefined;
-    WebkitMaskComposite?: import("csstype").Property.WebkitMaskComposite | undefined;
-    WebkitMaskImage?: import("csstype").Property.WebkitMaskImage | undefined;
-    WebkitMaskOrigin?: import("csstype").Property.WebkitMaskOrigin | undefined;
-    WebkitMaskPosition?: import("csstype").Property.WebkitMaskPosition<string | number> | undefined;
-    WebkitMaskPositionX?: import("csstype").Property.WebkitMaskPositionX<string | number> | undefined;
-    WebkitMaskPositionY?: import("csstype").Property.WebkitMaskPositionY<string | number> | undefined;
-    WebkitMaskRepeat?: import("csstype").Property.WebkitMaskRepeat | undefined;
-    WebkitMaskRepeatX?: import("csstype").Property.WebkitMaskRepeatX | undefined;
-    WebkitMaskRepeatY?: import("csstype").Property.WebkitMaskRepeatY | undefined;
-    WebkitMaskSize?: import("csstype").Property.WebkitMaskSize<string | number> | undefined;
-    WebkitMaxInlineSize?: import("csstype").Property.MaxInlineSize<string | number> | undefined;
-    WebkitOrder?: import("csstype").Property.Order | undefined;
-    WebkitOverflowScrolling?: import("csstype").Property.WebkitOverflowScrolling | undefined;
-    WebkitPaddingEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
-    WebkitPaddingStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-    WebkitPerspective?: import("csstype").Property.Perspective<string | number> | undefined;
-    WebkitPerspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number> | undefined;
-    WebkitPrintColorAdjust?: import("csstype").Property.PrintColorAdjust | undefined;
-    WebkitRubyPosition?: import("csstype").Property.RubyPosition | undefined;
-    WebkitScrollSnapType?: import("csstype").Property.ScrollSnapType | undefined;
-    WebkitShapeMargin?: import("csstype").Property.ShapeMargin<string | number> | undefined;
-    WebkitTapHighlightColor?: import("csstype").Property.WebkitTapHighlightColor | undefined;
-    WebkitTextCombine?: import("csstype").Property.TextCombineUpright | undefined;
-    WebkitTextDecorationColor?: import("csstype").Property.TextDecorationColor | undefined;
-    WebkitTextDecorationLine?: import("csstype").Property.TextDecorationLine | undefined;
-    WebkitTextDecorationSkip?: import("csstype").Property.TextDecorationSkip | undefined;
-    WebkitTextDecorationStyle?: import("csstype").Property.TextDecorationStyle | undefined;
-    WebkitTextEmphasisColor?: import("csstype").Property.TextEmphasisColor | undefined;
-    WebkitTextEmphasisPosition?: import("csstype").Property.TextEmphasisPosition | undefined;
-    WebkitTextEmphasisStyle?: import("csstype").Property.TextEmphasisStyle | undefined;
-    WebkitTextFillColor?: import("csstype").Property.WebkitTextFillColor | undefined;
-    WebkitTextOrientation?: import("csstype").Property.TextOrientation | undefined;
-    WebkitTextSizeAdjust?: import("csstype").Property.TextSizeAdjust | undefined;
-    WebkitTextStrokeColor?: import("csstype").Property.WebkitTextStrokeColor | undefined;
-    WebkitTextStrokeWidth?: import("csstype").Property.WebkitTextStrokeWidth<string | number> | undefined;
-    WebkitTextUnderlinePosition?: import("csstype").Property.TextUnderlinePosition | undefined;
-    WebkitTouchCallout?: import("csstype").Property.WebkitTouchCallout | undefined;
-    WebkitTransform?: import("csstype").Property.Transform | undefined;
-    WebkitTransformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
-    WebkitTransformStyle?: import("csstype").Property.TransformStyle | undefined;
-    WebkitTransitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
-    WebkitTransitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
-    WebkitTransitionProperty?: import("csstype").Property.TransitionProperty | undefined;
-    WebkitTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | undefined;
-    WebkitUserModify?: import("csstype").Property.WebkitUserModify | undefined;
-    WebkitUserSelect?: import("csstype").Property.UserSelect | undefined;
-    WebkitWritingMode?: import("csstype").Property.WritingMode | undefined;
-    MozAnimation?: import("csstype").Property.Animation<string & {}> | undefined;
-    MozBorderImage?: import("csstype").Property.BorderImage | undefined;
-    MozColumnRule?: import("csstype").Property.ColumnRule<string | number> | undefined;
-    MozColumns?: import("csstype").Property.Columns<string | number> | undefined;
-    MozOutlineRadius?: import("csstype").Property.MozOutlineRadius<string | number> | undefined;
-    msContentZoomLimit?: import("csstype").Property.MsContentZoomLimit | undefined;
-    msContentZoomSnap?: import("csstype").Property.MsContentZoomSnap | undefined;
-    msFlex?: import("csstype").Property.Flex<string | number> | undefined;
-    msScrollLimit?: import("csstype").Property.MsScrollLimit | undefined;
-    msScrollSnapX?: import("csstype").Property.MsScrollSnapX | undefined;
-    msScrollSnapY?: import("csstype").Property.MsScrollSnapY | undefined;
-    msTransition?: import("csstype").Property.Transition<string & {}> | undefined;
-    WebkitAnimation?: import("csstype").Property.Animation<string & {}> | undefined;
-    WebkitBorderBefore?: import("csstype").Property.WebkitBorderBefore<string | number> | undefined;
-    WebkitBorderImage?: import("csstype").Property.BorderImage | undefined;
-    WebkitBorderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
-    WebkitColumnRule?: import("csstype").Property.ColumnRule<string | number> | undefined;
-    WebkitColumns?: import("csstype").Property.Columns<string | number> | undefined;
-    WebkitFlex?: import("csstype").Property.Flex<string | number> | undefined;
-    WebkitFlexFlow?: import("csstype").Property.FlexFlow | undefined;
-    WebkitMask?: import("csstype").Property.WebkitMask<string | number> | undefined;
-    WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | undefined;
-    WebkitTextEmphasis?: import("csstype").Property.TextEmphasis | undefined;
-    WebkitTextStroke?: import("csstype").Property.WebkitTextStroke<string | number> | undefined;
-    WebkitTransition?: import("csstype").Property.Transition<string & {}> | undefined;
-    azimuth?: import("csstype").Property.Azimuth | undefined;
-    boxAlign?: import("csstype").Property.BoxAlign | undefined;
-    boxDirection?: import("csstype").Property.BoxDirection | undefined;
-    boxFlex?: import("csstype").Property.BoxFlex | undefined;
-    boxFlexGroup?: import("csstype").Property.BoxFlexGroup | undefined;
-    boxLines?: import("csstype").Property.BoxLines | undefined;
-    boxOrdinalGroup?: import("csstype").Property.BoxOrdinalGroup | undefined;
-    boxOrient?: import("csstype").Property.BoxOrient | undefined;
-    boxPack?: import("csstype").Property.BoxPack | undefined;
-    clip?: import("csstype").Property.Clip | undefined;
-    gridColumnGap?: import("csstype").Property.GridColumnGap<string | number> | undefined;
-    gridGap?: import("csstype").Property.GridGap<string | number> | undefined;
-    gridRowGap?: import("csstype").Property.GridRowGap<string | number> | undefined;
-    imeMode?: import("csstype").Property.ImeMode | undefined;
-    offsetBlock?: import("csstype").Property.InsetBlock<string | number> | undefined;
-    offsetBlockEnd?: import("csstype").Property.InsetBlockEnd<string | number> | undefined;
-    offsetBlockStart?: import("csstype").Property.InsetBlockStart<string | number> | undefined;
-    offsetInline?: import("csstype").Property.InsetInline<string | number> | undefined;
-    offsetInlineEnd?: import("csstype").Property.InsetInlineEnd<string | number> | undefined;
-    offsetInlineStart?: import("csstype").Property.InsetInlineStart<string | number> | undefined;
-    scrollSnapCoordinate?: import("csstype").Property.ScrollSnapCoordinate<string | number> | undefined;
-    scrollSnapDestination?: import("csstype").Property.ScrollSnapDestination<string | number> | undefined;
-    scrollSnapPointsX?: import("csstype").Property.ScrollSnapPointsX | undefined;
-    scrollSnapPointsY?: import("csstype").Property.ScrollSnapPointsY | undefined;
-    scrollSnapTypeX?: import("csstype").Property.ScrollSnapTypeX | undefined;
-    scrollSnapTypeY?: import("csstype").Property.ScrollSnapTypeY | undefined;
-    KhtmlBoxAlign?: import("csstype").Property.BoxAlign | undefined;
-    KhtmlBoxDirection?: import("csstype").Property.BoxDirection | undefined;
-    KhtmlBoxFlex?: import("csstype").Property.BoxFlex | undefined;
-    KhtmlBoxFlexGroup?: import("csstype").Property.BoxFlexGroup | undefined;
-    KhtmlBoxLines?: import("csstype").Property.BoxLines | undefined;
-    KhtmlBoxOrdinalGroup?: import("csstype").Property.BoxOrdinalGroup | undefined;
-    KhtmlBoxOrient?: import("csstype").Property.BoxOrient | undefined;
-    KhtmlBoxPack?: import("csstype").Property.BoxPack | undefined;
-    KhtmlLineBreak?: import("csstype").Property.LineBreak | undefined;
-    KhtmlOpacity?: import("csstype").Property.Opacity | undefined;
-    KhtmlUserSelect?: import("csstype").Property.UserSelect | undefined;
-    MozBackfaceVisibility?: import("csstype").Property.BackfaceVisibility | undefined;
-    MozBackgroundClip?: import("csstype").Property.BackgroundClip | undefined;
-    MozBackgroundInlinePolicy?: import("csstype").Property.BoxDecorationBreak | undefined;
-    MozBackgroundOrigin?: import("csstype").Property.BackgroundOrigin | undefined;
-    MozBackgroundSize?: import("csstype").Property.BackgroundSize<string | number> | undefined;
-    MozBorderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
-    MozBorderRadiusBottomleft?: import("csstype").Property.BorderBottomLeftRadius<string | number> | undefined;
-    MozBorderRadiusBottomright?: import("csstype").Property.BorderBottomRightRadius<string | number> | undefined;
-    MozBorderRadiusTopleft?: import("csstype").Property.BorderTopLeftRadius<string | number> | undefined;
-    MozBorderRadiusTopright?: import("csstype").Property.BorderTopRightRadius<string | number> | undefined;
-    MozBoxAlign?: import("csstype").Property.BoxAlign | undefined;
-    MozBoxDirection?: import("csstype").Property.BoxDirection | undefined;
-    MozBoxFlex?: import("csstype").Property.BoxFlex | undefined;
-    MozBoxOrdinalGroup?: import("csstype").Property.BoxOrdinalGroup | undefined;
-    MozBoxOrient?: import("csstype").Property.BoxOrient | undefined;
-    MozBoxPack?: import("csstype").Property.BoxPack | undefined;
-    MozBoxShadow?: import("csstype").Property.BoxShadow | undefined;
-    MozFloatEdge?: import("csstype").Property.MozFloatEdge | undefined;
-    MozForceBrokenImageIcon?: import("csstype").Property.MozForceBrokenImageIcon | undefined;
-    MozOpacity?: import("csstype").Property.Opacity | undefined;
-    MozOutline?: import("csstype").Property.Outline<string | number> | undefined;
-    MozOutlineColor?: import("csstype").Property.OutlineColor | undefined;
-    MozOutlineStyle?: import("csstype").Property.OutlineStyle | undefined;
-    MozOutlineWidth?: import("csstype").Property.OutlineWidth<string | number> | undefined;
-    MozPerspective?: import("csstype").Property.Perspective<string | number> | undefined;
-    MozPerspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number> | undefined;
-    MozTextAlignLast?: import("csstype").Property.TextAlignLast | undefined;
-    MozTextDecorationColor?: import("csstype").Property.TextDecorationColor | undefined;
-    MozTextDecorationLine?: import("csstype").Property.TextDecorationLine | undefined;
-    MozTextDecorationStyle?: import("csstype").Property.TextDecorationStyle | undefined;
-    MozTransform?: import("csstype").Property.Transform | undefined;
-    MozTransformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
-    MozTransformStyle?: import("csstype").Property.TransformStyle | undefined;
-    MozTransition?: import("csstype").Property.Transition<string & {}> | undefined;
-    MozTransitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
-    MozTransitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
-    MozTransitionProperty?: import("csstype").Property.TransitionProperty | undefined;
-    MozTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | undefined;
-    MozUserInput?: import("csstype").Property.MozUserInput | undefined;
-    msImeMode?: import("csstype").Property.ImeMode | undefined;
-    OAnimation?: import("csstype").Property.Animation<string & {}> | undefined;
-    OAnimationDelay?: import("csstype").Property.AnimationDelay<string & {}> | undefined;
-    OAnimationDirection?: import("csstype").Property.AnimationDirection | undefined;
-    OAnimationDuration?: import("csstype").Property.AnimationDuration<string & {}> | undefined;
-    OAnimationFillMode?: import("csstype").Property.AnimationFillMode | undefined;
-    OAnimationIterationCount?: import("csstype").Property.AnimationIterationCount | undefined;
-    OAnimationName?: import("csstype").Property.AnimationName | undefined;
-    OAnimationPlayState?: import("csstype").Property.AnimationPlayState | undefined;
-    OAnimationTimingFunction?: import("csstype").Property.AnimationTimingFunction | undefined;
-    OBackgroundSize?: import("csstype").Property.BackgroundSize<string | number> | undefined;
-    OBorderImage?: import("csstype").Property.BorderImage | undefined;
-    OObjectFit?: import("csstype").Property.ObjectFit | undefined;
-    OObjectPosition?: import("csstype").Property.ObjectPosition<string | number> | undefined;
-    OTabSize?: import("csstype").Property.TabSize<string | number> | undefined;
-    OTextOverflow?: import("csstype").Property.TextOverflow | undefined;
-    OTransform?: import("csstype").Property.Transform | undefined;
-    OTransformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
-    OTransition?: import("csstype").Property.Transition<string & {}> | undefined;
-    OTransitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
-    OTransitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
-    OTransitionProperty?: import("csstype").Property.TransitionProperty | undefined;
-    OTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | undefined;
-    WebkitBoxAlign?: import("csstype").Property.BoxAlign | undefined;
-    WebkitBoxDirection?: import("csstype").Property.BoxDirection | undefined;
-    WebkitBoxFlex?: import("csstype").Property.BoxFlex | undefined;
-    WebkitBoxFlexGroup?: import("csstype").Property.BoxFlexGroup | undefined;
-    WebkitBoxLines?: import("csstype").Property.BoxLines | undefined;
-    WebkitBoxOrdinalGroup?: import("csstype").Property.BoxOrdinalGroup | undefined;
-    WebkitBoxOrient?: import("csstype").Property.BoxOrient | undefined;
-    WebkitBoxPack?: import("csstype").Property.BoxPack | undefined;
-    alignmentBaseline?: import("csstype").Property.AlignmentBaseline | undefined;
-    baselineShift?: import("csstype").Property.BaselineShift<string | number> | undefined;
-    clipRule?: import("csstype").Property.ClipRule | undefined;
-    colorInterpolation?: import("csstype").Property.ColorInterpolation | undefined;
-    colorRendering?: import("csstype").Property.ColorRendering | undefined;
-    dominantBaseline?: import("csstype").Property.DominantBaseline | undefined;
-    fill?: import("csstype").Property.Fill | undefined;
-    fillOpacity?: import("csstype").Property.FillOpacity | undefined;
-    fillRule?: import("csstype").Property.FillRule | undefined;
-    floodColor?: import("csstype").Property.FloodColor | undefined;
-    floodOpacity?: import("csstype").Property.FloodOpacity | undefined;
-    glyphOrientationVertical?: import("csstype").Property.GlyphOrientationVertical | undefined;
-    lightingColor?: import("csstype").Property.LightingColor | undefined;
-    marker?: import("csstype").Property.Marker | undefined;
-    markerEnd?: import("csstype").Property.MarkerEnd | undefined;
-    markerMid?: import("csstype").Property.MarkerMid | undefined;
-    markerStart?: import("csstype").Property.MarkerStart | undefined;
-    shapeRendering?: import("csstype").Property.ShapeRendering | undefined;
-    stopColor?: import("csstype").Property.StopColor | undefined;
-    stopOpacity?: import("csstype").Property.StopOpacity | undefined;
-    stroke?: import("csstype").Property.Stroke | undefined;
-    strokeDasharray?: import("csstype").Property.StrokeDasharray<string | number> | undefined;
-    strokeDashoffset?: import("csstype").Property.StrokeDashoffset<string | number> | undefined;
-    strokeLinecap?: import("csstype").Property.StrokeLinecap | undefined;
-    strokeLinejoin?: import("csstype").Property.StrokeLinejoin | undefined;
-    strokeMiterlimit?: import("csstype").Property.StrokeMiterlimit | undefined;
-    strokeOpacity?: import("csstype").Property.StrokeOpacity | undefined;
-    strokeWidth?: import("csstype").Property.StrokeWidth<string | number> | undefined;
-    textAnchor?: import("csstype").Property.TextAnchor | undefined;
-    vectorEffect?: import("csstype").Property.VectorEffect | undefined;
-    flex: import("csstype").Property.Flex<string | number> | undefined;
-    flexShrink: number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (string & {}) | undefined;
-    minHeight: import("csstype").Property.MinHeight<string | number>;
-    minWidth: import("csstype").Property.MinWidth<string | number>;
-};
+export declare const resolveDefaultStyle: (style: CSSInterpolation) => {};
 //# sourceMappingURL=node.helper.d.ts.map

package/dist/helper/node.helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"node.helper.d.ts","sourceRoot":"","sources":["../../src/helper/node.helper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,4CAS1B,CAAA;AA4DD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiE/B,CAAA"}
+{"version":3,"file":"node.helper.d.ts","sourceRoot":"","sources":["../../src/helper/node.helper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAiB,MAAM,oBAAoB,CAAA;AACzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,4CAS1B,CAAA;AA8DD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,eAAO,MAAM,mBAAmB,iCAmE/B,CAAA"}

package/dist/helper/node.helper.js

@@ -33,7 +33,7 @@
  * parseFlexShorthand('1 0 auto') // → {grow: 1, shrink: 0, basis: 'auto'}
  */function parseFlexShorthand(a){// Early returns for invalid inputs
 if(null===a||a===void 0)return null;// Handle numeric flex values (e.g., flex: 1)
-if("number"==typeof a)return{grow:a,shrink:1,basis:"0%"};var b=a.trim().toLowerCase();if(!b)return null;// Handle CSS keyword values
+if("number"==typeof a)return{grow:a,shrink:1,basis:"0%"};if("string"!=typeof a)return null;var b=a.trim().toLowerCase();if(!b)return null;// Handle CSS keyword values
 return"none"===b?{grow:0,shrink:0,basis:"auto"}:"auto"===b?{grow:1,shrink:1,basis:"auto"}:"initial"===b?{grow:0,shrink:1,basis:"auto"}:null}/**
  * Resolves default CSS styles to fix common flexbox layout issues.
  *
@@ -87,9 +87,9 @@ return"none"===b?{grow:0,shrink:0,basis:"auto"}:"auto"===b?{grow:1,shrink:1,basi
  *   flexWrap: 'wrap'
  * })
  * // → { display: 'flex', flexWrap: 'wrap', minHeight: 0, minWidth: 0 }
- */export var resolveDefaultStyle=function resolveDefaultStyle(a){var b,c=a.flex,d=_objectWithoutProperties(a,_excluded),e="flex"===d.display||"inline-flex"===d.display,f=!!(d.overflow||d.overflowY||d.overflowX),g=(null===(b=d.flexFlow)||void 0===b?void 0:b.includes("wrap"))||"wrap"===d.flexWrap||"wrap-reverse"===d.flexWrap,h="flexShrink"in a&&a.flexShrink!==void 0,i=c?parseFlexShorthand(c):null,j=void 0;// === STEP 1: EXTRACT FLEX PROPERTY ===
+ */export var resolveDefaultStyle=function resolveDefaultStyle(a){var b;if(null===a||a===void 0||"string"==typeof a||"number"==typeof a||"boolean"==typeof a)return{};// === STEP 1: EXTRACT FLEX PROPERTY ===
 // Extract flex shorthand to handle it separately from individual flex properties
-// === STEP 2: ANALYZE LAYOUT CONTEXT ===
+var c=a,d=c.flex,e=_objectWithoutProperties(c,_excluded),f="flex"===e.display||"inline-flex"===e.display,g=!!(e.overflow||e.overflowY||e.overflowX),h=(null===(b=e.flexFlow)||void 0===b?void 0:b.includes("wrap"))||"wrap"===e.flexWrap||"wrap-reverse"===e.flexWrap,i="flexShrink"in a&&a.flexShrink!==void 0,j=d?parseFlexShorthand(d):null,k=void 0;// === STEP 2: ANALYZE LAYOUT CONTEXT ===
 // Determine what kind of element we're dealing with
 // Check if overflow is set (any overflow value indicates potential scrolling)
 // Check if flex wrapping is enabled (allows items to wrap to new lines)
@@ -98,15 +98,15 @@ return"none"===b?{grow:0,shrink:0,basis:"auto"}:"auto"===b?{grow:1,shrink:1,basi
 // Extract shrink value from flex shorthand if provided
 // === STEP 4: DETERMINE FLEX SHRINK BEHAVIOR ===
 // Only set flexShrink if user hasn't explicitly provided it
-if(!h)// If flex shorthand contains a shrink value, use that
-if(i)j=i.shrink;else// Apply context-based defaults
-if(!e)// NON-FLEX CONTAINER LOGIC:
+if(!i)// If flex shorthand contains a shrink value, use that
+if(j)k=j.shrink;else// Apply context-based defaults
+if(!f)// NON-FLEX CONTAINER LOGIC:
 // Default flex-shrink to 0 to prevent unwanted shrinking of flex items
-j=0;else// FLEX CONTAINER LOGIC:
+k=0;else// FLEX CONTAINER LOGIC:
 // Only prevent shrinking when container is constrained (no overflow handling, no wrapping)
-if(!f){var k="column"===d.flexDirection||"column-reverse"===d.flexDirection,l="row"===d.flexDirection||"row-reverse"===d.flexDirection||!d.flexDirection;k&&!g?j=0:l&&!g&&(j=0)}// === STEP 5: RETURN RESOLVED STYLES ===
+if(!g){var l="column"===e.flexDirection||"column-reverse"===e.flexDirection,m="row"===e.flexDirection||"row-reverse"===e.flexDirection||!e.flexDirection;l&&!h?k=0:m&&!h&&(k=0)}// === STEP 5: RETURN RESOLVED STYLES ===
 // Combine all processed styles with essential defaults
-return _objectSpread({flex:c,// Preserve original flex shorthand
-flexShrink:j,// Apply computed or explicit flexShrink
+return _objectSpread({flex:d,// Preserve original flex shorthand
+flexShrink:k,// Apply computed or explicit flexShrink
 minHeight:0,// Fix flex item scrolling issues
-minWidth:0},d)};
+minWidth:0},e)};

package/dist/helper/theme.helper.d.ts

@@ -1,4 +1,4 @@
-import type { ThemeSystem } from '../node.type.js';
+import type { Theme } from '../node.type.js';
 /**
  * Resolves theme variable references in an object's values recursively.
  * This function performs a "smart merge" to maintain object reference identity
@@ -8,8 +8,13 @@ import type { ThemeSystem } from '../node.type.js';
  * Theme variables are referenced using the format "theme.path.to.value".
  * @param obj The object (or array) whose values should be resolved against the theme. Defaults to an empty object.
  * @param theme The theme object containing variable definitions. Optional.
+ * @param options Options to control processing behavior.
+ * - processFunctions: If true, functions within the object will be executed with the theme as an argument.
+ * If false, functions will be ignored. Defaults to false.
  * @returns A new object (or array) with all theme variables resolved to their corresponding values,
  * or the original object (or array) if no changes were necessary.
  */
-export declare const resolveObjWithTheme: (obj?: Record<string, any>, theme?: ThemeSystem | undefined) => any;
+export declare const resolveObjWithTheme: (obj?: Record<string, any>, theme?: Theme | undefined, options?: {
+    processFunctions?: boolean | undefined;
+}) => any;
 //# sourceMappingURL=theme.helper.d.ts.map

package/dist/helper/theme.helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.helper.d.ts","sourceRoot":"","sources":["../../src/helper/theme.helper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AA8GpD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,qEAwI/B,CAAA"}
+{"version":3,"file":"theme.helper.d.ts","sourceRoot":"","sources":["../../src/helper/theme.helper.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAe,MAAM,mBAAmB,CAAA;AA8G3D;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,mBAAmB;;SA2H/B,CAAA"}

package/dist/helper/theme.helper.js

@@ -1,4 +1,4 @@
-function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}function _defineProperty(a,b,c){return(b=_toPropertyKey(b))in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function _toPropertyKey(a){var b=_toPrimitive(a,"string");return"symbol"==_typeof(b)?b:b+""}function _toPrimitive(a,b){if("object"!=_typeof(a)||!a)return a;var c=a[Symbol.toPrimitive];if(void 0!==c){var d=c.call(a,b||"default");if("object"!=_typeof(d))return d;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===b?String:Number)(a)}import{getValueByPath}from"./common.helper.js";import{ObjHelper}from"./obj.helper.js";/**
+"use strict";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}function _defineProperty(a,b,c){return(b=_toPropertyKey(b))in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function _toPropertyKey(a){var b=_toPrimitive(a,"string");return"symbol"==_typeof(b)?b:b+""}function _toPrimitive(a,b){if("object"!=_typeof(a)||!a)return a;var c=a[Symbol.toPrimitive];if(void 0!==c){var d=c.call(a,b||"default");if("object"!=_typeof(d))return d;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===b?String:Number)(a)}import{getValueByPath}from"./common.helper.js";import{ObjHelper}from"./obj.helper.js";/**
  * Cache manager for theme resolution operations.
  * Provides singleton-based caching with different strategies for server vs client environments.
  */class ThemeResolverCache{constructor(){// Track cache statistics for performance monitoring
@@ -30,25 +30,13 @@ _defineProperty(ThemeResolverCache,"_instance",null);var themeCache=ThemeResolve
  * Theme variables are referenced using the format "theme.path.to.value".
  * @param obj The object (or array) whose values should be resolved against the theme. Defaults to an empty object.
  * @param theme The theme object containing variable definitions. Optional.
+ * @param options Options to control processing behavior.
+ * - processFunctions: If true, functions within the object will be executed with the theme as an argument.
+ * If false, functions will be ignored. Defaults to false.
  * @returns A new object (or array) with all theme variables resolved to their corresponding values,
  * or the original object (or array) if no changes were necessary.
- */export var resolveObjWithTheme=function resolveObjWithTheme(){var a=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{},b=1<arguments.length?arguments[1]:void 0;if(!b||!!b&&"object"===_typeof(b)&&0===Object.keys(b).length||0===Object.keys(a).length)return a;// Check cache first (only on server-side for RSC optimization)
-if(themeCache.shouldCache()){var c=themeCache.getResolution(a,b);if(null!==c)return c}/**
-   * Recursively resolves theme variables within an object or array.
-   * It tracks visited objects to prevent infinite recursion caused by circular references.
-   * This function implements a "smart merge" to preserve object/array identity for unchanged parts.
-   * @param currentObj The current object or array being processed in the recursion.
-   * @param visited A Set to keep track of objects that have already been visited to detect circular references.
-   * @returns The processed object/array with theme variables resolved, or the original `currentObj`
-   * if no changes were made to it or its direct children (excluding deeper nested changes).
-   */var d=function resolveRecursively(a,c){// Base cases for non-objects/null, or already visited objects (circular reference)
-if(null===a||"object"!==_typeof(a))return a;if(c.has(a))return a;// Handle Arrays
-if(c.add(a),Array.isArray(a)){for(var e=a,f=!1,g=0;g<a.length;g++){var h=a[g],j=d(h,c);j===h?f&&(e[g]=h):(!f&&(e=[...a],f=!0),e[g]=j)}return e}// Handle Plain Objects (only process objects created with {})
-var k=a,l=!1,m=function _loop(){// Ensure it's an own property
-var e=a[n],f=e;if("function"==typeof e||"object"===_typeof(e)&&null!==e&&!Array.isArray(e)&&Object.getPrototypeOf(e)!==Object.prototype||// Exclude plain objects and arrays
-"object"!==_typeof(e)&&"string"!=typeof e)f=e;else if("string"==typeof e&&e.includes("theme.")){var g=e,h=!1,i=themeCache.getThemeRegex();// Use cached regex instance
-g=g.replace(i,function(a,c){// Check path lookup cache first
-var d=themeCache.getPathLookup(b,c);return null===d&&(d=getValueByPath(b,c),themeCache.setPathLookup(b,c,d)),void 0!==d&&null!==d?(h=!0,"object"===_typeof(d)&&!Array.isArray(d)&&"default"in d?d["default"]:d):a}),f=h&&g!==e?g:e}else"object"===_typeof(e)&&null!==e&&(// Recursively process nested objects or arrays
-f=d(e,c));f===e?l&&(k[n]=e):(!l&&(k=_objectSpread({},a),l=!0),k[n]=f)};for(var n in a)m();return k},e=d(a,new Set);// Perform the resolution
-// Cache the result (only on server-side)
-return themeCache.shouldCache()&&themeCache.setResolution(a,b,e),e};
+ */export var resolveObjWithTheme=function resolveObjWithTheme(){var a=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{},b=1<arguments.length?arguments[1]:void 0,c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:{},d=c.processFunctions;if(!b||!!b&&"object"===_typeof(b)&&0===Object.keys(b).length||0===Object.keys(a).length)return a;// Ensure theme has a valid system property
+var e=null===b||void 0===b?void 0:b.system;if(!e||"object"!==_typeof(e)||0===Object.keys(e).length)return a;// Check cache first (only on server-side for RSC optimization)
+if(themeCache.shouldCache()){// Note: Caching is based on the input object. If processFunctions changes behavior,
+// a more complex cache key may be needed in the future.
+var f=themeCache.getResolution(a,e);if(null!==f)return f}var g=function resolveRecursively(a,c){if(null===a||"object"!==_typeof(a))return a;if(c.has(a))return a;c.add(a);var f=function processThemeString(a){var b=a,c=!1,d=themeCache.getThemeRegex();return b=b.replace(d,function(a,b){var d=themeCache.getPathLookup(e,b);return null===d&&(d=getValueByPath(e,b),themeCache.setPathLookup(e,b,d)),void 0!==d&&null!==d?(c=!0,"object"===_typeof(d)&&!Array.isArray(d)&&"default"in d?d["default"]:d):a}),c?b:a};if(Array.isArray(a)){for(var h=a,j=!1,k=0;k<a.length;k++){var l=a[k],m=g(l,c);m===l?j&&(h[k]=l):(!j&&(h=[...a],j=!0),h[k]=m)}return h}var n=a,o=!1;for(var p in a){var q=a[p],r=q;if("function"!=typeof q)("object"!==_typeof(q)||null===q||Array.isArray(q)||Object.getPrototypeOf(q)===Object.prototype)&&("object"===_typeof(q)||"string"==typeof q)?"string"==typeof q&&q.includes("theme.")?r=f(q):"object"===_typeof(q)&&null!==q&&(r=g(q,c)):r=q;else if(void 0!==d&&d){var s=q(b);r=g(s,c)}else r=q;r===q?o&&(n[p]=q):(!o&&(n=_objectSpread({},a),o=!0),n[p]=r)}return n},h=g(a,new Set);return themeCache.shouldCache()&&themeCache.setResolution(a,e,h),h};

package/dist/node.type.d.ts

@@ -1,7 +1,7 @@
 import React, { type CSSProperties, type ReactNode, type JSX, type ElementType, type ComponentType, type JSXElementConstructor, type Component, type ExoticComponent, type ReactElement } from 'react';
-import type { CSSInterpolation } from '@emotion/serialize';
 import type { NO_STYLE_TAGS } from './constants/common.const.js';
-import type { ComponentNodeProps } from './hoc';
+import type { ComponentNodeProps } from './hoc/component.hoc.js';
+import type { CSSObject, CSSInterpolation } from '@emotion/serialize';
 // --- Utility Types ---
 // Utility to get keys of required properties in a type T.
 type RequiredKeys<T> = {
@@ -96,6 +96,29 @@ export type FinalNodeProps = ReactAttributes & Partial<{
     css: any;
     children: Children;
 }>;
+/**
+ * A value that can be a direct value or a function of the theme.
+ */
+type ThemedValue<T> = T | ((theme: Theme) => T);
+/**
+ * A themed version of CSSProperties where each property can be a theme-dependent function.
+ */
+type ThemedCSSProperties = {
+    [P in keyof CSSProperties]: ThemedValue<CSSProperties[P]>;
+};
+/**
+ * A themed version of Emotion's `CSSObject` type. It allows property values to be
+ * functions that receive the theme. This is applied recursively to handle
+ * nested objects like pseudo-selectors and media queries.
+ */
+type ThemedCSSObject = {
+    [P in keyof CSSObject]: ThemedValue<CSSObject[P] extends object ? ThemedCSSObject : CSSObject[P]>;
+};
+/**
+ * The complete type for the `css` prop, combining Emotion's `CSSInterpolation`
+ * with a themed version (`ThemedCSSObject`) to support theme-aware styling functions.
+ */
+export type CssProp = ThemedCSSObject | CSSInterpolation;
 /**
  * Helper type to determine if the props P have a 'style' property
  * that is compatible with CSSProperties.
@@ -123,8 +146,8 @@ export type HasNoStyleProp<E extends NodeElement> = E extends NoStyleTags ? true
  * - Maintains React's key prop for reconciliation
  * @template E - The element type these props apply to
  */
-export type NodeProps<E extends NodeElement> = Omit<PropsOf<E>, keyof CSSProperties | 'children' | 'style' | 'props' | 'key'> & ReactAttributes & (HasCSSCompatibleStyleProp<PropsOf<E>> extends true ? CSSProperties : object) & (HasNoStyleProp<E> extends true ? Partial<{
-    css: CSSInterpolation;
+export type NodeProps<E extends NodeElement> = Omit<PropsOf<E>, keyof CSSProperties | 'children' | 'style' | 'props' | 'key'> & ReactAttributes & (HasCSSCompatibleStyleProp<PropsOf<E>> extends true ? ThemedCSSProperties : object) & (HasNoStyleProp<E> extends false ? Partial<{
+    css: CssProp;
 }> : object) & Partial<{
     props: Partial<Omit<PropsOf<E>, 'children'>>;
     children: Children;

package/dist/node.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"node.type.d.ts","sourceRoot":"","sources":["../src/node.type.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"node.type.d.ts","sourceRoot":"","sources":["../src/node.type.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@meonode/ui",
   "description": "A structured approach to component composition, direct CSS-first prop styling, built-in theming, smart prop handling (including raw property pass-through), and dynamic children.",
-  "version": "0.3.7",
+  "version": "0.3.9",
   "type": "module",
   "main": "./dist/main.js",
   "types": "./dist/main.d.ts",