@meonode/ui 0.2.0 → 0.2.1

package/README.md

@@ -1,8 +1,8 @@
 # @meonode/ui
 
-[](https://www.npmjs.com/package/@meonode/ui)
-[](https://opensource.org/licenses/MIT)
-[](https://bundlephobia.com/package/@meonode/ui)
+[![NPM version](https://img.shields.io/npm/v/@meonode/ui.svg?style=flat)](https://www.npmjs.com/package/@meonode/ui)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+[![Bundle Size](https://img.shields.io/bundlephobia/minzip/@meonode/ui)](https://bundlephobia.com/package/@meonode/ui)
 
 ## **Build React UIs with Type-Safe Fluency Without JSX Syntax**
 

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

@@ -1,13 +1,13 @@
 import React, { type JSX } from 'react';
-import { type CSSObject } from '@emotion/react';
+import type { CSSInterpolation } from '@emotion/serialize';
 interface StyledRendererProps {
     element: keyof JSX.IntrinsicElements;
     children: React.ReactNode;
-    css?: CSSObject;
+    css: CSSInterpolation;
     [key: string]: any;
 }
 export default function StyledRenderer({ element, css, children, ...props }: StyledRendererProps): React.ReactElement<{
-    css: CSSObject;
+    css: CSSInterpolation;
 }, string | React.JSXElementConstructor<any>>;
 export {};
 //# sourceMappingURL=styled-renderer.client.d.ts.map

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,KAAK,EAAE,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,KAAK,SAAS,EAAO,MAAM,gBAAgB,CAAA;AAEpD,UAAU,mBAAmB;IAC3B,OAAO,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAA;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,OAAO,EAAE,GAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB;;8CAEpG"}
+{"version":3,"file":"styled-renderer.client.d.ts","sourceRoot":"","sources":["../../src/components/styled-renderer.client.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAE1D,UAAU,mBAAmB;IAC3B,OAAO,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAA;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,GAAG,EAAE,gBAAgB,CAAA;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB;;8CAE/F"}

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

@@ -1 +1 @@
-"use client";var _excluded=["element","css","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{jsx}from"@emotion/react";export default function StyledRenderer(a){var b=a.element,c=a.css,d=void 0===c?{}:c,e=a.children,f=_objectWithoutProperties(a,_excluded);return jsx(b,_objectSpread(_objectSpread({},f),{},{css:d}),e)}
+"use client";var _excluded=["element","css","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{jsx}from"@emotion/react";export default function StyledRenderer(a){var b=a.element,c=a.css,d=a.children,e=_objectWithoutProperties(a,_excluded);return jsx(b,_objectSpread(_objectSpread({},e),{},{css:c}),d)}

package/dist/html.node.d.ts

@@ -10,7 +10,7 @@ export declare const Div: <AdditionalProps extends Record<string, any> = Record<
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"div">;
 /**
  * Represents a root div element with full viewport dimensions and column flex layout.
@@ -29,7 +29,7 @@ export declare const Root: <AdditionalProps extends Record<string, any> = Record
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"div">;
 /**
  * Represents a column layout using flexbox.
@@ -42,7 +42,7 @@ export declare const Column: <AdditionalProps extends Record<string, any> = Reco
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"div">;
 /**
  * Represents a row layout using flexbox.
@@ -55,7 +55,7 @@ export declare const Row: <AdditionalProps extends Record<string, any> = Record<
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"div">;
 /**
  * Represents a grid layout.
@@ -68,7 +68,7 @@ export declare const Grid: <AdditionalProps extends Record<string, any> = Record
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"div">;
 /**
  * Represents a centered container with flexbox alignment.
@@ -82,7 +82,7 @@ export declare const Center: <AdditionalProps extends Record<string, any> = Reco
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"div">;
 /**
  * Represents a fixed positioned element.
@@ -95,7 +95,7 @@ export declare const Fixed: <AdditionalProps extends Record<string, any> = Recor
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"div">;
 /**
  * Represents a relatively positioned element.
@@ -108,7 +108,7 @@ export declare const Relative: <AdditionalProps extends Record<string, any> = Re
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"div">;
 /**
  * Represents an absolutely positioned element.
@@ -121,7 +121,7 @@ export declare const Absolute: <AdditionalProps extends Record<string, any> = Re
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"div">;
 /**
  * Represents a sticky positioned element.
@@ -134,7 +134,7 @@ export declare const Sticky: <AdditionalProps extends Record<string, any> = Reco
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"div">;
 /**
  * Represents a statically positioned element.
@@ -147,7 +147,7 @@ export declare const Static: <AdditionalProps extends Record<string, any> = Reco
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"div">;
 // Typography
 /**
@@ -162,7 +162,7 @@ export declare const H1: <AdditionalProps extends Record<string, any> = Record<s
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"h1">;
 /**
  * Creates an h2 heading element node.
@@ -176,7 +176,7 @@ export declare const H2: <AdditionalProps extends Record<string, any> = Record<s
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"h2">;
 /**
  * Creates an h3 heading element node.
@@ -190,7 +190,7 @@ export declare const H3: <AdditionalProps extends Record<string, any> = Record<s
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"h3">;
 /**
  * Creates an h4 heading element node.
@@ -204,7 +204,7 @@ export declare const H4: <AdditionalProps extends Record<string, any> = Record<s
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"h4">;
 /**
  * Creates an h5 heading element node.
@@ -218,7 +218,7 @@ export declare const H5: <AdditionalProps extends Record<string, any> = Record<s
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"h5">;
 /**
  * Creates an h6 heading element node.
@@ -232,7 +232,7 @@ export declare const H6: <AdditionalProps extends Record<string, any> = Record<s
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"h6">;
 /**
  * Creates a strong element node for important text.
@@ -246,7 +246,7 @@ export declare const Strong: <AdditionalProps extends Record<string, any> = Reco
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"strong">;
 /**
  * Creates an em element node for emphasized text.
@@ -260,7 +260,7 @@ export declare const Em: <AdditionalProps extends Record<string, any> = Record<s
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"em">;
 /**
  * Creates a small element node for side-comments and small print.
@@ -274,7 +274,7 @@ export declare const Small: <AdditionalProps extends Record<string, any> = Recor
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"small">;
 /**
  * Creates a mark element node for highlighted text.
@@ -288,7 +288,7 @@ export declare const Mark: <AdditionalProps extends Record<string, any> = Record
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"mark">;
 /**
  * Creates a span element node.
@@ -302,7 +302,7 @@ export declare const Span: <AdditionalProps extends Record<string, any> = Record
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"span">;
 /**
  * Creates a paragraph element node.
@@ -316,7 +316,7 @@ export declare const P: <AdditionalProps extends Record<string, any> = Record<st
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"p">;
 /**
  * Renders a semantic block of text using a `<p>` element.
@@ -330,7 +330,7 @@ export declare const Text: <AdditionalProps extends Record<string, any> = Record
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"p">;
 /**
  * Creates a preformatted text element node.
@@ -344,7 +344,7 @@ export declare const Pre: <AdditionalProps extends Record<string, any> = Record<
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"pre">;
 /**
  * Creates a code element node for displaying code snippets.
@@ -358,7 +358,7 @@ export declare const Code: <AdditionalProps extends Record<string, any> = Record
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"code">;
 /**
  * Represents a line break element.
@@ -371,7 +371,7 @@ export declare const Br: <AdditionalProps extends Record<string, any> = Record<s
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"br">;
 // Lists
 /**
@@ -385,7 +385,7 @@ export declare const Ol: <AdditionalProps extends Record<string, any> = Record<s
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"ol">;
 /**
  * Represents an unordered list.
@@ -398,7 +398,7 @@ export declare const Ul: <AdditionalProps extends Record<string, any> = Record<s
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"ul">;
 /**
  * Represents a list item.
@@ -411,7 +411,7 @@ export declare const Li: <AdditionalProps extends Record<string, any> = Record<s
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"li">;
 /**
  * Represents a description list.
@@ -424,7 +424,7 @@ export declare const Dl: <AdditionalProps extends Record<string, any> = Record<s
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"dl">;
 /**
  * Represents a term in a description list.
@@ -437,7 +437,7 @@ export declare const Dt: <AdditionalProps extends Record<string, any> = Record<s
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"dt">;
 /**
  * Represents a description in a description list.
@@ -450,7 +450,7 @@ export declare const Dd: <AdditionalProps extends Record<string, any> = Record<s
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"dd">;
 // Forms and inputs
 /**
@@ -464,7 +464,7 @@ export declare const Form: <AdditionalProps extends Record<string, any> = Record
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"form">;
 /**
  * Represents a label for an input element.
@@ -477,7 +477,7 @@ export declare const Label: <AdditionalProps extends Record<string, any> = Recor
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"label">;
 /**
  * Represents an input element.
@@ -490,7 +490,7 @@ export declare const Input: <AdditionalProps extends Record<string, any> = Recor
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"input">;
 /**
  * Creates a button element node.
@@ -504,7 +504,7 @@ export declare const Button: <AdditionalProps extends Record<string, any> = Reco
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"button">;
 /**
  * Represents a textarea element for multiline text input.
@@ -517,7 +517,7 @@ export declare const Textarea: <AdditionalProps extends Record<string, any> = Re
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"textarea">;
 /**
  * Represents a select dropdown element.
@@ -530,7 +530,7 @@ export declare const Select: <AdditionalProps extends Record<string, any> = Reco
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"select">;
 /**
  * Represents an option within a select element.
@@ -544,7 +544,7 @@ export declare const Option: <AdditionalProps extends Record<string, any> = Reco
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"option">;
 /**
  * Represents a fieldset element for grouping form elements.
@@ -557,7 +557,7 @@ export declare const Fieldset: <AdditionalProps extends Record<string, any> = Re
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"fieldset">;
 /**
  * Represents a legend for a fieldset.
@@ -571,7 +571,7 @@ export declare const Legend: <AdditionalProps extends Record<string, any> = Reco
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"legend">;
 /**
  * Represents an option group within a select element.
@@ -584,7 +584,7 @@ export declare const Optgroup: <AdditionalProps extends Record<string, any> = Re
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"optgroup">;
 // Tables
 /**
@@ -598,7 +598,7 @@ export declare const Table: <AdditionalProps extends Record<string, any> = Recor
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"table">;
 /**
  * Represents a table header section.
@@ -611,7 +611,7 @@ export declare const Thead: <AdditionalProps extends Record<string, any> = Recor
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"thead">;
 /**
  * Represents a table body section.
@@ -624,7 +624,7 @@ export declare const Tbody: <AdditionalProps extends Record<string, any> = Recor
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"tbody">;
 /**
  * Represents a table footer section.
@@ -637,7 +637,7 @@ export declare const Tfoot: <AdditionalProps extends Record<string, any> = Recor
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"tfoot">;
 /**
  * Represents a table row.
@@ -650,7 +650,7 @@ export declare const Tr: <AdditionalProps extends Record<string, any> = Record<s
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"tr">;
 /**
  * Represents a table header cell.
@@ -663,7 +663,7 @@ export declare const Th: <AdditionalProps extends Record<string, any> = Record<s
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"th">;
 /**
  * Represents a table data cell.
@@ -676,7 +676,7 @@ export declare const Td: <AdditionalProps extends Record<string, any> = Record<s
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"td">;
 /**
  * Represents a table caption.
@@ -690,7 +690,7 @@ export declare const Caption: <AdditionalProps extends Record<string, any> = Rec
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"caption">;
 /**
  * Represents a table column group.
@@ -703,7 +703,7 @@ export declare const Colgroup: <AdditionalProps extends Record<string, any> = Re
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"colgroup">;
 /**
  * Represents a table column.
@@ -716,7 +716,7 @@ export declare const Col: <AdditionalProps extends Record<string, any> = Record<
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"col">;
 // Media elements
 /**
@@ -730,7 +730,7 @@ export declare const Img: <AdditionalProps extends Record<string, any> = Record<
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"img">;
 /**
  * Represents a video element.
@@ -743,7 +743,7 @@ export declare const Video: <AdditionalProps extends Record<string, any> = Recor
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"video">;
 /**
  * Represents an audio element.
@@ -756,7 +756,7 @@ export declare const Audio: <AdditionalProps extends Record<string, any> = Recor
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"audio">;
 /**
  * Represents a picture element.
@@ -769,7 +769,7 @@ export declare const Picture: <AdditionalProps extends Record<string, any> = Rec
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"picture">;
 /**
  * Represents a source element.
@@ -782,7 +782,7 @@ export declare const Source: <AdditionalProps extends Record<string, any> = Reco
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"source">;
 /**
  * Represents a text track element.
@@ -795,7 +795,7 @@ export declare const Track: <AdditionalProps extends Record<string, any> = Recor
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"track">;
 /**
  * Represents a canvas element.
@@ -808,7 +808,7 @@ export declare const Canvas: <AdditionalProps extends Record<string, any> = Reco
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"canvas">;
 /**
  * Represents an iframe element.
@@ -821,7 +821,7 @@ export declare const Iframe: <AdditionalProps extends Record<string, any> = Reco
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"iframe">;
 // SVG elements
 /**
@@ -835,7 +835,7 @@ export declare const Svg: <AdditionalProps extends Record<string, any> = Record<
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"svg">;
 /**
  * Represents an SVG path element.
@@ -848,7 +848,7 @@ export declare const SvgPath: <AdditionalProps extends Record<string, any> = Rec
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"path">;
 /**
  * Represents an SVG circle element.
@@ -861,7 +861,7 @@ export declare const SvgCircle: <AdditionalProps extends Record<string, any> = R
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"circle">;
 /**
  * Represents an SVG ellipse element.
@@ -874,7 +874,7 @@ export declare const SvgEllipse: <AdditionalProps extends Record<string, any> =
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"ellipse">;
 /**
  * Represents an SVG line element.
@@ -887,7 +887,7 @@ export declare const SvgLine: <AdditionalProps extends Record<string, any> = Rec
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"line">;
 /**
  * Represents an SVG polyline element.
@@ -900,7 +900,7 @@ export declare const SvgPolyline: <AdditionalProps extends Record<string, any> =
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"polyline">;
 /**
  * Represents an SVG polygon element.
@@ -913,7 +913,7 @@ export declare const SvgPolygon: <AdditionalProps extends Record<string, any> =
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"polygon">;
 /**
  * Represents an SVG rectangle element.
@@ -926,7 +926,7 @@ export declare const SvgRect: <AdditionalProps extends Record<string, any> = Rec
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"rect">;
 /**
  * Represents an SVG use element.
@@ -939,7 +939,7 @@ export declare const SvgUse: <AdditionalProps extends Record<string, any> = Reco
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"use">;
 /**
  * Represents an SVG definitions element.
@@ -952,7 +952,7 @@ export declare const SvgDefs: <AdditionalProps extends Record<string, any> = Rec
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"defs">;
 /**
  * Represents an SVG linear gradient element.
@@ -965,7 +965,7 @@ export declare const SvgLinearGradient: <AdditionalProps extends Record<string,
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"linearGradient">;
 /**
  * Represents an SVG radial gradient element.
@@ -978,7 +978,7 @@ export declare const SvgRadialGradient: <AdditionalProps extends Record<string,
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"radialGradient">;
 /**
  * Represents an SVG gradient stop element.
@@ -991,7 +991,7 @@ export declare const SvgStop: <AdditionalProps extends Record<string, any> = Rec
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"stop">;
 /**
  * Represents an SVG symbol element.
@@ -1004,7 +1004,7 @@ export declare const SvgSymbol: <AdditionalProps extends Record<string, any> = R
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"symbol">;
 /**
  * Represents an SVG group element.
@@ -1017,7 +1017,7 @@ export declare const SvgG: <AdditionalProps extends Record<string, any> = Record
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"g">;
 /**
  * Represents an SVG text element.
@@ -1030,7 +1030,7 @@ export declare const SvgText: <AdditionalProps extends Record<string, any> = Rec
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"text">;
 /**
  * Represents an SVG text span element.
@@ -1043,7 +1043,7 @@ export declare const SvgTspan: <AdditionalProps extends Record<string, any> = Re
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"tspan">;
 // Navigation and links
 /**
@@ -1057,7 +1057,7 @@ export declare const A: <AdditionalProps extends Record<string, any> = Record<st
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"a">;
 /**
  * Represents a navigation element.
@@ -1070,7 +1070,7 @@ export declare const Nav: <AdditionalProps extends Record<string, any> = Record<
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"nav">;
 // Document structure
 /**
@@ -1084,7 +1084,7 @@ export declare const Body: <AdditionalProps extends Record<string, any> = Record
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"body">;
 /**
  * Represents the main content of a document.
@@ -1097,7 +1097,7 @@ export declare const Main: <AdditionalProps extends Record<string, any> = Record
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"main">;
 /**
  * Represents a header element.
@@ -1110,7 +1110,7 @@ export declare const Header: <AdditionalProps extends Record<string, any> = Reco
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"header">;
 /**
  * Represents a footer element.
@@ -1123,7 +1123,7 @@ export declare const Footer: <AdditionalProps extends Record<string, any> = Reco
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"footer">;
 /**
  * Represents an aside element.
@@ -1136,7 +1136,7 @@ export declare const Aside: <AdditionalProps extends Record<string, any> = Recor
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"aside">;
 /**
  * Represents a section element.
@@ -1149,7 +1149,7 @@ export declare const Section: <AdditionalProps extends Record<string, any> = Rec
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"section">;
 /**
  * Represents an article element.
@@ -1162,7 +1162,7 @@ export declare const Article: <AdditionalProps extends Record<string, any> = Rec
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"article">;
 /**
  * Represents a figure element.
@@ -1175,7 +1175,7 @@ export declare const Figure: <AdditionalProps extends Record<string, any> = Reco
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"figure">;
 /**
  * Represents a figure caption element.
@@ -1189,7 +1189,7 @@ export declare const Figcaption: <AdditionalProps extends Record<string, any> =
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"figcaption">;
 /**
  * Represents a blockquote element.
@@ -1202,7 +1202,7 @@ export declare const Blockquote: <AdditionalProps extends Record<string, any> =
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"blockquote">;
 /**
  * Represents an address element.
@@ -1215,7 +1215,7 @@ export declare const Address: <AdditionalProps extends Record<string, any> = Rec
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"address">;
 /**
  * Represents a dialog element.
@@ -1228,7 +1228,7 @@ export declare const Dialog: <AdditionalProps extends Record<string, any> = Reco
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"dialog">;
 /**
  * Represents a details element.
@@ -1241,7 +1241,7 @@ export declare const Details: <AdditionalProps extends Record<string, any> = Rec
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"details">;
 /**
  * Represents a summary element for a details disclosure box.
@@ -1255,7 +1255,7 @@ export declare const Summary: <AdditionalProps extends Record<string, any> = Rec
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"summary">;
 // Document head elements
 /**
@@ -1269,7 +1269,7 @@ export declare const Head: <AdditionalProps extends Record<string, any> = Record
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"head">;
 /**
  * Represents the root HTML element.
@@ -1282,7 +1282,7 @@ export declare const Html: <AdditionalProps extends Record<string, any> = Record
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"html">;
 /**
  * Represents a meta element.
@@ -1295,7 +1295,7 @@ export declare const Meta: <AdditionalProps extends Record<string, any> = Record
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"meta">;
 /**
  * Represents a link element.
@@ -1308,7 +1308,7 @@ export declare const Link: <AdditionalProps extends Record<string, any> = Record
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"link">;
 /**
  * Represents a style element. Its content should be CSS text.
@@ -1321,7 +1321,7 @@ export declare const Style: <AdditionalProps extends Record<string, any> = Recor
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"style">;
 /**
  * Represents a script element. For inline scripts, its content should be JavaScript text.
@@ -1334,7 +1334,7 @@ export declare const Script: <AdditionalProps extends Record<string, any> = Reco
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"script">;
 /**
  * Creates a title element node for document head title.
@@ -1348,7 +1348,7 @@ export declare const Title: <AdditionalProps extends Record<string, any> = Recor
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"title">;
 /**
  * Represents a base element.
@@ -1361,7 +1361,7 @@ export declare const Base: <AdditionalProps extends Record<string, any> = Record
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"base">;
 // --- Additional Text-Level Semantics ---
 /**
@@ -1376,7 +1376,7 @@ export declare const Abbr: <AdditionalProps extends Record<string, any> = Record
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"abbr">;
 /**
  * Represents text that should be stylistically offset from normal prose (traditionally bold).
@@ -1390,7 +1390,7 @@ export declare const B: <AdditionalProps extends Record<string, any> = Record<st
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"b">;
 /**
  * Represents text that is isolated from its surroundings for bidirectional text formatting.
@@ -1404,7 +1404,7 @@ export declare const Bdi: <AdditionalProps extends Record<string, any> = Record<
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"bdi">;
 /**
  * Overrides the current text directionality.
@@ -1418,7 +1418,7 @@ export declare const Bdo: <AdditionalProps extends Record<string, any> = Record<
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"bdo">;
 /**
  * Represents the title of a work (e.g., a book, a song, an essay).
@@ -1432,7 +1432,7 @@ export declare const Cite: <AdditionalProps extends Record<string, any> = Record
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"cite">;
 /**
  * Links a piece of content with a machine-readable translation.
@@ -1446,7 +1446,7 @@ export declare const Data: <AdditionalProps extends Record<string, any> = Record
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"data">;
 /**
  * Represents a definition of a term.
@@ -1460,7 +1460,7 @@ export declare const Dfn: <AdditionalProps extends Record<string, any> = Record<
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"dfn">;
 /**
  * Represents text in an alternate voice or mood (traditionally italic).
@@ -1474,7 +1474,7 @@ export declare const I: <AdditionalProps extends Record<string, any> = Record<st
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"i">;
 /**
  * Represents user input (typically keyboard input).
@@ -1488,7 +1488,7 @@ export declare const Kbd: <AdditionalProps extends Record<string, any> = Record<
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"kbd">;
 /**
  * Represents an inline quotation.
@@ -1502,7 +1502,7 @@ export declare const Q: <AdditionalProps extends Record<string, any> = Record<st
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"q">;
 /**
  * Represents fallback parenthesis for ruby annotations.
@@ -1516,7 +1516,7 @@ export declare const Rp: <AdditionalProps extends Record<string, any> = Record<s
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"rp">;
 /**
  * Represents the ruby text component of a ruby annotation.
@@ -1530,7 +1530,7 @@ export declare const Rt: <AdditionalProps extends Record<string, any> = Record<s
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"rt">;
 /**
  * Represents a ruby annotation.
@@ -1543,7 +1543,7 @@ export declare const Ruby: <AdditionalProps extends Record<string, any> = Record
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"ruby">;
 /**
  * Represents text that is no longer accurate or relevant (strikethrough).
@@ -1557,7 +1557,7 @@ export declare const S: <AdditionalProps extends Record<string, any> = Record<st
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"s">;
 /**
  * Represents sample output from a computer program.
@@ -1571,7 +1571,7 @@ export declare const Samp: <AdditionalProps extends Record<string, any> = Record
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"samp">;
 /**
  * Represents subscript text.
@@ -1585,7 +1585,7 @@ export declare const Sub: <AdditionalProps extends Record<string, any> = Record<
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"sub">;
 /**
  * Represents superscript text.
@@ -1599,7 +1599,7 @@ export declare const Sup: <AdditionalProps extends Record<string, any> = Record<
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"sup">;
 /**
  * Represents a specific period in time or a date.
@@ -1613,7 +1613,7 @@ export declare const Time: <AdditionalProps extends Record<string, any> = Record
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"time">;
 /**
  * Represents text that should be rendered with an unarticulated, non-textual annotation (traditionally underline).
@@ -1627,7 +1627,7 @@ export declare const U: <AdditionalProps extends Record<string, any> = Record<st
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"u">;
 /**
  * Represents a variable in a mathematical expression or programming context.
@@ -1641,7 +1641,7 @@ export declare const Var: <AdditionalProps extends Record<string, any> = Record<
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps, "children"> | undefined) => import("./node.type").NodeInstance<"var">;
 /**
  * Represents a word break opportunity. This is a void element.
@@ -1654,7 +1654,7 @@ export declare const Wbr: <AdditionalProps extends Record<string, any> = Record<
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"wbr">;
 // --- Additional Grouping Content ---
 /**
@@ -1668,7 +1668,7 @@ export declare const Hr: <AdditionalProps extends Record<string, any> = Record<s
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"hr">;
 /**
  * Represents a group of commands that a user can perform or activate.
@@ -1681,7 +1681,7 @@ export declare const Menu: <AdditionalProps extends Record<string, any> = Record
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"menu">;
 /**
  * Represents the parts of a document or application that contain search or filtering controls.
@@ -1694,7 +1694,7 @@ export declare const Search: <AdditionalProps extends Record<string, any> = Reco
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"search">;
 // --- Additional Embedded Content ---
 /**
@@ -1708,7 +1708,7 @@ export declare const Embed: <AdditionalProps extends Record<string, any> = Recor
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"embed">;
 /**
  * Represents an external resource, which can be treated as an image, a nested Browse context, or content to be handled by a plugin.
@@ -1721,7 +1721,7 @@ export declare const ObjectElement: <AdditionalProps extends Record<string, any>
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"object">;
 /**
  * Defines parameters for an <object> element. This is a void element.
@@ -1734,7 +1734,7 @@ export declare const Param: <AdditionalProps extends Record<string, any> = Recor
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"param">;
 /**
  * Represents an image map, with clickable areas.
@@ -1747,7 +1747,7 @@ export declare const MapElement: <AdditionalProps extends Record<string, any> =
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"map">;
 /**
  * Defines a client-side image map area. This is a void element.
@@ -1760,7 +1760,7 @@ export declare const Area: <AdditionalProps extends Record<string, any> = Record
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"area">;
 // --- Additional Forms Elements ---
 /**
@@ -1774,7 +1774,7 @@ export declare const Datalist: <AdditionalProps extends Record<string, any> = Re
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"datalist">;
 /**
  * Represents the result of a calculation or user action.
@@ -1787,7 +1787,7 @@ export declare const Output: <AdditionalProps extends Record<string, any> = Reco
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"output">;
 /**
  * Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
@@ -1800,7 +1800,7 @@ export declare const Progress: <AdditionalProps extends Record<string, any> = Re
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"progress">;
 /**
  * Represents either a scalar value within a known range or a fractional value.
@@ -1813,7 +1813,7 @@ export declare const Meter: <AdditionalProps extends Record<string, any> = Recor
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"meter">;
 // --- Additional Scripting & Document Elements ---
 /**
@@ -1827,7 +1827,7 @@ export declare const Noscript: <AdditionalProps extends Record<string, any> = Re
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"noscript">;
 /**
  * A mechanism for holding HTML that is not to be rendered immediately when a page is loaded but may be instantiated subsequently during runtime using JavaScript.
@@ -1840,7 +1840,7 @@ export declare const Template: <AdditionalProps extends Record<string, any> = Re
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"template">;
 // --- Additional Sections Elements ---
 /**
@@ -1854,6 +1854,6 @@ export declare const Hgroup: <AdditionalProps extends Record<string, any> = Reco
     theme: Partial<{
         [key: string]: any;
     }>;
-    css: import("@emotion/serialize").CSSObject;
+    css: import("@emotion/serialize").CSSInterpolation;
 }> & AdditionalProps) | undefined) => import("./node.type").NodeInstance<"hgroup">;
 //# sourceMappingURL=html.node.d.ts.map

package/dist/node.type.d.ts

@@ -1,6 +1,6 @@
 import React, { type Attributes as ReactAttributes, type CSSProperties, type ReactNode, type JSX, type ElementType, type ComponentType, type JSXElementConstructor, type Component, type Ref, type ExoticComponent, type FragmentProps, type ReactElement } from 'react';
 import type { Root as ReactDOMRoot } from 'react-dom/client';
-import type { CSSObject } from '@emotion/react';
+import type { CSSInterpolation } from '@emotion/serialize';
 // --- Utility Types ---
 // Utility to get keys of required properties in a type T.
 type RequiredKeys<T> = {
@@ -95,7 +95,7 @@ export type NodeProps<E extends NodeElement> = Omit<PropsOf<E>, keyof CSSPropert
     props: Partial<Omit<PropsOf<E>, 'children' | keyof CSSProperties>>;
     children: NodeElement | NodeElement[];
     theme: Theme;
-    css: CSSObject;
+    css: CSSInterpolation;
 }>;
 /**
  * BaseNode's internal props type, extending NodeProps:

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/dist/node.type.js

@@ -1 +1 @@
-"use strict";export{};
+"use strict";import{css}from"@emotion/react";css({"@media (min-width: 200px)":{}});

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.2.0",
+  "version": "0.2.1",
   "type": "module",
   "main": "./dist/main.js",
   "types": "./dist/main.d.ts",