@meonode/ui 0.3.11 → 0.3.13

package/CHANGELOG.md

@@ -5,6 +5,17 @@ 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.13] - 2025-10-30
+
+### Fixed
+- **theme.helper**: process theme strings returned from functions ([`5c004fa`](https://github.com/l7aromeo/meonode-ui/commit/5c004fa32f2957a4936aa84123c630abde708fb8))
+
+## [0.3.12] - 2025-10-23
+
+### Added
+- **react**: add Suspense component and JSDoc for Activity and Suspense ([`c1760fd`](https://github.com/l7aromeo/meonode-ui/commit/c1760fd))
+
+
 ## [0.3.11] - 2025-10-19
 
 ### Added

package/dist/components/react.node.d.ts

@@ -1,4 +1,35 @@
+/**
+ * Lets you hide and restore the UI and internal state of its children.
+ * @see {@link https://react.dev/reference/react/Activity React Docs}
+ * @example
+ *
+ * ```typescript
+ * import { Activity } from '@meonode/ui';
+ *
+ * Activity({
+ *   mode: isShowingSidebar ? "visible" : "hidden",
+ *   children: Div(...),
+ * })
+ * ```
+ */
 export declare const Activity: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props: import("../node.type").MergedProps<import("react").ExoticComponent<import("react").ActivityProps>, AdditionalProps>) => import("../node.type").NodeInstance<import("react").ExoticComponent<import("react").ActivityProps>>) & {
     element: import("react").ExoticComponent<import("react").ActivityProps>;
 };
+/**
+ * Lets you display a fallback until its children have finished loading.
+ * @see {@link https://react.dev/reference/react/Suspense React Docs}
+ * @example
+ *
+ * ```typescript
+ * import { Suspense } from '@meonode/ui';
+ *
+ * Suspense({
+ *   fallback: 'Loading...',
+ *   children: Div(...),
+ * })
+ * ```
+ */
+export declare const Suspense: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<import("react").ExoticComponent<import("react").SuspenseProps>, AdditionalProps> | undefined) => import("../node.type").NodeInstance<import("react").ExoticComponent<import("react").SuspenseProps>>) & {
+    element: import("react").ExoticComponent<import("react").SuspenseProps>;
+};
 //# sourceMappingURL=react.node.d.ts.map

package/dist/components/react.node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.node.d.ts","sourceRoot":"","sources":["../../src/components/react.node.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;CAA2B,CAAA"}
+{"version":3,"file":"react.node.d.ts","sourceRoot":"","sources":["../../src/components/react.node.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,QAAQ;;CAA2B,CAAA;AAEhD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,QAAQ;;CAA2B,CAAA"}

package/dist/components/react.node.js

@@ -1 +1,27 @@
-import{Activity as BaseActivity}from"react";import{createNode}from"../core.node.js";export var Activity=createNode(BaseActivity);
+import{Activity as BaseActivity,Suspense as BaseSuspense}from"react";import{createNode}from"../core.node.js";/**
+ * Lets you hide and restore the UI and internal state of its children.
+ * @see {@link https://react.dev/reference/react/Activity React Docs}
+ * @example
+ *
+ * ```typescript
+ * import { Activity } from '@meonode/ui';
+ *
+ * Activity({
+ *   mode: isShowingSidebar ? "visible" : "hidden",
+ *   children: Div(...),
+ * })
+ * ```
+ */export var Activity=createNode(BaseActivity);/**
+ * Lets you display a fallback until its children have finished loading.
+ * @see {@link https://react.dev/reference/react/Suspense React Docs}
+ * @example
+ *
+ * ```typescript
+ * import { Suspense } from '@meonode/ui';
+ *
+ * Suspense({
+ *   fallback: 'Loading...',
+ *   children: Div(...),
+ * })
+ * ```
+ */export var Suspense=createNode(BaseSuspense);

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,KAAK,EAAe,MAAM,mBAAmB,CAAA;AA8G3D;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,mBAAmB;;SA+H/B,CAAA"}
+{"version":3,"file":"theme.helper.d.ts","sourceRoot":"","sources":["../../src/helper/theme.helper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAe,MAAM,mBAAmB,CAAA;AA8G3D;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,mBAAmB;;SAoI/B,CAAA"}

package/dist/helper/theme.helper.js

@@ -39,4 +39,5 @@ _defineProperty(ThemeResolverCache,"_instance",null);var themeCache=ThemeResolve
 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||null===Object.getPrototypeOf(q))&&("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};
+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||null===Object.getPrototypeOf(q))&&("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);// Process string results that contain theme references
+r="string"==typeof s&&s.includes("theme.")?f(s):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/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.11",
+  "version": "0.3.13",
   "type": "module",
   "main": "./dist/main.js",
   "types": "./dist/main.d.ts",
@@ -23,7 +23,6 @@
     "dist",
     "package.json",
     "LICENSE",
-    "CHANGELOG.md",
     "README.md"
   ],
   "scripts": {