@almadar/ui 5.31.0 → 5.31.1

package/dist/avl/index.cjs

@@ -7265,6 +7265,7 @@ function NativeSelect({
   placeholder,
   error,
   onChange,
+  onValueChange,
   value,
   ...props
 }) {
@@ -7273,8 +7274,9 @@ function NativeSelect({
     if (typeof onChange === "string") {
       eventBus.emit(`UI:${onChange}`, { value: e.target.value });
     } else {
-      onChange?.(e.target.value);
+      onChange?.(e);
     }
+    onValueChange?.(e.target.value);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -7309,6 +7311,7 @@ function RichSelect({
   placeholder,
   error,
   onChange,
+  onValueChange,
   value,
   multiple,
   searchable,
@@ -7332,18 +7335,16 @@ function RichSelect({
     }
     if (typeof onChange === "string") {
       eventBus.emit(`UI:${onChange}`, { value: next });
-    } else {
-      onChange?.(next);
     }
+    onValueChange?.(next);
   };
   const clear = (e) => {
     e.stopPropagation();
     const next = multiple ? [] : "";
     if (typeof onChange === "string") {
       eventBus.emit(`UI:${onChange}`, { value: next });
-    } else {
-      onChange?.(next);
     }
+    onValueChange?.(next);
   };
   React88.useEffect(() => {
     const handler = (e) => {
@@ -19220,7 +19221,7 @@ var init_BranchingLogicBuilder = __esm({
                   options: sourceOptions,
                   value: rule.sourceQuestionId,
                   placeholder: t("branchingLogic.selectQuestion"),
-                  onChange: handleSource,
+                  onValueChange: handleSource,
                   disabled: readOnly,
                   error: broken ? t("branchingLogic.brokenReference") : void 0
                 }
@@ -19230,7 +19231,7 @@ var init_BranchingLogicBuilder = __esm({
                 {
                   options: operatorOptions,
                   value: rule.operator,
-                  onChange: handleOperator,
+                  onValueChange: handleOperator,
                   disabled: readOnly
                 }
               ) }),
@@ -19252,7 +19253,7 @@ var init_BranchingLogicBuilder = __esm({
                     options: valueOptions.filter((o) => !chips.includes(o.value)),
                     value: "",
                     placeholder: t("branchingLogic.addValue"),
-                    onChange: handleAddChip,
+                    onValueChange: handleAddChip,
                     disabled: readOnly
                   }
                 ) }) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -19278,7 +19279,7 @@ var init_BranchingLogicBuilder = __esm({
                   options: valueOptions,
                   value: scalarValue,
                   placeholder: t("branchingLogic.selectValue"),
-                  onChange: (v) => onChange({ ...rule, value: v }),
+                  onValueChange: (v) => onChange({ ...rule, value: v }),
                   disabled: readOnly
                 }
               ) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -19301,7 +19302,7 @@ var init_BranchingLogicBuilder = __esm({
                   options: targetOptions,
                   value: rule.targetQuestionId,
                   placeholder: t("branchingLogic.selectTarget"),
-                  onChange: handleTarget,
+                  onValueChange: handleTarget,
                   disabled: readOnly,
                   error: broken && rule.targetQuestionId !== END_OF_SURVEY ? t("branchingLogic.brokenReference") : void 0
                 }
@@ -21710,7 +21711,7 @@ var init_Pagination = __esm({
               Select,
               {
                 value: String(pageSize),
-                onChange: (v) => handlePageSizeChange(Number(v)),
+                onValueChange: (v) => handlePageSizeChange(Number(v)),
                 options: pageSizeOptions.map((size) => ({
                   value: String(size),
                   label: String(size)
@@ -26640,7 +26641,7 @@ var init_FilterGroup = __esm({
               Select,
               {
                 value: selectedValues[filter.field] || "all",
-                onChange: (v) => handleFilterSelect(filter.field, v),
+                onValueChange: (v) => handleFilterSelect(filter.field, v),
                 options: [
                   { value: "all", label: t("filterGroup.all") },
                   ...filter.options?.map((opt) => ({
@@ -26723,7 +26724,7 @@ var init_FilterGroup = __esm({
                 Select,
                 {
                   value: selectedValues[filter.field] || "all",
-                  onChange: (v) => handleFilterSelect(filter.field, v),
+                  onValueChange: (v) => handleFilterSelect(filter.field, v),
                   options: [
                     { value: "all", label: t("filterGroup.allOf", { label: filter.label }) },
                     ...filter.options?.map((opt) => ({
@@ -26841,7 +26842,7 @@ var init_FilterGroup = __esm({
                 Select,
                 {
                   value: selectedValues[filter.field] || "all",
-                  onChange: (v) => handleFilterSelect(filter.field, v),
+                  onValueChange: (v) => handleFilterSelect(filter.field, v),
                   options: [
                     { value: "all", label: t("filterGroup.all") },
                     ...filter.options?.map((opt) => ({
@@ -36559,7 +36560,7 @@ var init_VersionDiff = __esm({
                   {
                     options,
                     value: activeBeforeId,
-                    onChange: handleBeforeChange,
+                    onValueChange: handleBeforeChange,
                     "aria-label": t("versionDiff.beforeRevision")
                   }
                 ) }),
@@ -36569,7 +36570,7 @@ var init_VersionDiff = __esm({
                   {
                     options,
                     value: activeAfterId,
-                    onChange: handleAfterChange,
+                    onValueChange: handleAfterChange,
                     "aria-label": t("versionDiff.afterRevision")
                   }
                 ) }),
@@ -40743,7 +40744,7 @@ function RuleEditor({
       Select,
       {
         value: rule.whenEvent,
-        onChange: handleWhenChange,
+        onValueChange: handleWhenChange,
         options: availableEvents,
         disabled,
         className: "flex-1 min-w-0"
@@ -40754,7 +40755,7 @@ function RuleEditor({
       Select,
       {
         value: rule.thenAction,
-        onChange: handleThenChange,
+        onValueChange: handleThenChange,
         options: availableActions,
         disabled,
         className: "flex-1 min-w-0"
@@ -41811,7 +41812,7 @@ var init_Form = __esm({
                 ...commonProps,
                 options,
                 value: String(currentValue),
-                onChange: (v) => handleChange(fieldName, v),
+                onValueChange: (v) => handleChange(fieldName, v),
                 placeholder: field.placeholder || `Select ${label}...`
               }
             );
@@ -57184,7 +57185,7 @@ function OrbInspector({ node, schema, editable = false, userType = "builder", th
                 {
                   value: f3.type,
                   options: FIELD_TYPE_OPTIONS,
-                  onChange: (v) => handleUpdateField(f3.name, { type: v }),
+                  onValueChange: (v) => handleUpdateField(f3.name, { type: v }),
                   className: "w-20 text-xs h-6"
                 }
               ),

package/dist/avl/index.js

@@ -7216,6 +7216,7 @@ function NativeSelect({
   placeholder,
   error,
   onChange,
+  onValueChange,
   value,
   ...props
 }) {
@@ -7224,8 +7225,9 @@ function NativeSelect({
     if (typeof onChange === "string") {
       eventBus.emit(`UI:${onChange}`, { value: e.target.value });
     } else {
-      onChange?.(e.target.value);
+      onChange?.(e);
     }
+    onValueChange?.(e.target.value);
   };
   return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsxs(
@@ -7260,6 +7262,7 @@ function RichSelect({
   placeholder,
   error,
   onChange,
+  onValueChange,
   value,
   multiple,
   searchable,
@@ -7283,18 +7286,16 @@ function RichSelect({
     }
     if (typeof onChange === "string") {
       eventBus.emit(`UI:${onChange}`, { value: next });
-    } else {
-      onChange?.(next);
     }
+    onValueChange?.(next);
   };
   const clear = (e) => {
     e.stopPropagation();
     const next = multiple ? [] : "";
     if (typeof onChange === "string") {
       eventBus.emit(`UI:${onChange}`, { value: next });
-    } else {
-      onChange?.(next);
     }
+    onValueChange?.(next);
   };
   useEffect(() => {
     const handler = (e) => {
@@ -19171,7 +19172,7 @@ var init_BranchingLogicBuilder = __esm({
                   options: sourceOptions,
                   value: rule.sourceQuestionId,
                   placeholder: t("branchingLogic.selectQuestion"),
-                  onChange: handleSource,
+                  onValueChange: handleSource,
                   disabled: readOnly,
                   error: broken ? t("branchingLogic.brokenReference") : void 0
                 }
@@ -19181,7 +19182,7 @@ var init_BranchingLogicBuilder = __esm({
                 {
                   options: operatorOptions,
                   value: rule.operator,
-                  onChange: handleOperator,
+                  onValueChange: handleOperator,
                   disabled: readOnly
                 }
               ) }),
@@ -19203,7 +19204,7 @@ var init_BranchingLogicBuilder = __esm({
                     options: valueOptions.filter((o) => !chips.includes(o.value)),
                     value: "",
                     placeholder: t("branchingLogic.addValue"),
-                    onChange: handleAddChip,
+                    onValueChange: handleAddChip,
                     disabled: readOnly
                   }
                 ) }) : /* @__PURE__ */ jsx(
@@ -19229,7 +19230,7 @@ var init_BranchingLogicBuilder = __esm({
                   options: valueOptions,
                   value: scalarValue,
                   placeholder: t("branchingLogic.selectValue"),
-                  onChange: (v) => onChange({ ...rule, value: v }),
+                  onValueChange: (v) => onChange({ ...rule, value: v }),
                   disabled: readOnly
                 }
               ) : /* @__PURE__ */ jsx(
@@ -19252,7 +19253,7 @@ var init_BranchingLogicBuilder = __esm({
                   options: targetOptions,
                   value: rule.targetQuestionId,
                   placeholder: t("branchingLogic.selectTarget"),
-                  onChange: handleTarget,
+                  onValueChange: handleTarget,
                   disabled: readOnly,
                   error: broken && rule.targetQuestionId !== END_OF_SURVEY ? t("branchingLogic.brokenReference") : void 0
                 }
@@ -21661,7 +21662,7 @@ var init_Pagination = __esm({
               Select,
               {
                 value: String(pageSize),
-                onChange: (v) => handlePageSizeChange(Number(v)),
+                onValueChange: (v) => handlePageSizeChange(Number(v)),
                 options: pageSizeOptions.map((size) => ({
                   value: String(size),
                   label: String(size)
@@ -26591,7 +26592,7 @@ var init_FilterGroup = __esm({
               Select,
               {
                 value: selectedValues[filter.field] || "all",
-                onChange: (v) => handleFilterSelect(filter.field, v),
+                onValueChange: (v) => handleFilterSelect(filter.field, v),
                 options: [
                   { value: "all", label: t("filterGroup.all") },
                   ...filter.options?.map((opt) => ({
@@ -26674,7 +26675,7 @@ var init_FilterGroup = __esm({
                 Select,
                 {
                   value: selectedValues[filter.field] || "all",
-                  onChange: (v) => handleFilterSelect(filter.field, v),
+                  onValueChange: (v) => handleFilterSelect(filter.field, v),
                   options: [
                     { value: "all", label: t("filterGroup.allOf", { label: filter.label }) },
                     ...filter.options?.map((opt) => ({
@@ -26792,7 +26793,7 @@ var init_FilterGroup = __esm({
                 Select,
                 {
                   value: selectedValues[filter.field] || "all",
-                  onChange: (v) => handleFilterSelect(filter.field, v),
+                  onValueChange: (v) => handleFilterSelect(filter.field, v),
                   options: [
                     { value: "all", label: t("filterGroup.all") },
                     ...filter.options?.map((opt) => ({
@@ -36510,7 +36511,7 @@ var init_VersionDiff = __esm({
                   {
                     options,
                     value: activeBeforeId,
-                    onChange: handleBeforeChange,
+                    onValueChange: handleBeforeChange,
                     "aria-label": t("versionDiff.beforeRevision")
                   }
                 ) }),
@@ -36520,7 +36521,7 @@ var init_VersionDiff = __esm({
                   {
                     options,
                     value: activeAfterId,
-                    onChange: handleAfterChange,
+                    onValueChange: handleAfterChange,
                     "aria-label": t("versionDiff.afterRevision")
                   }
                 ) }),
@@ -40694,7 +40695,7 @@ function RuleEditor({
       Select,
       {
         value: rule.whenEvent,
-        onChange: handleWhenChange,
+        onValueChange: handleWhenChange,
         options: availableEvents,
         disabled,
         className: "flex-1 min-w-0"
@@ -40705,7 +40706,7 @@ function RuleEditor({
       Select,
       {
         value: rule.thenAction,
-        onChange: handleThenChange,
+        onValueChange: handleThenChange,
         options: availableActions,
         disabled,
         className: "flex-1 min-w-0"
@@ -41762,7 +41763,7 @@ var init_Form = __esm({
                 ...commonProps,
                 options,
                 value: String(currentValue),
-                onChange: (v) => handleChange(fieldName, v),
+                onValueChange: (v) => handleChange(fieldName, v),
                 placeholder: field.placeholder || `Select ${label}...`
               }
             );
@@ -57135,7 +57136,7 @@ function OrbInspector({ node, schema, editable = false, userType = "builder", th
                 {
                   value: f3.type,
                   options: FIELD_TYPE_OPTIONS,
-                  onChange: (v) => handleUpdateField(f3.name, { type: v }),
+                  onValueChange: (v) => handleUpdateField(f3.name, { type: v }),
                   className: "w-20 text-xs h-6"
                 }
               ),

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

@@ -30,7 +30,9 @@ export interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectE
     searchable?: boolean;
     /** Show a clear button when a value is selected. */
     clearable?: boolean;
-    /** onChange handler or declarative event key for trait dispatch */
-    onChange?: ((value: string | string[]) => void) | EventKey;
+    /** 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;
 }
 export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;

package/dist/components/index.cjs

@@ -2414,6 +2414,7 @@ function NativeSelect({
   placeholder,
   error,
   onChange,
+  onValueChange,
   value,
   ...props
 }) {
@@ -2422,8 +2423,9 @@ function NativeSelect({
     if (typeof onChange === "string") {
       eventBus.emit(`UI:${onChange}`, { value: e.target.value });
     } else {
-      onChange?.(e.target.value);
+      onChange?.(e);
     }
+    onValueChange?.(e.target.value);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2458,6 +2460,7 @@ function RichSelect({
   placeholder,
   error,
   onChange,
+  onValueChange,
   value,
   multiple,
   searchable,
@@ -2481,18 +2484,16 @@ function RichSelect({
     }
     if (typeof onChange === "string") {
       eventBus.emit(`UI:${onChange}`, { value: next });
-    } else {
-      onChange?.(next);
     }
+    onValueChange?.(next);
   };
   const clear = (e) => {
     e.stopPropagation();
     const next = multiple ? [] : "";
     if (typeof onChange === "string") {
       eventBus.emit(`UI:${onChange}`, { value: next });
-    } else {
-      onChange?.(next);
     }
+    onValueChange?.(next);
   };
   React74.useEffect(() => {
     const handler = (e) => {
@@ -15299,7 +15300,7 @@ var init_BranchingLogicBuilder = __esm({
                   options: sourceOptions,
                   value: rule.sourceQuestionId,
                   placeholder: t("branchingLogic.selectQuestion"),
-                  onChange: handleSource,
+                  onValueChange: handleSource,
                   disabled: readOnly,
                   error: broken ? t("branchingLogic.brokenReference") : void 0
                 }
@@ -15309,7 +15310,7 @@ var init_BranchingLogicBuilder = __esm({
                 {
                   options: operatorOptions,
                   value: rule.operator,
-                  onChange: handleOperator,
+                  onValueChange: handleOperator,
                   disabled: readOnly
                 }
               ) }),
@@ -15331,7 +15332,7 @@ var init_BranchingLogicBuilder = __esm({
                     options: valueOptions.filter((o) => !chips.includes(o.value)),
                     value: "",
                     placeholder: t("branchingLogic.addValue"),
-                    onChange: handleAddChip,
+                    onValueChange: handleAddChip,
                     disabled: readOnly
                   }
                 ) }) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -15357,7 +15358,7 @@ var init_BranchingLogicBuilder = __esm({
                   options: valueOptions,
                   value: scalarValue,
                   placeholder: t("branchingLogic.selectValue"),
-                  onChange: (v) => onChange({ ...rule, value: v }),
+                  onValueChange: (v) => onChange({ ...rule, value: v }),
                   disabled: readOnly
                 }
               ) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -15380,7 +15381,7 @@ var init_BranchingLogicBuilder = __esm({
                   options: targetOptions,
                   value: rule.targetQuestionId,
                   placeholder: t("branchingLogic.selectTarget"),
-                  onChange: handleTarget,
+                  onValueChange: handleTarget,
                   disabled: readOnly,
                   error: broken && rule.targetQuestionId !== END_OF_SURVEY ? t("branchingLogic.brokenReference") : void 0
                 }
@@ -17789,7 +17790,7 @@ var init_Pagination = __esm({
               exports.Select,
               {
                 value: String(pageSize),
-                onChange: (v) => handlePageSizeChange(Number(v)),
+                onValueChange: (v) => handlePageSizeChange(Number(v)),
                 options: pageSizeOptions.map((size) => ({
                   value: String(size),
                   label: String(size)
@@ -23279,7 +23280,7 @@ function FieldControl({
       {
         options: decl.values.map((v) => ({ value: v, label: v })),
         value: typeof value === "string" ? value : "",
-        onChange: (v) => onChange(name, v)
+        onValueChange: (v) => onChange(name, v)
       }
     );
   } else if (decl.type === "number") {
@@ -23431,7 +23432,7 @@ var init_NodeSlotEditor = __esm({
           {
             options,
             value: type,
-            onChange: (v) => emit(v, props)
+            onValueChange: (v) => emit(v, props)
           }
         ),
         type !== "" && /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "none", className: "pl-1", children: [
@@ -23885,7 +23886,7 @@ var init_FilterGroup = __esm({
               exports.Select,
               {
                 value: selectedValues[filter.field] || "all",
-                onChange: (v) => handleFilterSelect(filter.field, v),
+                onValueChange: (v) => handleFilterSelect(filter.field, v),
                 options: [
                   { value: "all", label: t("filterGroup.all") },
                   ...filter.options?.map((opt) => ({
@@ -23968,7 +23969,7 @@ var init_FilterGroup = __esm({
                 exports.Select,
                 {
                   value: selectedValues[filter.field] || "all",
-                  onChange: (v) => handleFilterSelect(filter.field, v),
+                  onValueChange: (v) => handleFilterSelect(filter.field, v),
                   options: [
                     { value: "all", label: t("filterGroup.allOf", { label: filter.label }) },
                     ...filter.options?.map((opt) => ({
@@ -24086,7 +24087,7 @@ var init_FilterGroup = __esm({
                 exports.Select,
                 {
                   value: selectedValues[filter.field] || "all",
-                  onChange: (v) => handleFilterSelect(filter.field, v),
+                  onValueChange: (v) => handleFilterSelect(filter.field, v),
                   options: [
                     { value: "all", label: t("filterGroup.all") },
                     ...filter.options?.map((opt) => ({
@@ -34340,7 +34341,7 @@ var init_VersionDiff = __esm({
                   {
                     options,
                     value: activeBeforeId,
-                    onChange: handleBeforeChange,
+                    onValueChange: handleBeforeChange,
                     "aria-label": t("versionDiff.beforeRevision")
                   }
                 ) }),
@@ -34350,7 +34351,7 @@ var init_VersionDiff = __esm({
                   {
                     options,
                     value: activeAfterId,
-                    onChange: handleAfterChange,
+                    onValueChange: handleAfterChange,
                     "aria-label": t("versionDiff.afterRevision")
                   }
                 ) }),
@@ -39153,7 +39154,7 @@ function RuleEditor({
       exports.Select,
       {
         value: rule.whenEvent,
-        onChange: handleWhenChange,
+        onValueChange: handleWhenChange,
         options: availableEvents,
         disabled,
         className: "flex-1 min-w-0"
@@ -39164,7 +39165,7 @@ function RuleEditor({
       exports.Select,
       {
         value: rule.thenAction,
-        onChange: handleThenChange,
+        onValueChange: handleThenChange,
         options: availableActions,
         disabled,
         className: "flex-1 min-w-0"
@@ -40221,7 +40222,7 @@ var init_Form = __esm({
                 ...commonProps,
                 options,
                 value: String(currentValue2),
-                onChange: (v) => handleChange(fieldName, v),
+                onValueChange: (v) => handleChange(fieldName, v),
                 placeholder: field.placeholder || `Select ${label}...`
               }
             );