@almadar/ui 5.31.0 → 5.32.0

package/dist/components/index.js

@@ -2366,6 +2366,7 @@ function NativeSelect({
   placeholder,
   error,
   onChange,
+  onValueChange,
   value,
   ...props
 }) {
@@ -2374,8 +2375,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(
@@ -2410,6 +2412,7 @@ function RichSelect({
   placeholder,
   error,
   onChange,
+  onValueChange,
   value,
   multiple,
   searchable,
@@ -2433,18 +2436,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) => {
@@ -2462,6 +2463,7 @@ function RichSelect({
     "button",
     {
       type: "button",
+      dir: opt.dir,
       disabled: opt.disabled,
       onClick: () => !opt.disabled && toggle(opt.value),
       className: cn(
@@ -2471,8 +2473,14 @@ function RichSelect({
         selected.includes(opt.value) && "text-primary font-medium"
       ),
       children: [
-        /* @__PURE__ */ jsx("span", { children: opt.label }),
-        selected.includes(opt.value) && /* @__PURE__ */ jsx(Icon, { name: "check", className: "h-icon-default w-icon-default" })
+        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 min-w-0", children: [
+          opt.icon != null && /* @__PURE__ */ jsx("span", { className: "shrink-0 flex items-center", children: opt.icon }),
+          /* @__PURE__ */ jsxs("span", { className: "flex flex-col min-w-0", children: [
+            /* @__PURE__ */ jsx("span", { children: opt.label }),
+            opt.secondaryLabel != null && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground font-normal", children: opt.secondaryLabel })
+          ] })
+        ] }),
+        selected.includes(opt.value) && /* @__PURE__ */ jsx(Icon, { name: "check", className: "h-icon-default w-icon-default shrink-0" })
       ]
     },
     opt.value
@@ -15251,7 +15259,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
                 }
@@ -15261,7 +15269,7 @@ var init_BranchingLogicBuilder = __esm({
                 {
                   options: operatorOptions,
                   value: rule.operator,
-                  onChange: handleOperator,
+                  onValueChange: handleOperator,
                   disabled: readOnly
                 }
               ) }),
@@ -15283,7 +15291,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(
@@ -15309,7 +15317,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(
@@ -15332,7 +15340,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
                 }
@@ -17741,7 +17749,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)
@@ -23231,7 +23239,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") {
@@ -23383,7 +23391,7 @@ var init_NodeSlotEditor = __esm({
           {
             options,
             value: type,
-            onChange: (v) => emit(v, props)
+            onValueChange: (v) => emit(v, props)
           }
         ),
         type !== "" && /* @__PURE__ */ jsxs(VStack, { gap: "none", className: "pl-1", children: [
@@ -23837,7 +23845,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) => ({
@@ -23920,7 +23928,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) => ({
@@ -24038,7 +24046,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) => ({
@@ -34292,7 +34300,7 @@ var init_VersionDiff = __esm({
                   {
                     options,
                     value: activeBeforeId,
-                    onChange: handleBeforeChange,
+                    onValueChange: handleBeforeChange,
                     "aria-label": t("versionDiff.beforeRevision")
                   }
                 ) }),
@@ -34302,7 +34310,7 @@ var init_VersionDiff = __esm({
                   {
                     options,
                     value: activeAfterId,
-                    onChange: handleAfterChange,
+                    onValueChange: handleAfterChange,
                     "aria-label": t("versionDiff.afterRevision")
                   }
                 ) }),
@@ -39105,7 +39113,7 @@ function RuleEditor({
       Select,
       {
         value: rule.whenEvent,
-        onChange: handleWhenChange,
+        onValueChange: handleWhenChange,
         options: availableEvents,
         disabled,
         className: "flex-1 min-w-0"
@@ -39116,7 +39124,7 @@ function RuleEditor({
       Select,
       {
         value: rule.thenAction,
-        onChange: handleThenChange,
+        onValueChange: handleThenChange,
         options: availableActions,
         disabled,
         className: "flex-1 min-w-0"
@@ -40173,7 +40181,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}...`
               }
             );

package/dist/providers/index.cjs

@@ -3704,6 +3704,7 @@ function NativeSelect({
   placeholder,
   error,
   onChange,
+  onValueChange,
   value,
   ...props
 }) {
@@ -3712,8 +3713,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(
@@ -3748,6 +3750,7 @@ function RichSelect({
   placeholder,
   error,
   onChange,
+  onValueChange,
   value,
   multiple,
   searchable,
@@ -3771,18 +3774,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);
   };
   React80.useEffect(() => {
     const handler = (e) => {
@@ -3800,6 +3801,7 @@ function RichSelect({
     "button",
     {
       type: "button",
+      dir: opt.dir,
       disabled: opt.disabled,
       onClick: () => !opt.disabled && toggle(opt.value),
       className: cn(
@@ -3809,8 +3811,14 @@ function RichSelect({
         selected.includes(opt.value) && "text-primary font-medium"
       ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: opt.label }),
-        selected.includes(opt.value) && /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "check", className: "h-icon-default w-icon-default" })
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2 min-w-0", children: [
+          opt.icon != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 flex items-center", children: opt.icon }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex flex-col min-w-0", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: opt.label }),
+            opt.secondaryLabel != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground font-normal", children: opt.secondaryLabel })
+          ] })
+        ] }),
+        selected.includes(opt.value) && /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "check", className: "h-icon-default w-icon-default shrink-0" })
       ]
     },
     opt.value
@@ -16743,7 +16751,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
                 }
@@ -16753,7 +16761,7 @@ var init_BranchingLogicBuilder = __esm({
                 {
                   options: operatorOptions,
                   value: rule.operator,
-                  onChange: handleOperator,
+                  onValueChange: handleOperator,
                   disabled: readOnly
                 }
               ) }),
@@ -16775,7 +16783,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(
@@ -16801,7 +16809,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(
@@ -16824,7 +16832,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
                 }
@@ -19233,7 +19241,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)
@@ -24163,7 +24171,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) => ({
@@ -24246,7 +24254,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) => ({
@@ -24364,7 +24372,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) => ({
@@ -34082,7 +34090,7 @@ var init_VersionDiff = __esm({
                   {
                     options,
                     value: activeBeforeId,
-                    onChange: handleBeforeChange,
+                    onValueChange: handleBeforeChange,
                     "aria-label": t("versionDiff.beforeRevision")
                   }
                 ) }),
@@ -34092,7 +34100,7 @@ var init_VersionDiff = __esm({
                   {
                     options,
                     value: activeAfterId,
-                    onChange: handleAfterChange,
+                    onValueChange: handleAfterChange,
                     "aria-label": t("versionDiff.afterRevision")
                   }
                 ) }),
@@ -38675,7 +38683,7 @@ function RuleEditor({
       Select,
       {
         value: rule.whenEvent,
-        onChange: handleWhenChange,
+        onValueChange: handleWhenChange,
         options: availableEvents,
         disabled,
         className: "flex-1 min-w-0"
@@ -38686,7 +38694,7 @@ function RuleEditor({
       Select,
       {
         value: rule.thenAction,
-        onChange: handleThenChange,
+        onValueChange: handleThenChange,
         options: availableActions,
         disabled,
         className: "flex-1 min-w-0"
@@ -39743,7 +39751,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}...`
               }
             );

package/dist/providers/index.js

@@ -3655,6 +3655,7 @@ function NativeSelect({
   placeholder,
   error,
   onChange,
+  onValueChange,
   value,
   ...props
 }) {
@@ -3663,8 +3664,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(
@@ -3699,6 +3701,7 @@ function RichSelect({
   placeholder,
   error,
   onChange,
+  onValueChange,
   value,
   multiple,
   searchable,
@@ -3722,18 +3725,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) => {
@@ -3751,6 +3752,7 @@ function RichSelect({
     "button",
     {
       type: "button",
+      dir: opt.dir,
       disabled: opt.disabled,
       onClick: () => !opt.disabled && toggle(opt.value),
       className: cn(
@@ -3760,8 +3762,14 @@ function RichSelect({
         selected.includes(opt.value) && "text-primary font-medium"
       ),
       children: [
-        /* @__PURE__ */ jsx("span", { children: opt.label }),
-        selected.includes(opt.value) && /* @__PURE__ */ jsx(Icon, { name: "check", className: "h-icon-default w-icon-default" })
+        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 min-w-0", children: [
+          opt.icon != null && /* @__PURE__ */ jsx("span", { className: "shrink-0 flex items-center", children: opt.icon }),
+          /* @__PURE__ */ jsxs("span", { className: "flex flex-col min-w-0", children: [
+            /* @__PURE__ */ jsx("span", { children: opt.label }),
+            opt.secondaryLabel != null && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground font-normal", children: opt.secondaryLabel })
+          ] })
+        ] }),
+        selected.includes(opt.value) && /* @__PURE__ */ jsx(Icon, { name: "check", className: "h-icon-default w-icon-default shrink-0" })
       ]
     },
     opt.value
@@ -16694,7 +16702,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
                 }
@@ -16704,7 +16712,7 @@ var init_BranchingLogicBuilder = __esm({
                 {
                   options: operatorOptions,
                   value: rule.operator,
-                  onChange: handleOperator,
+                  onValueChange: handleOperator,
                   disabled: readOnly
                 }
               ) }),
@@ -16726,7 +16734,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(
@@ -16752,7 +16760,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(
@@ -16775,7 +16783,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
                 }
@@ -19184,7 +19192,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)
@@ -24114,7 +24122,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) => ({
@@ -24197,7 +24205,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) => ({
@@ -24315,7 +24323,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) => ({
@@ -34033,7 +34041,7 @@ var init_VersionDiff = __esm({
                   {
                     options,
                     value: activeBeforeId,
-                    onChange: handleBeforeChange,
+                    onValueChange: handleBeforeChange,
                     "aria-label": t("versionDiff.beforeRevision")
                   }
                 ) }),
@@ -34043,7 +34051,7 @@ var init_VersionDiff = __esm({
                   {
                     options,
                     value: activeAfterId,
-                    onChange: handleAfterChange,
+                    onValueChange: handleAfterChange,
                     "aria-label": t("versionDiff.afterRevision")
                   }
                 ) }),
@@ -38626,7 +38634,7 @@ function RuleEditor({
       Select,
       {
         value: rule.whenEvent,
-        onChange: handleWhenChange,
+        onValueChange: handleWhenChange,
         options: availableEvents,
         disabled,
         className: "flex-1 min-w-0"
@@ -38637,7 +38645,7 @@ function RuleEditor({
       Select,
       {
         value: rule.thenAction,
-        onChange: handleThenChange,
+        onValueChange: handleThenChange,
         options: availableActions,
         disabled,
         className: "flex-1 min-w-0"
@@ -39694,7 +39702,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}...`
               }
             );