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

package/dist/index.es.js

@@ -738,13 +738,13 @@ const BooleanSwitch = React__default.forwardRef(function BooleanSwitch2({
 const BooleanSwitchWithLabel = function BooleanSwitchWithLabel2({
   value,
   position = "end",
+  size = "medium",
   invisible,
   onValueChange,
   error,
   label,
   autoFocus,
   disabled,
-  size,
   className,
   fullWidth = true,
   inputClassName,
@@ -759,7 +759,8 @@ const BooleanSwitchWithLabel = function BooleanSwitchWithLabel2({
   }, []);
   const focus = document.activeElement === refInput?.current || document.activeElement === ref?.current;
   return /* @__PURE__ */ 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) => {
@@ -27689,7 +27690,7 @@ function Typography(t0) {
   return t15;
 }
 const DateTimeField = (t0) => {
-  const $ = c(55);
+  const $ = c(57);
   const {
     value,
     label,
@@ -27763,170 +27764,176 @@ const DateTimeField = (t0) => {
   }
   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__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsx(IconButton, { onClick: t24, className: "absolute right-3 top-1/2 transform -translate-y-1/2 !text-surface-accent-500", children: /* @__PURE__ */ jsx(CalendarMonthIcon, { color: "disabled" }) });
-    $[37] = t25;
+  let t27;
+  if ($[39] === Symbol.for("react.memo_cache_sentinel")) {
+    t27 = /* @__PURE__ */ jsx(IconButton, { onClick: t26, className: "absolute right-3 top-1/2 transform -translate-y-1/2 !text-surface-accent-500", children: /* @__PURE__ */ jsx(CalendarMonthIcon, { color: "disabled" }) });
+    $[39] = t27;
   } else {
-    t25 = $[37];
+    t27 = $[39];
   }
-  let t26;
-  if ($[38] !== clearable || $[39] !== handleClear || $[40] !== value) {
-    t26 = clearable && value && /* @__PURE__ */ jsx(IconButton, { onClick: handleClear, className: "absolute right-14 top-1/2 transform -translate-y-1/2 text-surface-accent-400 ", children: /* @__PURE__ */ jsx(CloseIcon, {}) });
-    $[38] = clearable;
-    $[39] = handleClear;
-    $[40] = value;
-    $[41] = t26;
+  let t28;
+  if ($[40] !== clearable || $[41] !== handleClear || $[42] !== value) {
+    t28 = clearable && value && /* @__PURE__ */ jsx(IconButton, { onClick: handleClear, className: "absolute right-14 top-1/2 transform -translate-y-1/2 text-surface-accent-400 ", children: /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsxs("div", { className: "flex items-center m-2", children: [
+  let t30;
+  if ($[51] !== invalidValue || $[52] !== value) {
+    t30 = invalidValue && /* @__PURE__ */ jsxs("div", { className: "flex items-center m-2", children: [
       /* @__PURE__ */ jsx(ErrorIcon, { size: "small", color: "error" }),
       /* @__PURE__ */ jsxs("div", { className: "pl-2", children: [
         /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "Invalid date value for this field" }),
         /* @__PURE__ */ 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__ */ jsxs(Fragment, { children: [
+  let t31;
+  if ($[54] !== t29 || $[55] !== t30) {
+    t31 = /* @__PURE__ */ jsxs(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 */
@@ -29646,7 +29653,7 @@ function SelectInputLabel(t0) {
 }
 const MultiSelectContext = React.createContext({});
 const MultiSelect = React.forwardRef((t0, ref) => {
-  const $ = c(101);
+  const $ = c(102);
   const {
     value,
     size: t1,
@@ -29860,20 +29867,22 @@ const MultiSelect = React.forwardRef((t0, ref) => {
   } 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;
@@ -29884,12 +29893,13 @@ const MultiSelect = React.forwardRef((t0, ref) => {
     $[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__ */ 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__ */ jsxs("div", { className: "flex justify-between items-center w-full", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5 text-start", children: [
         renderValues && renderValues(selectedValues),
         !renderValues && selectedValues.map((value_1) => {
@@ -29918,175 +29928,175 @@ const MultiSelect = React.forwardRef((t0, ref) => {
       /* @__PURE__ */ jsx("span", { className: "text-sm", children: placeholder }),
       /* @__PURE__ */ jsx("div", { className: cls("px-2 h-full flex items-center"), children: /* @__PURE__ */ 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__ */ jsx(PopoverPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ 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__ */ jsx(PopoverPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ 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__ */ jsx(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__ */ 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__ */ jsx(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__ */ 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__ */ 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__ */ jsx(Separator, { orientation: "horizontal", className: "my-0" });
+  if ($[73] !== t30 || $[74] !== t31) {
+    t32 = /* @__PURE__ */ 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__ */ jsx(Command.Empty, { className: "px-4 py-2", children: "No results found." });
+    t33 = /* @__PURE__ */ 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__ */ jsxs(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__ */ jsx(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__ */ jsxs(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__ */ jsx(InnerCheckBox, { checked: selectedValues.length === allValues.length }),
       /* @__PURE__ */ 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__ */ jsxs(Command.List, { children: [
-      t33,
+  let t36;
+  if ($[83] !== children || $[84] !== t35) {
+    t36 = /* @__PURE__ */ jsxs(Command.List, { children: [
+      t34,
       /* @__PURE__ */ jsxs(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__ */ jsxs(Command, { children: [
-      t31,
+  let t37;
+  if ($[86] !== t32 || $[87] !== t36) {
+    t37 = /* @__PURE__ */ jsxs(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__ */ jsx(PopoverPrimitive.Content, { className: t26, align: "start", sideOffset: 8, onEscapeKeyDown: t27, children: t36 });
-    $[88] = t27;
-    $[89] = t36;
+  let t38;
+  if ($[89] !== t28 || $[90] !== t37) {
+    t38 = /* @__PURE__ */ jsx(PopoverPrimitive.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__ */ jsxs(PopoverPrimitive.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__ */ jsxs(PopoverPrimitive.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__ */ jsxs(MultiSelectContext.Provider, { value: t18, children: [
+  let t40;
+  if ($[98] !== t18 || $[99] !== t19 || $[100] !== t39) {
+    t40 = /* @__PURE__ */ 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) {
@@ -30556,7 +30566,8 @@ const Select = forwardRef(({
   }, ...props, children: [
     typeof label === "string" ? /* @__PURE__ */ jsx(SelectInputLabel, { error, children: label }) : label,
     /* @__PURE__ */ 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,
@@ -30564,16 +30575,18 @@ const Select = forwardRef(({
     }), children: /* @__PURE__ */ jsx(SelectPrimitive.Trigger, { ref: inputRef, id, asChild: true, children: /* @__PURE__ */ 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__ */ 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__ */ jsxs(SelectPrimitive.Value, { onClick: (e) => {
@@ -31355,12 +31368,14 @@ const TextField = forwardRef(({
     };
   }, [inputRef, type]);
   const input = multiline ? /* @__PURE__ */ 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__ */ 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__ */ 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: [
@@ -31369,7 +31384,7 @@ const TextField = forwardRef(({
     endAdornment && /* @__PURE__ */ 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 })
   ] });
 });