@firecms/ui 3.0.0-canary.210 → 3.0.0-canary.211

package/dist/index.umd.js

@@ -29723,8 +29723,8 @@
     if ($[12] !== onValueChange || $[13] !== selectedValues) {
       onItemClick = function onItemClick2(newValue) {
         let newSelectedValues;
-        if (selectedValues.includes(newValue)) {
-          newSelectedValues = selectedValues.filter((v) => v !== newValue);
+        if (selectedValues.some((v_0) => String(v_0) === String(newValue))) {
+          newSelectedValues = selectedValues.filter((v) => String(v) !== String(newValue));
         } else {
           newSelectedValues = [...selectedValues, newValue];
         }
@@ -29766,7 +29766,7 @@
     let t13;
     if ($[20] !== selectedValues || $[21] !== updateValues) {
       t13 = (value_0) => {
-        const newSelectedValues_1 = selectedValues.includes(value_0) ? selectedValues.filter((v_0) => v_0 !== value_0) : [...selectedValues, value_0];
+        const newSelectedValues_1 = selectedValues.some((v_2) => String(v_2) === String(value_0)) ? selectedValues.filter((v_1) => String(v_1) !== String(value_0)) : [...selectedValues, value_0];
         updateValues(newSelectedValues_1);
       };
       $[20] = selectedValues;
@@ -29867,7 +29867,7 @@
           renderValues && renderValues(selectedValues),
           !renderValues && selectedValues.map((value_1) => {
             const childrenProps = React.Children.map(children, _temp2).filter(Boolean);
-            const option = childrenProps.find((o) => o.value === value_1);
+            const option = childrenProps.find((o) => String(o.value) === String(value_1));
             if (!useChips) {
               return option?.children;
             }
@@ -29877,7 +29877,7 @@
                 event_0.stopPropagation();
                 toggleOption(value_1);
               } })
-            ] }, value_1);
+            ] }, String(value_1));
           })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
@@ -30063,7 +30063,7 @@
   });
   MultiSelect.displayName = "MultiSelect";
   function MultiSelectItem(t0) {
-    const $ = reactCompilerRuntime.c(18);
+    const $ = reactCompilerRuntime.c(20);
     const {
       children,
       value,
@@ -30087,7 +30087,15 @@
     }
     let t2;
     if ($[2] !== t1 || $[3] !== value) {
-      t2 = t1.includes(value);
+      let t32;
+      if ($[5] !== value) {
+        t32 = (v) => String(v) === String(value);
+        $[5] = value;
+        $[6] = t32;
+      } else {
+        t32 = $[6];
+      }
+      t2 = t1.some(t32);
       $[2] = t1;
       $[3] = value;
       $[4] = t2;
@@ -30096,47 +30104,47 @@
     }
     const isSelected = t2;
     let t3;
-    if ($[5] !== onItemClick || $[6] !== value) {
+    if ($[7] !== onItemClick || $[8] !== value) {
       t3 = (_) => {
         onItemClick(value);
       };
-      $[5] = onItemClick;
-      $[6] = value;
-      $[7] = t3;
+      $[7] = onItemClick;
+      $[8] = value;
+      $[9] = t3;
     } else {
-      t3 = $[7];
+      t3 = $[9];
     }
     const t4 = isSelected ? "bg-surface-accent-200 dark:bg-surface-accent-950" : "";
     let t5;
-    if ($[8] !== className || $[9] !== t4) {
+    if ($[10] !== className || $[11] !== t4) {
       t5 = cls("flex flex-row items-center gap-1.5", t4, "cursor-pointer", "m-1", "ring-offset-transparent", "p-1 rounded aria-[selected=true]:outline-none aria-[selected=true]:ring-2 aria-[selected=true]:ring-primary aria-[selected=true]:ring-opacity-75 aria-[selected=true]:ring-offset-2", "aria-[selected=true]:bg-surface-accent-100 aria-[selected=true]:dark:bg-surface-accent-900", "cursor-pointer p-2 rounded aria-[selected=true]:bg-surface-accent-100 aria-[selected=true]:dark:bg-surface-accent-900", className);
-      $[8] = className;
-      $[9] = t4;
-      $[10] = t5;
+      $[10] = className;
+      $[11] = t4;
+      $[12] = t5;
     } else {
-      t5 = $[10];
+      t5 = $[12];
     }
     let t6;
-    if ($[11] !== isSelected) {
+    if ($[13] !== isSelected) {
       t6 = /* @__PURE__ */ jsxRuntime.jsx(InnerCheckBox, { checked: isSelected });
-      $[11] = isSelected;
-      $[12] = t6;
+      $[13] = isSelected;
+      $[14] = t6;
     } else {
-      t6 = $[12];
+      t6 = $[14];
     }
     let t7;
-    if ($[13] !== children || $[14] !== t3 || $[15] !== t5 || $[16] !== t6) {
+    if ($[15] !== children || $[16] !== t3 || $[17] !== t5 || $[18] !== t6) {
       t7 = /* @__PURE__ */ jsxRuntime.jsxs(cmdk.Command.Item, { onMouseDown: _temp3, onSelect: t3, className: t5, children: [
         t6,
         children
       ] });
-      $[13] = children;
-      $[14] = t3;
-      $[15] = t5;
-      $[16] = t6;
-      $[17] = t7;
+      $[15] = children;
+      $[16] = t3;
+      $[17] = t5;
+      $[18] = t6;
+      $[19] = t7;
     } else {
-      t7 = $[17];
+      t7 = $[19];
     }
     return t7;
   }
@@ -30498,19 +30506,24 @@
       setOpenInternal(open ?? false);
     }, [open]);
     const onValueChangeInternal = React.useCallback((newValue) => {
-      onValueChange?.(newValue);
+      let typedValue = newValue;
+      if (newValue === "true") typedValue = true;
+      else if (newValue === "false") typedValue = false;
+      else if (!isNaN(Number(newValue)) && newValue.trim() !== "") typedValue = Number(newValue);
+      onValueChange?.(typedValue);
       if (onChange) {
         const event = {
           target: {
             name,
-            value: newValue
+            value: typedValue
           }
         };
         onChange(event);
       }
-    }, [onChange, value, onValueChange]);
+    }, [onChange, onValueChange, name]);
     const hasValue = Array.isArray(value) ? value.length > 0 : value != null && value !== "" && value !== void 0;
-    return /* @__PURE__ */ jsxRuntime.jsxs(SelectPrimitive__namespace.Root, { name, value, open: openInternal, disabled, onValueChange: onValueChangeInternal, onOpenChange: (open_0) => {
+    const stringValue = value !== void 0 ? String(value) : void 0;
+    return /* @__PURE__ */ jsxRuntime.jsxs(SelectPrimitive__namespace.Root, { name, value: stringValue, open: openInternal, disabled, onValueChange: onValueChangeInternal, onOpenChange: (open_0) => {
       onOpenChange?.(open_0);
       setOpenInternal(open_0);
     }, ...props, children: [
@@ -30540,14 +30553,14 @@
           e.preventDefault();
           e.stopPropagation();
         }, placeholder, className: "w-full", children: [
-          hasValue && value && renderValue ? renderValue(value) : placeholder,
+          hasValue && value !== void 0 && renderValue ? renderValue(value) : placeholder,
           hasValue && !renderValue && (() => {
             const childrenProps = React.Children.map(children, (child) => {
               if (React.isValidElement(child)) {
                 return child.props;
               }
             }).filter(Boolean);
-            const option = childrenProps.find((o) => o.value === value);
+            const option = childrenProps.find((o) => String(o.value) === String(value));
             return option?.children;
           })()
         ] }) }),
@@ -30574,6 +30587,7 @@
       disabled,
       className
     } = t0;
+    const stringValue = String(value);
     const t1 = disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer";
     let t2;
     if ($[0] !== className || $[1] !== t1) {
@@ -30600,15 +30614,15 @@
       t4 = $[5];
     }
     let t5;
-    if ($[6] !== disabled || $[7] !== t2 || $[8] !== t3 || $[9] !== value) {
-      t5 = /* @__PURE__ */ jsxRuntime.jsxs(SelectPrimitive__namespace.Item, { value, disabled, className: t2, children: [
+    if ($[6] !== disabled || $[7] !== stringValue || $[8] !== t2 || $[9] !== t3) {
+      t5 = /* @__PURE__ */ jsxRuntime.jsxs(SelectPrimitive__namespace.Item, { value: stringValue, disabled, className: t2, children: [
         t3,
         t4
-      ] }, value);
+      ] }, stringValue);
       $[6] = disabled;
-      $[7] = t2;
-      $[8] = t3;
-      $[9] = value;
+      $[7] = stringValue;
+      $[8] = t2;
+      $[9] = t3;
       $[10] = t5;
     } else {
       t5 = $[10];