@almadar/ui 5.32.0 → 5.32.2

package/dist/avl/index.cjs

@@ -7253,6 +7253,13 @@ var init_Textarea = __esm({
     Textarea.displayName = "Textarea";
   }
 });
+function dispatchValueChange(onValueChange, eventBus, value) {
+  if (typeof onValueChange === "string") {
+    eventBus.emit(`UI:${onValueChange}`, { value });
+  } else {
+    onValueChange?.(value);
+  }
+}
 function flatOptions(opts, groups) {
   const flat = opts ?? [];
   const grp = (groups ?? []).flatMap((g) => g.options);
@@ -7276,7 +7283,7 @@ function NativeSelect({
     } else {
       onChange?.(e);
     }
-    onValueChange?.(e.target.value);
+    dispatchValueChange(onValueChange, eventBus, e.target.value);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -7336,7 +7343,7 @@ function RichSelect({
     if (typeof onChange === "string") {
       eventBus.emit(`UI:${onChange}`, { value: next });
     }
-    onValueChange?.(next);
+    dispatchValueChange(onValueChange, eventBus, next);
   };
   const clear = (e) => {
     e.stopPropagation();
@@ -7344,7 +7351,7 @@ function RichSelect({
     if (typeof onChange === "string") {
       eventBus.emit(`UI:${onChange}`, { value: next });
     }
-    onValueChange?.(next);
+    dispatchValueChange(onValueChange, eventBus, next);
   };
   React88.useEffect(() => {
     const handler = (e) => {

package/dist/avl/index.js

@@ -7204,6 +7204,13 @@ var init_Textarea = __esm({
     Textarea.displayName = "Textarea";
   }
 });
+function dispatchValueChange(onValueChange, eventBus, value) {
+  if (typeof onValueChange === "string") {
+    eventBus.emit(`UI:${onValueChange}`, { value });
+  } else {
+    onValueChange?.(value);
+  }
+}
 function flatOptions(opts, groups) {
   const flat = opts ?? [];
   const grp = (groups ?? []).flatMap((g) => g.options);
@@ -7227,7 +7234,7 @@ function NativeSelect({
     } else {
       onChange?.(e);
     }
-    onValueChange?.(e.target.value);
+    dispatchValueChange(onValueChange, eventBus, e.target.value);
   };
   return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsxs(
@@ -7287,7 +7294,7 @@ function RichSelect({
     if (typeof onChange === "string") {
       eventBus.emit(`UI:${onChange}`, { value: next });
     }
-    onValueChange?.(next);
+    dispatchValueChange(onValueChange, eventBus, next);
   };
   const clear = (e) => {
     e.stopPropagation();
@@ -7295,7 +7302,7 @@ function RichSelect({
     if (typeof onChange === "string") {
       eventBus.emit(`UI:${onChange}`, { value: next });
     }
-    onValueChange?.(next);
+    dispatchValueChange(onValueChange, eventBus, next);
   };
   useEffect(() => {
     const handler = (e) => {

package/dist/components/core/atoms/Select.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { EventKey } from "@almadar/core";
+import type { EventKey, EventEmit } from "@almadar/core";
 export interface SelectOption {
     value: string;
     label: string;
@@ -38,7 +38,12 @@ export interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectE
     clearable?: boolean;
     /** onChange handler (native ChangeEvent) or declarative event key for trait dispatch */
     onChange?: React.ChangeEventHandler<HTMLSelectElement> | EventKey;
-    /** Value-based callback — receives the selected string (or string[] for multiple). */
-    onValueChange?: (value: string | string[]) => void;
+    /** Value-based change: a React callback (internal use) OR a declarative event
+     *  key that emits `{ value }` on the bus (render-ui / lolo authoring). Mirrors
+     *  the `onChange` handler|event convention so it's an event-emitting prop, not a
+     *  bare callback. */
+    onValueChange?: ((value: string | string[]) => void) | EventEmit<{
+        value: string | string[];
+    }>;
 }
 export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;

package/dist/components/index.cjs

@@ -2402,6 +2402,13 @@ var init_Textarea = __esm({
     exports.Textarea.displayName = "Textarea";
   }
 });
+function dispatchValueChange(onValueChange, eventBus, value) {
+  if (typeof onValueChange === "string") {
+    eventBus.emit(`UI:${onValueChange}`, { value });
+  } else {
+    onValueChange?.(value);
+  }
+}
 function flatOptions(opts, groups) {
   const flat = opts ?? [];
   const grp = (groups ?? []).flatMap((g) => g.options);
@@ -2425,7 +2432,7 @@ function NativeSelect({
     } else {
       onChange?.(e);
     }
-    onValueChange?.(e.target.value);
+    dispatchValueChange(onValueChange, eventBus, e.target.value);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2485,7 +2492,7 @@ function RichSelect({
     if (typeof onChange === "string") {
       eventBus.emit(`UI:${onChange}`, { value: next });
     }
-    onValueChange?.(next);
+    dispatchValueChange(onValueChange, eventBus, next);
   };
   const clear = (e) => {
     e.stopPropagation();
@@ -2493,7 +2500,7 @@ function RichSelect({
     if (typeof onChange === "string") {
       eventBus.emit(`UI:${onChange}`, { value: next });
     }
-    onValueChange?.(next);
+    dispatchValueChange(onValueChange, eventBus, next);
   };
   React74.useEffect(() => {
     const handler = (e) => {

package/dist/components/index.js

@@ -2354,6 +2354,13 @@ var init_Textarea = __esm({
     Textarea.displayName = "Textarea";
   }
 });
+function dispatchValueChange(onValueChange, eventBus, value) {
+  if (typeof onValueChange === "string") {
+    eventBus.emit(`UI:${onValueChange}`, { value });
+  } else {
+    onValueChange?.(value);
+  }
+}
 function flatOptions(opts, groups) {
   const flat = opts ?? [];
   const grp = (groups ?? []).flatMap((g) => g.options);
@@ -2377,7 +2384,7 @@ function NativeSelect({
     } else {
       onChange?.(e);
     }
-    onValueChange?.(e.target.value);
+    dispatchValueChange(onValueChange, eventBus, e.target.value);
   };
   return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsxs(
@@ -2437,7 +2444,7 @@ function RichSelect({
     if (typeof onChange === "string") {
       eventBus.emit(`UI:${onChange}`, { value: next });
     }
-    onValueChange?.(next);
+    dispatchValueChange(onValueChange, eventBus, next);
   };
   const clear = (e) => {
     e.stopPropagation();
@@ -2445,7 +2452,7 @@ function RichSelect({
     if (typeof onChange === "string") {
       eventBus.emit(`UI:${onChange}`, { value: next });
     }
-    onValueChange?.(next);
+    dispatchValueChange(onValueChange, eventBus, next);
   };
   useEffect(() => {
     const handler = (e) => {

package/dist/providers/index.cjs

@@ -3692,6 +3692,13 @@ var init_Textarea = __esm({
     Textarea.displayName = "Textarea";
   }
 });
+function dispatchValueChange(onValueChange, eventBus, value) {
+  if (typeof onValueChange === "string") {
+    eventBus.emit(`UI:${onValueChange}`, { value });
+  } else {
+    onValueChange?.(value);
+  }
+}
 function flatOptions(opts, groups) {
   const flat = opts ?? [];
   const grp = (groups ?? []).flatMap((g) => g.options);
@@ -3715,7 +3722,7 @@ function NativeSelect({
     } else {
       onChange?.(e);
     }
-    onValueChange?.(e.target.value);
+    dispatchValueChange(onValueChange, eventBus, e.target.value);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3775,7 +3782,7 @@ function RichSelect({
     if (typeof onChange === "string") {
       eventBus.emit(`UI:${onChange}`, { value: next });
     }
-    onValueChange?.(next);
+    dispatchValueChange(onValueChange, eventBus, next);
   };
   const clear = (e) => {
     e.stopPropagation();
@@ -3783,7 +3790,7 @@ function RichSelect({
     if (typeof onChange === "string") {
       eventBus.emit(`UI:${onChange}`, { value: next });
     }
-    onValueChange?.(next);
+    dispatchValueChange(onValueChange, eventBus, next);
   };
   React80.useEffect(() => {
     const handler = (e) => {

package/dist/providers/index.js

@@ -3643,6 +3643,13 @@ var init_Textarea = __esm({
     Textarea.displayName = "Textarea";
   }
 });
+function dispatchValueChange(onValueChange, eventBus, value) {
+  if (typeof onValueChange === "string") {
+    eventBus.emit(`UI:${onValueChange}`, { value });
+  } else {
+    onValueChange?.(value);
+  }
+}
 function flatOptions(opts, groups) {
   const flat = opts ?? [];
   const grp = (groups ?? []).flatMap((g) => g.options);
@@ -3666,7 +3673,7 @@ function NativeSelect({
     } else {
       onChange?.(e);
     }
-    onValueChange?.(e.target.value);
+    dispatchValueChange(onValueChange, eventBus, e.target.value);
   };
   return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsxs(
@@ -3726,7 +3733,7 @@ function RichSelect({
     if (typeof onChange === "string") {
       eventBus.emit(`UI:${onChange}`, { value: next });
     }
-    onValueChange?.(next);
+    dispatchValueChange(onValueChange, eventBus, next);
   };
   const clear = (e) => {
     e.stopPropagation();
@@ -3734,7 +3741,7 @@ function RichSelect({
     if (typeof onChange === "string") {
       eventBus.emit(`UI:${onChange}`, { value: next });
     }
-    onValueChange?.(next);
+    dispatchValueChange(onValueChange, eventBus, next);
   };
   useEffect(() => {
     const handler = (e) => {

package/dist/runtime/index.cjs

@@ -3428,6 +3428,13 @@ var init_Textarea = __esm({
     Textarea.displayName = "Textarea";
   }
 });
+function dispatchValueChange(onValueChange, eventBus, value) {
+  if (typeof onValueChange === "string") {
+    eventBus.emit(`UI:${onValueChange}`, { value });
+  } else {
+    onValueChange?.(value);
+  }
+}
 function flatOptions(opts, groups) {
   const flat = opts ?? [];
   const grp = (groups ?? []).flatMap((g) => g.options);
@@ -3451,7 +3458,7 @@ function NativeSelect({
     } else {
       onChange?.(e);
     }
-    onValueChange?.(e.target.value);
+    dispatchValueChange(onValueChange, eventBus, e.target.value);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3511,7 +3518,7 @@ function RichSelect({
     if (typeof onChange === "string") {
       eventBus.emit(`UI:${onChange}`, { value: next });
     }
-    onValueChange?.(next);
+    dispatchValueChange(onValueChange, eventBus, next);
   };
   const clear = (e) => {
     e.stopPropagation();
@@ -3519,7 +3526,7 @@ function RichSelect({
     if (typeof onChange === "string") {
       eventBus.emit(`UI:${onChange}`, { value: next });
     }
-    onValueChange?.(next);
+    dispatchValueChange(onValueChange, eventBus, next);
   };
   React79.useEffect(() => {
     const handler = (e) => {

package/dist/runtime/index.js

@@ -3379,6 +3379,13 @@ var init_Textarea = __esm({
     Textarea.displayName = "Textarea";
   }
 });
+function dispatchValueChange(onValueChange, eventBus, value) {
+  if (typeof onValueChange === "string") {
+    eventBus.emit(`UI:${onValueChange}`, { value });
+  } else {
+    onValueChange?.(value);
+  }
+}
 function flatOptions(opts, groups) {
   const flat = opts ?? [];
   const grp = (groups ?? []).flatMap((g) => g.options);
@@ -3402,7 +3409,7 @@ function NativeSelect({
     } else {
       onChange?.(e);
     }
-    onValueChange?.(e.target.value);
+    dispatchValueChange(onValueChange, eventBus, e.target.value);
   };
   return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsxs(
@@ -3462,7 +3469,7 @@ function RichSelect({
     if (typeof onChange === "string") {
       eventBus.emit(`UI:${onChange}`, { value: next });
     }
-    onValueChange?.(next);
+    dispatchValueChange(onValueChange, eventBus, next);
   };
   const clear = (e) => {
     e.stopPropagation();
@@ -3470,7 +3477,7 @@ function RichSelect({
     if (typeof onChange === "string") {
       eventBus.emit(`UI:${onChange}`, { value: next });
     }
-    onValueChange?.(next);
+    dispatchValueChange(onValueChange, eventBus, next);
   };
   useEffect(() => {
     const handler = (e) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "5.32.0",
+  "version": "5.32.2",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [