@firecms/ui 3.0.0-canary.225 → 3.0.0-canary.226

package/dist/index.umd.js

@@ -748,13 +748,13 @@
   const BooleanSwitchWithLabel = function BooleanSwitchWithLabel2({
     value,
     position = "end",
+    size = "medium",
     invisible,
     onValueChange,
     error,
     label,
     autoFocus,
     disabled,
-    size,
     className,
     fullWidth = true,
     inputClassName,
@@ -769,7 +769,8 @@
     }, []);
     const focus = document.activeElement === refInput?.current || document.activeElement === ref?.current;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, onFocus, onBlur, tabIndex: -1, className: cls(!invisible && fieldBackgroundMixin, !invisible && (disabled ? fieldBackgroundDisabledMixin : fieldBackgroundHoverMixin), disabled ? "cursor-default" : "cursor-pointer", "rounded-md max-w-full justify-between box-border relative inline-flex items-center", !invisible && focus && !disabled ? focusedClasses : "", error ? "text-red-500 dark:text-red-600" : focus && !disabled ? "text-primary" : !disabled ? "text-text-primary dark:text-text-primary-dark" : "text-text-secondary dark:text-text-secondary-dark", {
-      "min-h-[28px]": size === "small",
+      "min-h-[28px]": size === "smallest",
+      "min-h-[32px]": size === "small",
       "min-h-[42px]": size === "medium",
       "min-h-[64px]": size === "large"
     }, size === "small" ? "pl-2" : "pl-4", size === "small" ? "pr-4" : "pr-6", position === "end" ? "flex-row-reverse" : "flex-row", fullWidth ? "w-full" : "", className), onClick: disabled ? void 0 : (e) => {
@@ -27699,7 +27700,7 @@
     return t15;
   }
   const DateTimeField = (t0) => {
-    const $ = reactCompilerRuntime.c(55);
+    const $ = reactCompilerRuntime.c(57);
     const {
       value,
       label,
@@ -27773,170 +27774,176 @@
     }
     const t6 = !invisible && fieldBackgroundMixin;
     const t7 = disabled ? fieldBackgroundDisabledMixin : fieldBackgroundHoverMixin;
-    const t8 = size === "small";
-    const t9 = size === "medium";
-    const t10 = size === "large";
-    let t11;
-    if ($[6] !== className || $[7] !== t10 || $[8] !== t6 || $[9] !== t7 || $[10] !== t8 || $[11] !== t9) {
-      t11 = cls("rounded-md relative max-w-full", t6, t7, {
+    const t8 = size === "smallest";
+    const t9 = size === "small";
+    const t10 = size === "medium";
+    const t11 = size === "large";
+    let t12;
+    if ($[6] !== className || $[7] !== t10 || $[8] !== t11 || $[9] !== t6 || $[10] !== t7 || $[11] !== t8 || $[12] !== t9) {
+      t12 = cls("rounded-md relative max-w-full", t6, t7, {
         "min-h-[28px]": t8,
-        "min-h-[42px]": t9,
-        "min-h-[64px]": t10
+        "min-h-[32px]": t9,
+        "min-h-[42px]": t10,
+        "min-h-[64px]": t11
       }, className);
       $[6] = className;
       $[7] = t10;
-      $[8] = t6;
-      $[9] = t7;
-      $[10] = t8;
-      $[11] = t9;
-      $[12] = t11;
+      $[8] = t11;
+      $[9] = t6;
+      $[10] = t7;
+      $[11] = t8;
+      $[12] = t9;
+      $[13] = t12;
     } else {
-      t11 = $[12];
+      t12 = $[13];
     }
-    let t12;
-    if ($[13] !== disabled) {
-      t12 = () => {
+    let t13;
+    if ($[14] !== disabled) {
+      t13 = () => {
         if (!disabled) {
           inputRef.current?.focus();
         }
       };
-      $[13] = disabled;
-      $[14] = t12;
-    } else {
-      t12 = $[14];
-    }
-    let t13;
-    if ($[15] !== disabled || $[16] !== error || $[17] !== focused || $[18] !== label) {
-      t13 = label && /* @__PURE__ */ jsxRuntime.jsx(InputLabel, { className: cls("absolute top-1 pointer-events-none", !error ? focused ? "text-primary" : "text-text-secondary dark:text-text-secondary-dark" : "text-red-500 dark:text-red-500", disabled ? "opacity-50" : ""), shrink: true, children: label });
-      $[15] = disabled;
-      $[16] = error;
-      $[17] = focused;
-      $[18] = label;
-      $[19] = t13;
+      $[14] = disabled;
+      $[15] = t13;
     } else {
-      t13 = $[19];
+      t13 = $[15];
     }
-    const t14 = mode === "date_time" ? "datetime-local" : "date";
-    const t15 = valueAsInputValue(value ?? null, mode);
-    let t16;
+    let t14;
+    if ($[16] !== disabled || $[17] !== error || $[18] !== focused || $[19] !== label) {
+      t14 = label && /* @__PURE__ */ jsxRuntime.jsx(InputLabel, { className: cls("absolute top-1 pointer-events-none", !error ? focused ? "text-primary" : "text-text-secondary dark:text-text-secondary-dark" : "text-red-500 dark:text-red-500", disabled ? "opacity-50" : ""), shrink: true, children: label });
+      $[16] = disabled;
+      $[17] = error;
+      $[18] = focused;
+      $[19] = label;
+      $[20] = t14;
+    } else {
+      t14 = $[20];
+    }
+    const t15 = mode === "date_time" ? "datetime-local" : "date";
+    const t16 = valueAsInputValue(value ?? null, mode);
     let t17;
-    if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
-      t16 = () => setFocused(true);
-      t17 = () => setFocused(false);
-      $[20] = t16;
+    let t18;
+    if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+      t17 = () => setFocused(true);
+      t18 = () => setFocused(false);
       $[21] = t17;
+      $[22] = t18;
     } else {
-      t16 = $[20];
       t17 = $[21];
+      t18 = $[22];
     }
-    const t18 = clearable ? "pr-14" : "pr-12";
-    const t19 = size === "small";
-    const t20 = size === "medium";
-    const t21 = size === "large";
-    let t22;
-    if ($[22] !== disabled || $[23] !== inputClassName || $[24] !== label || $[25] !== t18 || $[26] !== t19 || $[27] !== t20 || $[28] !== t21) {
-      t22 = cls("w-full outline-none bg-transparent leading-normal text-base px-3", t18, "rounded-md", {
-        "min-h-[28px]": t19,
-        "min-h-[42px]": t20,
-        "min-h-[64px]": t21
+    const t19 = clearable ? "pr-14" : "pr-12";
+    const t20 = size === "smallest";
+    const t21 = size === "small";
+    const t22 = size === "medium";
+    const t23 = size === "large";
+    let t24;
+    if ($[23] !== disabled || $[24] !== inputClassName || $[25] !== label || $[26] !== t19 || $[27] !== t20 || $[28] !== t21 || $[29] !== t22 || $[30] !== t23) {
+      t24 = cls("w-full outline-none bg-transparent leading-normal text-base px-3", t19, "rounded-md", {
+        "min-h-[28px]": t20,
+        "min-h-[32px]": t21,
+        "min-h-[42px]": t22,
+        "min-h-[64px]": t23
       }, label ? "pt-8 pb-2" : "py-2", inputClassName, disabled && "border border-transparent outline-none opacity-50 dark:opacity-50 text-surface-accent-600 dark:text-surface-accent-500");
-      $[22] = disabled;
-      $[23] = inputClassName;
-      $[24] = label;
-      $[25] = t18;
+      $[23] = disabled;
+      $[24] = inputClassName;
+      $[25] = label;
       $[26] = t19;
       $[27] = t20;
       $[28] = t21;
       $[29] = t22;
+      $[30] = t23;
+      $[31] = t24;
     } else {
-      t22 = $[29];
+      t24 = $[31];
     }
-    let t23;
-    if ($[30] !== disabled || $[31] !== handleInputChange || $[32] !== t14 || $[33] !== t15 || $[34] !== t22) {
-      t23 = /* @__PURE__ */ jsxRuntime.jsx("input", { ref: inputRef, type: t14, value: t15, onChange: handleInputChange, onFocus: t16, onBlur: t17, disabled, className: t22 });
-      $[30] = disabled;
-      $[31] = handleInputChange;
-      $[32] = t14;
-      $[33] = t15;
-      $[34] = t22;
-      $[35] = t23;
+    let t25;
+    if ($[32] !== disabled || $[33] !== handleInputChange || $[34] !== t15 || $[35] !== t16 || $[36] !== t24) {
+      t25 = /* @__PURE__ */ jsxRuntime.jsx("input", { ref: inputRef, type: t15, value: t16, onChange: handleInputChange, onFocus: t17, onBlur: t18, disabled, className: t24 });
+      $[32] = disabled;
+      $[33] = handleInputChange;
+      $[34] = t15;
+      $[35] = t16;
+      $[36] = t24;
+      $[37] = t25;
     } else {
-      t23 = $[35];
+      t25 = $[37];
     }
-    let t24;
-    if ($[36] === Symbol.for("react.memo_cache_sentinel")) {
-      t24 = (e_2) => {
+    let t26;
+    if ($[38] === Symbol.for("react.memo_cache_sentinel")) {
+      t26 = (e_2) => {
         e_2.stopPropagation();
         inputRef.current?.showPicker();
       };
-      $[36] = t24;
+      $[38] = t26;
     } else {
-      t24 = $[36];
+      t26 = $[38];
     }
-    let t25;
-    if ($[37] === Symbol.for("react.memo_cache_sentinel")) {
-      t25 = /* @__PURE__ */ jsxRuntime.jsx(IconButton, { onClick: t24, className: "absolute right-3 top-1/2 transform -translate-y-1/2 !text-surface-accent-500", children: /* @__PURE__ */ jsxRuntime.jsx(CalendarMonthIcon, { color: "disabled" }) });
-      $[37] = t25;
+    let t27;
+    if ($[39] === Symbol.for("react.memo_cache_sentinel")) {
+      t27 = /* @__PURE__ */ jsxRuntime.jsx(IconButton, { onClick: t26, className: "absolute right-3 top-1/2 transform -translate-y-1/2 !text-surface-accent-500", children: /* @__PURE__ */ jsxRuntime.jsx(CalendarMonthIcon, { color: "disabled" }) });
+      $[39] = t27;
     } else {
-      t25 = $[37];
+      t27 = $[39];
     }
-    let t26;
-    if ($[38] !== clearable || $[39] !== handleClear || $[40] !== value) {
-      t26 = clearable && value && /* @__PURE__ */ jsxRuntime.jsx(IconButton, { onClick: handleClear, className: "absolute right-14 top-1/2 transform -translate-y-1/2 text-surface-accent-400 ", children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {}) });
-      $[38] = clearable;
-      $[39] = handleClear;
-      $[40] = value;
-      $[41] = t26;
+    let t28;
+    if ($[40] !== clearable || $[41] !== handleClear || $[42] !== value) {
+      t28 = clearable && value && /* @__PURE__ */ jsxRuntime.jsx(IconButton, { onClick: handleClear, className: "absolute right-14 top-1/2 transform -translate-y-1/2 text-surface-accent-400 ", children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {}) });
+      $[40] = clearable;
+      $[41] = handleClear;
+      $[42] = value;
+      $[43] = t28;
     } else {
-      t26 = $[41];
+      t28 = $[43];
     }
-    let t27;
-    if ($[42] !== style || $[43] !== t11 || $[44] !== t12 || $[45] !== t13 || $[46] !== t23 || $[47] !== t26) {
-      t27 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t11, style, onClick: t12, children: [
-        t13,
-        t23,
+    let t29;
+    if ($[44] !== style || $[45] !== t12 || $[46] !== t13 || $[47] !== t14 || $[48] !== t25 || $[49] !== t28) {
+      t29 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t12, style, onClick: t13, children: [
+        t14,
         t25,
-        t26
+        t27,
+        t28
       ] });
-      $[42] = style;
-      $[43] = t11;
-      $[44] = t12;
-      $[45] = t13;
-      $[46] = t23;
-      $[47] = t26;
-      $[48] = t27;
+      $[44] = style;
+      $[45] = t12;
+      $[46] = t13;
+      $[47] = t14;
+      $[48] = t25;
+      $[49] = t28;
+      $[50] = t29;
     } else {
-      t27 = $[48];
+      t29 = $[50];
     }
-    let t28;
-    if ($[49] !== invalidValue || $[50] !== value) {
-      t28 = invalidValue && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center m-2", children: [
+    let t30;
+    if ($[51] !== invalidValue || $[52] !== value) {
+      t30 = invalidValue && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center m-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(ErrorIcon, { size: "small", color: "error" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pl-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body2", children: "Invalid date value for this field" }),
           /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body2", children: `The provided value is: ${JSON.stringify(value)}` })
         ] })
       ] });
-      $[49] = invalidValue;
-      $[50] = value;
-      $[51] = t28;
+      $[51] = invalidValue;
+      $[52] = value;
+      $[53] = t30;
     } else {
-      t28 = $[51];
+      t30 = $[53];
     }
-    let t29;
-    if ($[52] !== t27 || $[53] !== t28) {
-      t29 = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    let t31;
+    if ($[54] !== t29 || $[55] !== t30) {
+      t31 = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         t5,
-        t27,
-        t28
+        t29,
+        t30
       ] });
-      $[52] = t27;
-      $[53] = t28;
       $[54] = t29;
+      $[55] = t30;
+      $[56] = t31;
     } else {
-      t29 = $[54];
+      t31 = $[56];
     }
-    return t29;
+    return t31;
   };
   const inputStyles = `
     /* Hide the default calendar icon in Chrome, Safari, Edge, Opera */
@@ -29656,7 +29663,7 @@
   }
   const MultiSelectContext = React__namespace.createContext({});
   const MultiSelect = React__namespace.forwardRef((t0, ref) => {
-    const $ = reactCompilerRuntime.c(101);
+    const $ = reactCompilerRuntime.c(102);
     const {
       value,
       size: t1,
@@ -29870,20 +29877,22 @@
     } else {
       t19 = $[39];
     }
-    const t20 = size === "small";
-    const t21 = size === "medium";
-    const t22 = size === "large";
-    let t23;
-    if ($[40] !== className || $[41] !== disabled || $[42] !== invisible || $[43] !== size || $[44] !== t20 || $[45] !== t21 || $[46] !== t22) {
-      t23 = cls({
+    const t20 = size === "smallest";
+    const t21 = size === "small";
+    const t22 = size === "medium";
+    const t23 = size === "large";
+    let t24;
+    if ($[40] !== className || $[41] !== disabled || $[42] !== invisible || $[43] !== size || $[44] !== t20 || $[45] !== t21 || $[46] !== t22 || $[47] !== t23) {
+      t24 = cls({
         "min-h-[28px]": t20,
-        "min-h-[42px]": t21,
-        "min-h-[64px]": t22
+        "min-h-[32px]": t21,
+        "min-h-[42px]": t22,
+        "min-h-[64px]": t23
       }, {
-        "py-1": size === "small",
+        "py-1": size === "small" || size === "smallest",
         "py-2": size === "medium" || size === "large"
       }, {
-        "px-2": size === "small",
+        "px-2": size === "small" || size === "smallest",
         "px-4": size === "medium" || size === "large"
       }, "select-none rounded-md text-sm", invisible ? fieldBackgroundInvisibleMixin : fieldBackgroundMixin, disabled ? fieldBackgroundDisabledMixin : fieldBackgroundHoverMixin, "relative flex items-center", className);
       $[40] = className;
@@ -29894,12 +29903,13 @@
       $[45] = t21;
       $[46] = t22;
       $[47] = t23;
+      $[48] = t24;
     } else {
-      t23 = $[47];
+      t24 = $[48];
     }
-    let t24;
-    if ($[48] !== children || $[49] !== handleClear || $[50] !== includeClear || $[51] !== isPopoverOpen || $[52] !== placeholder || $[53] !== renderValues || $[54] !== selectedValues || $[55] !== toggleOption || $[56] !== useChips) {
-      t24 = selectedValues.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center w-full", children: [
+    let t25;
+    if ($[49] !== children || $[50] !== handleClear || $[51] !== includeClear || $[52] !== isPopoverOpen || $[53] !== placeholder || $[54] !== renderValues || $[55] !== selectedValues || $[56] !== toggleOption || $[57] !== useChips) {
+      t25 = selectedValues.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center w-full", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1.5 text-start", children: [
           renderValues && renderValues(selectedValues),
           !renderValues && selectedValues.map((value_1) => {
@@ -29928,175 +29938,175 @@
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: placeholder }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls("px-2 h-full flex items-center"), children: /* @__PURE__ */ jsxRuntime.jsx(KeyboardArrowDownIcon, { size: "small", className: cls("transition", isPopoverOpen ? "rotate-180" : "") }) })
       ] });
-      $[48] = children;
-      $[49] = handleClear;
-      $[50] = includeClear;
-      $[51] = isPopoverOpen;
-      $[52] = placeholder;
-      $[53] = renderValues;
-      $[54] = selectedValues;
-      $[55] = toggleOption;
-      $[56] = useChips;
-      $[57] = t24;
-    } else {
-      t24 = $[57];
+      $[49] = children;
+      $[50] = handleClear;
+      $[51] = includeClear;
+      $[52] = isPopoverOpen;
+      $[53] = placeholder;
+      $[54] = renderValues;
+      $[55] = selectedValues;
+      $[56] = toggleOption;
+      $[57] = useChips;
+      $[58] = t25;
+    } else {
+      t25 = $[58];
     }
-    let t25;
-    if ($[58] !== handleTogglePopover || $[59] !== ref || $[60] !== t23 || $[61] !== t24) {
-      t25 = /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("button", { ref, onClick: handleTogglePopover, className: t23, children: t24 }) });
-      $[58] = handleTogglePopover;
-      $[59] = ref;
-      $[60] = t23;
+    let t26;
+    if ($[59] !== handleTogglePopover || $[60] !== ref || $[61] !== t24 || $[62] !== t25) {
+      t26 = /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("button", { ref, onClick: handleTogglePopover, className: t24, children: t25 }) });
+      $[59] = handleTogglePopover;
+      $[60] = ref;
       $[61] = t24;
       $[62] = t25;
-    } else {
-      t25 = $[62];
-    }
-    let t26;
-    if ($[63] === Symbol.for("react.memo_cache_sentinel")) {
-      t26 = cls("z-50 relative overflow-hidden border bg-white dark:bg-surface-900 rounded-lg w-[400px]", defaultBorderMixin);
       $[63] = t26;
     } else {
       t26 = $[63];
     }
     let t27;
-    if ($[64] !== onPopoverOpenChange) {
-      t27 = () => onPopoverOpenChange(false);
-      $[64] = onPopoverOpenChange;
-      $[65] = t27;
+    if ($[64] === Symbol.for("react.memo_cache_sentinel")) {
+      t27 = cls("z-50 relative overflow-hidden border bg-white dark:bg-surface-900 rounded-lg w-[400px]", defaultBorderMixin);
+      $[64] = t27;
     } else {
-      t27 = $[65];
+      t27 = $[64];
     }
     let t28;
-    if ($[66] === Symbol.for("react.memo_cache_sentinel")) {
-      t28 = cls(focusedDisabled, "bg-transparent outline-none flex-1 h-full w-full m-4 flex-grow ");
+    if ($[65] !== onPopoverOpenChange) {
+      t28 = () => onPopoverOpenChange(false);
+      $[65] = onPopoverOpenChange;
       $[66] = t28;
     } else {
       t28 = $[66];
     }
     let t29;
-    if ($[67] !== handleInputKeyDown) {
-      t29 = /* @__PURE__ */ jsxRuntime.jsx(cmdk.Command.Input, { className: t28, placeholder: "Search...", onKeyDown: handleInputKeyDown });
-      $[67] = handleInputKeyDown;
-      $[68] = t29;
+    if ($[67] === Symbol.for("react.memo_cache_sentinel")) {
+      t29 = cls(focusedDisabled, "bg-transparent outline-none flex-1 h-full w-full m-4 flex-grow ");
+      $[67] = t29;
     } else {
-      t29 = $[68];
+      t29 = $[67];
     }
     let t30;
-    if ($[69] !== handleClear || $[70] !== selectedValues.length) {
-      t30 = selectedValues.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: handleClear, className: "text-sm justify-center cursor-pointer py-3 px-4 text-text-secondary dark:text-text-secondary-dark", children: "Clear" });
-      $[69] = handleClear;
-      $[70] = selectedValues.length;
-      $[71] = t30;
+    if ($[68] !== handleInputKeyDown) {
+      t30 = /* @__PURE__ */ jsxRuntime.jsx(cmdk.Command.Input, { className: t29, placeholder: "Search...", onKeyDown: handleInputKeyDown });
+      $[68] = handleInputKeyDown;
+      $[69] = t30;
     } else {
-      t30 = $[71];
+      t30 = $[69];
     }
     let t31;
-    if ($[72] !== t29 || $[73] !== t30) {
-      t31 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-center", children: [
-        t29,
-        t30
-      ] });
-      $[72] = t29;
-      $[73] = t30;
-      $[74] = t31;
+    if ($[70] !== handleClear || $[71] !== selectedValues.length) {
+      t31 = selectedValues.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: handleClear, className: "text-sm justify-center cursor-pointer py-3 px-4 text-text-secondary dark:text-text-secondary-dark", children: "Clear" });
+      $[70] = handleClear;
+      $[71] = selectedValues.length;
+      $[72] = t31;
     } else {
-      t31 = $[74];
+      t31 = $[72];
     }
     let t32;
-    if ($[75] === Symbol.for("react.memo_cache_sentinel")) {
-      t32 = /* @__PURE__ */ jsxRuntime.jsx(Separator, { orientation: "horizontal", className: "my-0" });
+    if ($[73] !== t30 || $[74] !== t31) {
+      t32 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-center", children: [
+        t30,
+        t31
+      ] });
+      $[73] = t30;
+      $[74] = t31;
       $[75] = t32;
     } else {
       t32 = $[75];
     }
     let t33;
     if ($[76] === Symbol.for("react.memo_cache_sentinel")) {
-      t33 = /* @__PURE__ */ jsxRuntime.jsx(cmdk.Command.Empty, { className: "px-4 py-2", children: "No results found." });
+      t33 = /* @__PURE__ */ jsxRuntime.jsx(Separator, { orientation: "horizontal", className: "my-0" });
       $[76] = t33;
     } else {
       t33 = $[76];
     }
     let t34;
-    if ($[77] !== allValues.length || $[78] !== includeSelectAll || $[79] !== selectedValues.length || $[80] !== toggleAll) {
-      t34 = includeSelectAll && /* @__PURE__ */ jsxRuntime.jsxs(cmdk.Command.Item, { onSelect: toggleAll, className: cls("flex flex-row items-center gap-1.5", "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"), children: [
+    if ($[77] === Symbol.for("react.memo_cache_sentinel")) {
+      t34 = /* @__PURE__ */ jsxRuntime.jsx(cmdk.Command.Empty, { className: "px-4 py-2", children: "No results found." });
+      $[77] = t34;
+    } else {
+      t34 = $[77];
+    }
+    let t35;
+    if ($[78] !== allValues.length || $[79] !== includeSelectAll || $[80] !== selectedValues.length || $[81] !== toggleAll) {
+      t35 = includeSelectAll && /* @__PURE__ */ jsxRuntime.jsxs(cmdk.Command.Item, { onSelect: toggleAll, className: cls("flex flex-row items-center gap-1.5", "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"), children: [
         /* @__PURE__ */ jsxRuntime.jsx(InnerCheckBox, { checked: selectedValues.length === allValues.length }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-text-secondary dark:text-text-secondary-dark", children: "(Select All)" })
       ] }, "all");
-      $[77] = allValues.length;
-      $[78] = includeSelectAll;
-      $[79] = selectedValues.length;
-      $[80] = toggleAll;
-      $[81] = t34;
+      $[78] = allValues.length;
+      $[79] = includeSelectAll;
+      $[80] = selectedValues.length;
+      $[81] = toggleAll;
+      $[82] = t35;
     } else {
-      t34 = $[81];
+      t35 = $[82];
     }
-    let t35;
-    if ($[82] !== children || $[83] !== t34) {
-      t35 = /* @__PURE__ */ jsxRuntime.jsxs(cmdk.Command.List, { children: [
-        t33,
+    let t36;
+    if ($[83] !== children || $[84] !== t35) {
+      t36 = /* @__PURE__ */ jsxRuntime.jsxs(cmdk.Command.List, { children: [
+        t34,
         /* @__PURE__ */ jsxRuntime.jsxs(cmdk.Command.Group, { children: [
-          t34,
+          t35,
           children
         ] })
       ] });
-      $[82] = children;
-      $[83] = t34;
+      $[83] = children;
       $[84] = t35;
+      $[85] = t36;
     } else {
-      t35 = $[84];
+      t36 = $[85];
     }
-    let t36;
-    if ($[85] !== t31 || $[86] !== t35) {
-      t36 = /* @__PURE__ */ jsxRuntime.jsxs(cmdk.Command, { children: [
-        t31,
+    let t37;
+    if ($[86] !== t32 || $[87] !== t36) {
+      t37 = /* @__PURE__ */ jsxRuntime.jsxs(cmdk.Command, { children: [
         t32,
-        t35
+        t33,
+        t36
       ] });
-      $[85] = t31;
-      $[86] = t35;
+      $[86] = t32;
       $[87] = t36;
+      $[88] = t37;
     } else {
-      t36 = $[87];
+      t37 = $[88];
     }
-    let t37;
-    if ($[88] !== t27 || $[89] !== t36) {
-      t37 = /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Content, { className: t26, align: "start", sideOffset: 8, onEscapeKeyDown: t27, children: t36 });
-      $[88] = t27;
-      $[89] = t36;
+    let t38;
+    if ($[89] !== t28 || $[90] !== t37) {
+      t38 = /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Content, { className: t27, align: "start", sideOffset: 8, onEscapeKeyDown: t28, children: t37 });
+      $[89] = t28;
       $[90] = t37;
+      $[91] = t38;
     } else {
-      t37 = $[90];
+      t38 = $[91];
     }
-    let t38;
-    if ($[91] !== isPopoverOpen || $[92] !== modalPopover || $[93] !== onPopoverOpenChange || $[94] !== t25 || $[95] !== t37) {
-      t38 = /* @__PURE__ */ jsxRuntime.jsxs(PopoverPrimitive__namespace.Root, { open: isPopoverOpen, onOpenChange: onPopoverOpenChange, modal: modalPopover, children: [
-        t25,
-        t37
+    let t39;
+    if ($[92] !== isPopoverOpen || $[93] !== modalPopover || $[94] !== onPopoverOpenChange || $[95] !== t26 || $[96] !== t38) {
+      t39 = /* @__PURE__ */ jsxRuntime.jsxs(PopoverPrimitive__namespace.Root, { open: isPopoverOpen, onOpenChange: onPopoverOpenChange, modal: modalPopover, children: [
+        t26,
+        t38
       ] });
-      $[91] = isPopoverOpen;
-      $[92] = modalPopover;
-      $[93] = onPopoverOpenChange;
-      $[94] = t25;
-      $[95] = t37;
+      $[92] = isPopoverOpen;
+      $[93] = modalPopover;
+      $[94] = onPopoverOpenChange;
+      $[95] = t26;
       $[96] = t38;
+      $[97] = t39;
     } else {
-      t38 = $[96];
+      t39 = $[97];
     }
-    let t39;
-    if ($[97] !== t18 || $[98] !== t19 || $[99] !== t38) {
-      t39 = /* @__PURE__ */ jsxRuntime.jsxs(MultiSelectContext.Provider, { value: t18, children: [
+    let t40;
+    if ($[98] !== t18 || $[99] !== t19 || $[100] !== t39) {
+      t40 = /* @__PURE__ */ jsxRuntime.jsxs(MultiSelectContext.Provider, { value: t18, children: [
         t19,
-        t38
+        t39
       ] });
-      $[97] = t18;
-      $[98] = t19;
-      $[99] = t38;
+      $[98] = t18;
+      $[99] = t19;
       $[100] = t39;
+      $[101] = t40;
     } else {
-      t39 = $[100];
+      t40 = $[101];
     }
-    return t39;
+    return t40;
   });
   MultiSelect.displayName = "MultiSelect";
   function MultiSelectItem(t0) {
@@ -30566,7 +30576,8 @@
     }, ...props, children: [
       typeof label === "string" ? /* @__PURE__ */ jsxRuntime.jsx(SelectInputLabel, { error, children: label }) : label,
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls("select-none rounded-md text-sm", invisible ? fieldBackgroundInvisibleMixin : fieldBackgroundMixin, disabled ? fieldBackgroundDisabledMixin : fieldBackgroundHoverMixin, "relative flex items-center", className, {
-        "min-h-[28px]": size === "small",
+        "min-h-[28px]": size === "smallest",
+        "min-h-[32px]": size === "small",
         "min-h-[42px]": size === "medium",
         "min-h-[64px]": size === "large",
         "w-fit": !fullWidth,
@@ -30574,16 +30585,18 @@
       }), children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Trigger, { ref: inputRef, id, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cls("h-full", padding ? {
         "px-4": size === "large",
         "px-3": size === "medium",
-        "px-2": size === "small"
+        "px-2": size === "small" || size === "smallest"
       } : "", "outline-none focus:outline-none", "select-none rounded-md text-sm", error ? "text-red-500 dark:text-red-600" : "focus:text-text-primary dark:focus:text-text-primary-dark", error ? "border border-red-500 dark:border-red-600" : "", disabled ? "text-surface-accent-600 dark:text-surface-accent-400" : "text-surface-accent-800 dark:text-white", "relative flex flex-row items-center", {
-        "min-h-[28px]": size === "small",
+        "min-h-[28px]": size === "smallest",
+        "min-h-[32px]": size === "small",
         "min-h-[42px]": size === "medium",
         "min-h-[64px]": size === "large",
         "w-full": fullWidth,
         "w-fit": !fullWidth
       }, inputClassName), children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cls("flex-grow max-w-full flex flex-row gap-2 items-center", "overflow-visible", {
-          "min-h-[28px]": size === "small",
+          "min-h-[28px]": size === "smallest",
+          "min-h-[32px]": size === "small",
           "min-h-[42px]": size === "medium",
           "min-h-[64px]": size === "large"
         }), children: /* @__PURE__ */ jsxRuntime.jsxs(SelectPrimitive__namespace.Value, { onClick: (e) => {
@@ -31365,12 +31378,14 @@
       };
     }, [inputRef, type]);
     const input = multiline ? /* @__PURE__ */ jsxRuntime.jsx(TextareaAutosize, { ...inputProps, ref: inputRef, placeholder: focused || hasValue || !label ? placeholder : void 0, autoFocus, minRows, maxRows, value: value ?? "", onChange, style: inputStyle, className: cls(invisible ? focusedInvisibleMixin : "", "rounded-md resize-none w-full outline-none p-[32px] text-base bg-transparent min-h-[64px] px-3 pt-8", disabled && "outline-none opacity-50 text-surface-accent-600 dark:text-surface-accent-500", inputClassName) }) : /* @__PURE__ */ jsxRuntime.jsx("input", { ...inputProps, ref: inputRef, disabled, style: inputStyle, className: cls("w-full outline-none bg-transparent leading-normal px-3", "rounded-md", "focused:text-text-primary focused:dark:text-text-primary-dark", invisible ? focusedInvisibleMixin : "", disabled ? fieldBackgroundDisabledMixin : fieldBackgroundHoverMixin, {
-      "min-h-[28px]": size === "small",
+      "min-h-[28px]": size === "smallest",
+      "min-h-[32px]": size === "small",
       "min-h-[42px]": size === "medium",
       "min-h-[64px]": size === "large"
     }, label ? size === "large" ? "pt-8 pb-2" : "pt-4 pb-2" : "py-2", endAdornment ? "pr-10" : "pr-3", disabled && "outline-none opacity-50 dark:opacity-50 text-surface-accent-800 dark:text-white", inputClassName), placeholder: focused || hasValue || !label ? placeholder : void 0, autoFocus, onFocus: () => setFocused(true), onBlur: () => setFocused(false), type, value: type === "number" && Number.isNaN(value) ? "" : value ?? "", onChange });
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cls("rounded-md relative max-w-full", invisible ? fieldBackgroundInvisibleMixin : fieldBackgroundMixin, disabled ? fieldBackgroundDisabledMixin : fieldBackgroundHoverMixin, error ? "border border-red-500 dark:border-red-600" : "", {
-      "min-h-[28px]": size === "small",
+      "min-h-[28px]": size === "smallest",
+      "min-h-[32px]": size === "small",
       "min-h-[42px]": size === "medium",
       "min-h-[64px]": size === "large"
     }, className), style, children: [
@@ -31379,7 +31394,7 @@
       endAdornment && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls("flex flex-row justify-center items-center absolute h-full right-0 top-0", {
         "mr-4": size === "large",
         "mr-3": size === "medium",
-        "mr-2": size === "small"
+        "mr-2": size === "small" || size === "smallest"
       }), children: endAdornment })
     ] });
   });