@sustaina/shared-ui 1.44.0 → 1.46.0

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React27 = require('react');
+var React28 = require('react');
 var reactRouter = require('@tanstack/react-router');
 var zustand = require('zustand');
 var clsx2 = require('clsx');
@@ -83,7 +83,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React27__namespace = /*#__PURE__*/_interopNamespace(React27);
+var React28__namespace = /*#__PURE__*/_interopNamespace(React28);
 var clsx2__default = /*#__PURE__*/_interopDefault(clsx2);
 var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
 var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
@@ -273,12 +273,12 @@ function useSafeBlocker({
   withResolver = false
 }) {
   const router = reactRouter.useRouter({ warn: false });
-  const [resolver, setResolver] = React27.useState({
+  const [resolver, setResolver] = React28.useState({
     status: "idle",
     proceed: void 0,
     reset: void 0
   });
-  React27.useEffect(() => {
+  React28.useEffect(() => {
     if (disabled || !router?.history?.block) {
       return;
     }
@@ -308,7 +308,7 @@ function useSafeBlocker({
       }
     });
   }, [disabled, enableBeforeUnload, router, shouldBlockFn, withResolver]);
-  React27.useEffect(() => {
+  React28.useEffect(() => {
     if (disabled || router?.history || typeof window === "undefined") {
       return;
     }
@@ -2285,6 +2285,55 @@ var SuiWarningIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */
   }
 );
 var warning_default = SuiWarningIcon;
+var FactoryIcon = ({ size = "1em", className, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      viewBox: "0 0 11 9",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      className,
+      "aria-hidden": true,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_4362_106915)", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M4.09997 2.18649L7.16802 0.884405C7.28199 0.818433 7.53766 1.01288 7.53766 1.1344V2.16218L7.6424 2.14482C8.59115 1.8219 9.59843 1.19343 10.541 0.90871C10.7567 0.842738 10.8983 0.90871 10.9877 1.14482L11 8.51982C10.9815 8.72121 10.8675 8.84968 10.6889 8.87052L0.25259 8.86357C0.110893 8.81496 0.0277233 8.71079 0 8.54413V2.70385C0.00308037 2.58579 0.0462056 2.4851 0.129376 2.41565L3.69028 0.887877C3.87202 0.821905 4.09997 1.01982 4.09997 1.22815V2.18302V2.18649ZM1.45393 4.51635C1.28143 4.5476 1.20134 4.70732 1.18286 4.88788C1.15514 5.17607 1.15822 5.73163 1.17978 6.02329C1.19518 6.24899 1.27527 6.41913 1.4909 6.4469C1.74041 6.47815 2.35956 6.47815 2.60907 6.4469C2.75693 6.42954 2.88015 6.31496 2.89863 6.14482C2.92635 5.87399 2.92635 5.08232 2.89863 4.81149C2.88015 4.64135 2.75385 4.52677 2.60907 4.5094C2.38421 4.48163 1.66648 4.47468 1.45393 4.51635ZM6.26239 4.61357C6.22235 4.56843 6.1207 4.51635 6.06525 4.5094C5.82498 4.47468 5.1935 4.48163 4.94707 4.5094C4.77457 4.53024 4.65136 4.66565 4.63596 4.8601C4.61131 5.13788 4.60823 5.84968 4.63596 6.12052C4.65136 6.25593 4.74377 6.38788 4.85774 6.42954C4.97172 6.47121 5.91123 6.47121 6.06525 6.4469C6.21003 6.42607 6.33632 6.28718 6.3548 6.12052C6.38561 5.84968 6.37945 5.13788 6.3548 4.8601C6.34864 4.78024 6.31168 4.6726 6.25931 4.61357H6.26239Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M1.45516 4.5178C1.6677 4.47613 2.38543 4.48307 2.6103 4.51085C2.75507 4.52821 2.88137 4.6428 2.89985 4.81293C2.92757 5.08377 2.92757 5.87543 2.89985 6.14627C2.88137 6.31641 2.75507 6.43099 2.6103 6.44835C2.36079 6.4796 1.74163 6.4796 1.49212 6.44835C1.2765 6.42057 1.19641 6.25043 1.181 6.02474C1.15944 5.73307 1.15636 5.17405 1.18408 4.88932C1.20257 4.70877 1.28266 4.54905 1.45516 4.5178Z",
+              fill: "white"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M8.35268 4.51606C8.54982 4.47786 9.32299 4.48134 9.5263 4.51259C9.7296 4.54384 9.80353 4.72092 9.81893 4.93273C9.8405 5.22786 9.8405 5.75564 9.81893 6.04731C9.80045 6.26259 9.71112 6.42231 9.50782 6.44661C9.25831 6.47786 8.63915 6.47786 8.38964 6.44661C8.24486 6.42925 8.11857 6.31467 8.10009 6.14453C8.07236 5.898 8.06928 5.02648 8.10009 4.79036C8.11857 4.65842 8.23562 4.53689 8.3496 4.51606H8.35268Z",
+              fill: "white"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M6.26921 4.6146C6.3185 4.67016 6.35546 4.78127 6.3647 4.86113C6.38935 5.13891 6.39243 5.85071 6.3647 6.12155C6.34622 6.28821 6.21993 6.4271 6.07515 6.44794C5.91805 6.46877 4.98162 6.47224 4.86764 6.43057C4.75367 6.38891 4.66126 6.25696 4.64586 6.12155C4.61505 5.85071 4.62121 5.13891 4.64586 4.86113C4.66434 4.66669 4.78447 4.5278 4.95697 4.51044C5.2034 4.48266 5.83488 4.47919 6.07515 4.51044C6.13059 4.51738 6.23225 4.57294 6.27229 4.6146H6.26921Z",
+              fill: "white"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_4362_106915", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "11", height: "8", fill: "white", transform: "translate(0 0.871094)" }) }) })
+      ]
+    }
+  );
+};
+var factory_default = FactoryIcon;
 var AuditFooter = ({
   createdAt,
   createdBy,
@@ -2391,7 +2440,7 @@ function AccordionContent({
   );
 }
 var ExpandCollapse = ({ title, children, portalId }) => {
-  const [isOpen, setIsOpen] = React27.useState(false);
+  const [isOpen, setIsOpen] = React28.useState(false);
   const Panel = /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -2501,31 +2550,31 @@ function makeNewRow(field) {
   };
 }
 function useAdvanceSearch({ fields, limitRows }) {
-  const [rows, setRows] = React27.useState([makeNewRow(fields[0])]);
-  const updateRows = React27.useCallback((next) => {
+  const [rows, setRows] = React28.useState([makeNewRow(fields[0])]);
+  const updateRows = React28.useCallback((next) => {
     setRows(next);
   }, []);
-  const operatorsForField = React27.useCallback(
+  const operatorsForField = React28.useCallback(
     (fieldName) => {
       const t = getFieldType(fields, fieldName);
       return OPERATOR_MAP[t];
     },
     [fields]
   );
-  const addRow = React27.useCallback(() => {
+  const addRow = React28.useCallback(() => {
     if (limitRows && rows.length >= limitRows) return;
     const lastRow = rows[rows.length - 1];
     const lastField = fields.find((f) => f.name === lastRow?.fieldName) ?? fields[0];
     updateRows([...rows, makeNewRow(lastField)]);
   }, [rows, fields, updateRows, limitRows]);
-  const removeRow = React27.useCallback(
+  const removeRow = React28.useCallback(
     (id) => {
       if (rows.length === 1) return;
       updateRows(rows.filter((r) => r.id !== id));
     },
     [rows, updateRows]
   );
-  const clearRow = React27.useCallback(
+  const clearRow = React28.useCallback(
     (id) => {
       updateRows(
         rows.map((r) => {
@@ -2558,10 +2607,10 @@ function useAdvanceSearch({ fields, limitRows }) {
     },
     [rows, fields, updateRows]
   );
-  const clearAllRow = React27.useCallback(() => {
+  const clearAllRow = React28.useCallback(() => {
     updateRows([makeNewRow(fields[0])]);
   }, [fields, updateRows]);
-  const changeField = React27.useCallback(
+  const changeField = React28.useCallback(
     (id, fieldName) => {
       updateRows(
         rows.map((r) => {
@@ -2573,7 +2622,7 @@ function useAdvanceSearch({ fields, limitRows }) {
     },
     [rows, fields, updateRows]
   );
-  const changeOperator = React27.useCallback(
+  const changeOperator = React28.useCallback(
     (id, operator) => {
       updateRows(
         rows.map((r) => {
@@ -2607,7 +2656,7 @@ function useAdvanceSearch({ fields, limitRows }) {
     },
     [rows, updateRows]
   );
-  const changeValue = React27.useCallback(
+  const changeValue = React28.useCallback(
     (id, which, val) => {
       updateRows(
         rows.map((r) => {
@@ -2619,7 +2668,7 @@ function useAdvanceSearch({ fields, limitRows }) {
     },
     [rows, updateRows]
   );
-  const fieldOptions = React27.useMemo(
+  const fieldOptions = React28.useMemo(
     () => fields.map((f) => ({
       value: f.name,
       label: f.label ?? f.name
@@ -2814,7 +2863,7 @@ var OPERATOR_LABEL = {
   containsAll: "Contains all of"
 };
 var OperatorSelect = ({ row, operators, onChangeOperator, error }) => {
-  React27__namespace.default.useEffect(() => {
+  React28__namespace.default.useEffect(() => {
     if (!operators.length) return;
     if (!operators.includes(row.operator)) {
       onChangeOperator(operators[0]);
@@ -2850,15 +2899,15 @@ function Label2({ className, ...props }) {
   );
 }
 var Form = reactHookForm.FormProvider;
-var FormFieldContext = React27__namespace.createContext({});
+var FormFieldContext = React28__namespace.createContext({});
 var FormField = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React27__namespace.useContext(FormFieldContext);
-  const itemContext = React27__namespace.useContext(FormItemContext);
+  const fieldContext = React28__namespace.useContext(FormFieldContext);
+  const itemContext = React28__namespace.useContext(FormItemContext);
   const { getFieldState } = reactHookForm.useFormContext();
   const formState = reactHookForm.useFormState({ name: fieldContext.name });
   const fieldState = getFieldState(fieldContext.name, formState);
@@ -2875,9 +2924,9 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React27__namespace.createContext({});
+var FormItemContext = React28__namespace.createContext({});
 function FormItem({ className, ...props }) {
-  const id = React27__namespace.useId();
+  const id = React28__namespace.useId();
   return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "form-item", className: cn("grid gap-2", className), ...props }) });
 }
 function FormLabel({ className, ...props }) {
@@ -2981,7 +3030,7 @@ var Spinner = ({ className, variant, size = "default", ...props }) => /* @__PURE
     ]
   }
 );
-var InputPrimitive = React27__namespace.forwardRef(
+var InputPrimitive = React28__namespace.forwardRef(
   ({ className, type = "text", ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "input",
@@ -3020,7 +3069,7 @@ var inputVariants = classVarianceAuthority.cva("", {
     appearance: "filled"
   }
 });
-var Input = React27__namespace.forwardRef(
+var Input = React28__namespace.forwardRef(
   ({
     className,
     wrapperClassName,
@@ -3053,8 +3102,8 @@ var Input = React27__namespace.forwardRef(
       onChange: onChangeProp
     } = rest;
     const ariaInvalid = invalid ?? ariaInvalidProp;
-    const messageId = React27__namespace.useId();
-    const handleChange = React27__namespace.useCallback(
+    const messageId = React28__namespace.useId();
+    const handleChange = React28__namespace.useCallback(
       (event) => {
         onChangeProp?.(event);
         onValueChange?.(event.target.value);
@@ -3442,20 +3491,20 @@ function DatePicker({
   className,
   ...props
 }) {
-  const today = React27__namespace.useMemo(() => startOfDay(/* @__PURE__ */ new Date()), []);
-  const [displayed, setDisplayed] = React27__namespace.useState(
+  const today = React28__namespace.useMemo(() => startOfDay(/* @__PURE__ */ new Date()), []);
+  const [displayed, setDisplayed] = React28__namespace.useState(
     selectedDate ? new Date(selectedDate) : /* @__PURE__ */ new Date()
   );
   minDate = clampToDay(minDate);
   maxDate = clampToDay(maxDate);
-  const disabledSet = React27__namespace.useMemo(() => {
+  const disabledSet = React28__namespace.useMemo(() => {
     const s = /* @__PURE__ */ new Set();
     disabledDates?.forEach((d) => s.add(startOfDay(d).toISOString()));
     return s;
   }, [disabledDates]);
   const displayYear = displayed.getFullYear();
   const displayMonth = displayed.getMonth();
-  const weekdays = React27__namespace.useMemo(() => {
+  const weekdays = React28__namespace.useMemo(() => {
     const labels = [];
     for (let i = 0; i < 7; i++) {
       const idx = i;
@@ -3464,7 +3513,7 @@ function DatePicker({
     }
     return labels;
   }, [callbacks]);
-  const grid = React27__namespace.useMemo(() => buildCalendarGrid(displayed, true), [displayed]);
+  const grid = React28__namespace.useMemo(() => buildCalendarGrid(displayed, true), [displayed]);
   const isDateDisabled = (date) => {
     const d = startOfDay(date);
     if (minDate && d < minDate) return true;
@@ -3474,7 +3523,7 @@ function DatePicker({
   };
   const minYear = minDate?.getFullYear();
   const maxYear = maxDate?.getFullYear();
-  const getMonthLabel = React27__namespace.useCallback(
+  const getMonthLabel = React28__namespace.useCallback(
     (year, monthIndex) => {
       const label = callbacks?.monthLabel?.(year, monthIndex);
       if (label === null || label === void 0) {
@@ -3484,7 +3533,7 @@ function DatePicker({
     },
     [callbacks]
   );
-  const getYearLabel = React27__namespace.useCallback(
+  const getYearLabel = React28__namespace.useCallback(
     (year) => {
       const label = callbacks?.yearLabel?.(year);
       if (label === null || label === void 0) return String(year);
@@ -3492,7 +3541,7 @@ function DatePicker({
     },
     [callbacks]
   );
-  const clampMonthToBounds = React27__namespace.useCallback(
+  const clampMonthToBounds = React28__namespace.useCallback(
     (year, monthIndex) => {
       let output = monthIndex;
       if (typeof minYear === "number" && year === minYear && minDate) {
@@ -3507,7 +3556,7 @@ function DatePicker({
     },
     [maxDate, minDate, maxYear, minYear]
   );
-  const yearOptions = React27__namespace.useMemo(() => {
+  const yearOptions = React28__namespace.useMemo(() => {
     const fallbackWindow = 50;
     const start = typeof minYear === "number" ? minYear : displayYear - fallbackWindow;
     const end = typeof maxYear === "number" ? maxYear : displayYear + fallbackWindow;
@@ -3528,7 +3577,7 @@ function DatePicker({
     }
     return years;
   }, [displayYear, maxYear, minYear, selectedDate]);
-  const monthOptions = React27__namespace.useMemo(() => {
+  const monthOptions = React28__namespace.useMemo(() => {
     const months = Array.from({ length: 12 }, (_, monthIndex) => {
       const disabled = typeof minYear === "number" && displayYear === minYear && minDate && monthIndex < minDate.getMonth() || typeof maxYear === "number" && displayYear === maxYear && maxDate && monthIndex > maxDate.getMonth();
       return {
@@ -3547,7 +3596,7 @@ function DatePicker({
     }
     return months.sort((a, b) => a.value - b.value).filter((option, index, arr) => index === 0 || option.value !== arr[index - 1].value);
   }, [displayMonth, displayYear, getMonthLabel, maxDate, maxYear, minDate, minYear]);
-  const handleMonthSelect = React27__namespace.useCallback((nextValue) => {
+  const handleMonthSelect = React28__namespace.useCallback((nextValue) => {
     const nextMonth = Number.parseInt(nextValue, 10);
     if (Number.isNaN(nextMonth)) return;
     setDisplayed((prev) => {
@@ -3557,7 +3606,7 @@ function DatePicker({
       return next;
     });
   }, []);
-  const handleYearSelect = React27__namespace.useCallback(
+  const handleYearSelect = React28__namespace.useCallback(
     (nextValue) => {
       const nextYear = Number.parseInt(nextValue, 10);
       if (Number.isNaN(nextYear)) return;
@@ -3705,14 +3754,14 @@ var DatePicker2 = ({
   ariaLabel,
   ...calendarProps
 }) => {
-  const [open, setOpen] = React27__namespace.default.useState(false);
-  const parser = React27__namespace.default.useMemo(() => valueParser ?? defaultValueParser, [valueParser]);
-  const outputFormatter = React27__namespace.default.useMemo(() => valueFormatter ?? defaultValueFormatter, [valueFormatter]);
-  const labelFormatter = React27__namespace.default.useMemo(
+  const [open, setOpen] = React28__namespace.default.useState(false);
+  const parser = React28__namespace.default.useMemo(() => valueParser ?? defaultValueParser, [valueParser]);
+  const outputFormatter = React28__namespace.default.useMemo(() => valueFormatter ?? defaultValueFormatter, [valueFormatter]);
+  const labelFormatter = React28__namespace.default.useMemo(
     () => displayFormatter ?? defaultDisplayFormatter,
     [displayFormatter]
   );
-  const parsedValue = React27__namespace.default.useMemo(() => {
+  const parsedValue = React28__namespace.default.useMemo(() => {
     if (value === null || value === void 0) return void 0;
     if (value instanceof Date) return value;
     const parsed = parser(value);
@@ -3721,26 +3770,26 @@ var DatePicker2 = ({
   const buttonLabel = parsedValue ? labelFormatter(parsedValue) : placeholder2;
   const buttonAriaLabel = ariaLabel ?? (parsedValue ? `Change date, current selection ${labelFormatter(parsedValue)}` : "Open date picker");
   const shouldShowClear = allowClear && !disabled && !!parsedValue;
-  const handleClose = React27__namespace.default.useCallback(() => setOpen(false), []);
-  const emitChange = React27__namespace.default.useCallback(
+  const handleClose = React28__namespace.default.useCallback(() => setOpen(false), []);
+  const emitChange = React28__namespace.default.useCallback(
     (next) => {
       onChange?.(next);
       onValueChange?.(next ? outputFormatter(next) : void 0);
     },
     [onChange, onValueChange, outputFormatter]
   );
-  const handleSelect = React27__namespace.default.useCallback(
+  const handleSelect = React28__namespace.default.useCallback(
     (next) => {
       emitChange(next);
       if (closeOnSelect && next) handleClose();
     },
     [closeOnSelect, emitChange, handleClose]
   );
-  const handleClear = React27__namespace.default.useCallback(() => {
+  const handleClear = React28__namespace.default.useCallback(() => {
     emitChange(void 0);
     handleClose();
   }, [emitChange, handleClose]);
-  const handleOpenChange = React27__namespace.default.useCallback(
+  const handleOpenChange = React28__namespace.default.useCallback(
     (nextOpen) => {
       if (disabled && nextOpen) return;
       setOpen(nextOpen);
@@ -3804,6 +3853,7 @@ var DatePicker2 = ({
 
 // src/components/advanceSearch/components/constants/index.ts
 var fallbackShortDateFormat = "DD/MM/YYYY";
+var UUIDregex = /^[0-9a-f]{8}-?[0-9a-f]{4}-?4[0-9a-f]{3}-?[89ab][0-9a-f]{3}-?[0-9a-f]{12}$/i;
 var ConditionDateInput = ({
   row,
   control,
@@ -3930,15 +3980,15 @@ function MonthCal({
   onYearBackward,
   onYearForward
 }) {
-  const today = React27__namespace.useMemo(() => {
+  const today = React28__namespace.useMemo(() => {
     const now = /* @__PURE__ */ new Date();
     now.setDate(1);
     now.setHours(0, 0, 0, 0);
     return now;
   }, []);
-  const selectedMonthDate = React27__namespace.useMemo(() => normalizeMonth(selectedDate), [selectedDate]);
-  const min = React27__namespace.useMemo(() => normalizeMonth(minDate), [minDate]);
-  const max = React27__namespace.useMemo(() => normalizeMonth(maxDate), [maxDate]);
+  const selectedMonthDate = React28__namespace.useMemo(() => normalizeMonth(selectedDate), [selectedDate]);
+  const min = React28__namespace.useMemo(() => normalizeMonth(minDate), [minDate]);
+  const max = React28__namespace.useMemo(() => normalizeMonth(maxDate), [maxDate]);
   let effectiveMin = min;
   if (min && max && min > max) {
     effectiveMin = max;
@@ -3947,10 +3997,10 @@ function MonthCal({
   const minMonth = effectiveMin?.getMonth();
   const maxYear = max?.getFullYear();
   const maxMonth = max?.getMonth();
-  const [menuYear, setMenuYear] = React27__namespace.useState(
+  const [menuYear, setMenuYear] = React28__namespace.useState(
     () => selectedMonthDate?.getFullYear() ?? today.getFullYear()
   );
-  React27__namespace.useEffect(() => {
+  React28__namespace.useEffect(() => {
     if (selectedMonthDate) {
       const year = selectedMonthDate.getFullYear();
       if (year !== menuYear) {
@@ -3958,7 +4008,7 @@ function MonthCal({
       }
     }
   }, [selectedMonthDate, menuYear]);
-  React27__namespace.useEffect(() => {
+  React28__namespace.useEffect(() => {
     if (typeof minYear === "number" && menuYear < minYear) {
       setMenuYear(minYear);
       return;
@@ -3969,7 +4019,7 @@ function MonthCal({
   }, [minYear, maxYear, menuYear]);
   const disablePrevYear = typeof minYear === "number" ? menuYear <= minYear : false;
   const disableNextYear = typeof maxYear === "number" ? menuYear >= maxYear : false;
-  const yearOptions = React27__namespace.useMemo(() => {
+  const yearOptions = React28__namespace.useMemo(() => {
     const fallbackWindow = 50;
     const start = typeof minYear === "number" ? minYear : menuYear - fallbackWindow;
     const end = typeof maxYear === "number" ? maxYear : menuYear + fallbackWindow;
@@ -3983,7 +4033,7 @@ function MonthCal({
     }
     return years;
   }, [maxYear, menuYear, minYear]);
-  const formatYearLabel = React27__namespace.useCallback(
+  const formatYearLabel = React28__namespace.useCallback(
     (year) => {
       const raw = callbacks?.yearLabel?.(year);
       if (raw === null || raw === void 0) return String(year);
@@ -3991,7 +4041,7 @@ function MonthCal({
     },
     [callbacks]
   );
-  const handleYearSelect = React27__namespace.useCallback(
+  const handleYearSelect = React28__namespace.useCallback(
     (nextValue) => {
       const nextYear = Number.parseInt(nextValue, 10);
       if (Number.isNaN(nextYear)) return;
@@ -4001,7 +4051,7 @@ function MonthCal({
     },
     [maxYear, minYear]
   );
-  const disabledPairs = React27__namespace.useMemo(() => {
+  const disabledPairs = React28__namespace.useMemo(() => {
     if (!disabledDates?.length) return [];
     const pairs = [];
     disabledDates.forEach((date) => {
@@ -4146,14 +4196,14 @@ var MonthPicker2 = ({
   ariaLabel,
   ...calendarProps
 }) => {
-  const [open, setOpen] = React27__namespace.default.useState(false);
-  const parser = React27__namespace.default.useMemo(() => valueParser ?? defaultValueParser2, [valueParser]);
-  const outputFormatter = React27__namespace.default.useMemo(() => valueFormatter ?? defaultValueFormatter2, [valueFormatter]);
-  const labelFormatter = React27__namespace.default.useMemo(
+  const [open, setOpen] = React28__namespace.default.useState(false);
+  const parser = React28__namespace.default.useMemo(() => valueParser ?? defaultValueParser2, [valueParser]);
+  const outputFormatter = React28__namespace.default.useMemo(() => valueFormatter ?? defaultValueFormatter2, [valueFormatter]);
+  const labelFormatter = React28__namespace.default.useMemo(
     () => displayFormatter ?? defaultDisplayFormatter2,
     [displayFormatter]
   );
-  const parsedValue = React27__namespace.default.useMemo(() => {
+  const parsedValue = React28__namespace.default.useMemo(() => {
     if (value === null || value === void 0) return void 0;
     if (value instanceof Date) return normalizeMonth2(value);
     if (typeof value === "string") {
@@ -4165,8 +4215,8 @@ var MonthPicker2 = ({
   const buttonLabel = parsedValue ? labelFormatter(parsedValue) : placeholder2;
   const buttonAriaLabel = ariaLabel ?? (parsedValue ? `Change month, current selection ${labelFormatter(parsedValue)}` : "Open month picker");
   const shouldShowClear = allowClear && !disabled && !!parsedValue;
-  const handleClose = React27__namespace.default.useCallback(() => setOpen(false), []);
-  const emitChange = React27__namespace.default.useCallback(
+  const handleClose = React28__namespace.default.useCallback(() => setOpen(false), []);
+  const emitChange = React28__namespace.default.useCallback(
     (next) => {
       const normalized = next ? normalizeMonth2(next) : void 0;
       onChange?.(normalized);
@@ -4174,18 +4224,18 @@ var MonthPicker2 = ({
     },
     [onChange, onValueChange, outputFormatter]
   );
-  const handleSelect = React27__namespace.default.useCallback(
+  const handleSelect = React28__namespace.default.useCallback(
     (next) => {
       emitChange(next);
       if (closeOnSelect && next) handleClose();
     },
     [closeOnSelect, emitChange, handleClose]
   );
-  const handleClear = React27__namespace.default.useCallback(() => {
+  const handleClear = React28__namespace.default.useCallback(() => {
     emitChange(void 0);
     handleClose();
   }, [emitChange, handleClose]);
-  const handleOpenChange = React27__namespace.default.useCallback(
+  const handleOpenChange = React28__namespace.default.useCallback(
     (nextOpen) => {
       if (disabled && nextOpen) return;
       setOpen(nextOpen);
@@ -4293,51 +4343,70 @@ var ConditionMonthInput = ({ row, control, onClear }) => {
   }
   return renderPicker(`value_${row.id}`, "value");
 };
-var ConditionDropdownInput = ({ row, control, fieldSchema, onClear }) => /* @__PURE__ */ jsxRuntime.jsx(
-  FormField,
-  {
-    control,
-    name: `value_${row.id}`,
-    rules: { required: "This field is required." },
-    render: ({ field }) => {
-      const handleClear = () => {
-        field.onChange("");
-        onClear("value");
-      };
-      const hasValue = Boolean(field.value);
-      const clearLabel = "Clear selected value";
-      return /* @__PURE__ */ jsxRuntime.jsxs(FormItem, { className: "relative", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(Select, { value: field.value ?? "", onValueChange: field.onChange, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(
-            SelectTrigger,
+var ConditionDropdownInput = ({ row, control, fieldSchema, onClear }) => {
+  const [options, setOptions] = React28.useState([]);
+  const [loading, setIsLoading] = React28.useState(false);
+  React28.useEffect(() => {
+    if (!fieldSchema) {
+      return;
+    }
+    if (fieldSchema.fetchOptions) {
+      setIsLoading(true);
+      fieldSchema.fetchOptions().then((fetchedOptions) => {
+        setOptions(fetchedOptions);
+      }).catch((err) => {
+        console.error("Failed to fetch lookup options", err);
+      }).finally(() => setIsLoading(false));
+    } else {
+      setOptions(fieldSchema.options);
+    }
+  }, [fieldSchema]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    FormField,
+    {
+      control,
+      name: `value_${row.id}`,
+      rules: { required: "This field is required." },
+      render: ({ field }) => {
+        const handleClear = () => {
+          field.onChange("");
+          onClear("value");
+        };
+        const hasValue = Boolean(field.value);
+        const clearLabel = "Clear selected value";
+        return /* @__PURE__ */ jsxRuntime.jsxs(FormItem, { className: "relative", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(Select, { value: field.value ?? "", onValueChange: field.onChange, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(
+              SelectTrigger,
+              {
+                className: cn(
+                  "w-full justify-between rounded-md bg-white px-4 text-sm font-medium text-gray-700 shadow-none focus:ring-0",
+                  hasValue ? "pr-8" : "pr-4"
+                ),
+                "data-testid": "advsearch-dropdown-value",
+                children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: "Select value" })
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { className: "w-full min-w-[unset]", children: loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-2 text-sm text-inherit", children: fieldSchema?.loadingMessage ?? "Loading..." }) }) : options.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-2 text-sm text-inherit", children: fieldSchema?.noOptionsMessage ?? "No records found." }) }) : options.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(SelectItem, { value: opt.value, className: cn(opt.labelStyle), children: [
+              opt.decorator,
+              opt.label
+            ] }, opt.value)) })
+          ] }),
+          hasValue && /* @__PURE__ */ jsxRuntime.jsx(
+            ClearButton,
             {
-              className: cn(
-                "w-full justify-between rounded-md bg-white px-4 text-sm font-medium text-gray-700 shadow-none focus:ring-0",
-                hasValue ? "pr-8" : "pr-4"
-              ),
-              "data-testid": "advsearch-dropdown-value",
-              children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: "Select value" })
+              onClick: handleClear,
+              ariaLabel: clearLabel,
+              title: clearLabel,
+              className: "absolute right-3 top-1/2 z-10 -translate-y-1/2"
             }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { className: "w-full min-w-[unset]", children: fieldSchema && "options" in fieldSchema && fieldSchema.options.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(SelectItem, { value: opt.value, className: cn(opt.labelStyle), children: [
-            opt.decorator,
-            opt.label
-          ] }, opt.value)) })
-        ] }),
-        hasValue && /* @__PURE__ */ jsxRuntime.jsx(
-          ClearButton,
-          {
-            onClick: handleClear,
-            ariaLabel: clearLabel,
-            title: clearLabel,
-            className: "absolute right-3 top-1/2 z-10 -translate-y-1/2"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(FormMessage, { className: "absolute left-0 top-full mt-1 text-xs text-red-600" })
-      ] });
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(FormMessage, { className: "absolute left-0 top-full mt-1 text-xs text-red-600" })
+        ] });
+      }
     }
-  }
-);
+  );
+};
 var ConditionCheckboxInput = ({ row, control, onClear }) => /* @__PURE__ */ jsxRuntime.jsx(
   FormField,
   {
@@ -4396,24 +4465,24 @@ var LookupSelect = ({
   dropdownPortalId,
   multiple = false
 }) => {
-  const [inputValue, setInputValue] = React27.useState("");
-  const inputRef = React27.useRef(null);
-  const [inputFocused, setInputFocused] = React27.useState(false);
-  const [suggestions, setSuggestions] = React27.useState([]);
-  const [optionLabels, setOptionLabels] = React27.useState({});
-  const [loading, setLoading] = React27.useState(false);
-  const [fetchError, setFetchError] = React27.useState(null);
-  const [isDropdownOpen, setIsDropdownOpen] = React27.useState(false);
-  const containerRef = React27.useRef(null);
-  const fetchDelayRef = React27.useRef(null);
-  const requestIdRef = React27.useRef(0);
-  const [dropdownStyles, setDropdownStyles] = React27.useState();
-  const dropdownContentRef = React27.useRef(null);
-  const assignDropdownContentRef = React27.useCallback((node) => {
+  const [inputValue, setInputValue] = React28.useState("");
+  const inputRef = React28.useRef(null);
+  const [inputFocused, setInputFocused] = React28.useState(false);
+  const [suggestions, setSuggestions] = React28.useState([]);
+  const [optionLabels, setOptionLabels] = React28.useState({});
+  const [loading, setLoading] = React28.useState(false);
+  const [fetchError, setFetchError] = React28.useState(null);
+  const [isDropdownOpen, setIsDropdownOpen] = React28.useState(false);
+  const containerRef = React28.useRef(null);
+  const fetchDelayRef = React28.useRef(null);
+  const requestIdRef = React28.useRef(0);
+  const [dropdownStyles, setDropdownStyles] = React28.useState();
+  const dropdownContentRef = React28.useRef(null);
+  const assignDropdownContentRef = React28.useCallback((node) => {
     dropdownContentRef.current = node;
   }, []);
-  const [activeSuggestionIndex, setActiveSuggestionIndex] = React27.useState(-1);
-  const dropdownPortalElement = React27.useMemo(() => {
+  const [activeSuggestionIndex, setActiveSuggestionIndex] = React28.useState(-1);
+  const dropdownPortalElement = React28.useMemo(() => {
     if (typeof document === "undefined") return null;
     if (dropdownPortalId) {
       const element = document.getElementById(dropdownPortalId);
@@ -4424,7 +4493,7 @@ var LookupSelect = ({
   const limitReached = multiple && value.length >= maxTags;
   const selectedValue = !multiple && value.length > 0 ? value[0] : void 0;
   const selectedLabel = selectedValue ? optionLabels[selectedValue] ?? selectedValue : void 0;
-  const upsertOptionLabels = React27.useCallback((options) => {
+  const upsertOptionLabels = React28.useCallback((options) => {
     setOptionLabels((prev) => {
       let next = null;
       options.forEach((opt) => {
@@ -4437,7 +4506,7 @@ var LookupSelect = ({
       return next ?? prev;
     });
   }, []);
-  const addTag = React27.useCallback(
+  const addTag = React28.useCallback(
     (val) => {
       const trimmed = val.trim();
       if (!trimmed) return;
@@ -4452,7 +4521,7 @@ var LookupSelect = ({
     },
     [value, onChange, maxTags, multiple]
   );
-  const removeTag = React27.useCallback(
+  const removeTag = React28.useCallback(
     (index) => {
       if (index < 0) return;
       const newTags = value.filter((_, i) => i !== index);
@@ -4462,7 +4531,7 @@ var LookupSelect = ({
     },
     [value, onChange]
   );
-  const handleClear = React27.useCallback(() => {
+  const handleClear = React28.useCallback(() => {
     setInputValue("");
     setSuggestions([]);
     setInputFocused(false);
@@ -4470,7 +4539,7 @@ var LookupSelect = ({
     setFetchError(null);
     if (onClear) onClear();
   }, [onClear]);
-  const handleSuggestionSelect = React27.useCallback(
+  const handleSuggestionSelect = React28.useCallback(
     (option) => {
       upsertOptionLabels([option]);
       addTag(option.value);
@@ -4488,7 +4557,7 @@ var LookupSelect = ({
     },
     [addTag, multiple, upsertOptionLabels]
   );
-  const handleKeyDown = React27.useCallback(
+  const handleKeyDown = React28.useCallback(
     (e) => {
       if (e.key === "ArrowDown" && suggestions.length > 0) {
         e.preventDefault();
@@ -4515,7 +4584,7 @@ var LookupSelect = ({
     },
     [suggestions, activeSuggestionIndex, handleSuggestionSelect, inputValue, removeTag, value.length]
   );
-  const updateDropdownPosition = React27.useCallback(() => {
+  const updateDropdownPosition = React28.useCallback(() => {
     if (!dropdownPortalElement || !containerRef.current) return;
     const rect = containerRef.current.getBoundingClientRect();
     setDropdownStyles({
@@ -4526,7 +4595,7 @@ var LookupSelect = ({
       zIndex: 50
     });
   }, [dropdownPortalElement]);
-  React27.useEffect(() => {
+  React28.useEffect(() => {
     if (!fetchSuggestions || !inputFocused) return;
     if (fetchDelayRef.current) {
       clearTimeout(fetchDelayRef.current);
@@ -4560,7 +4629,7 @@ var LookupSelect = ({
       }
     };
   }, [inputValue, fetchSuggestions, suggestionDebounce, upsertOptionLabels, inputFocused]);
-  React27.useEffect(() => {
+  React28.useEffect(() => {
     if (!fetchSuggestions) return;
     if (value.length === 0) return;
     const unresolvedValues = value.filter((v) => !optionLabels[v]);
@@ -4570,7 +4639,7 @@ var LookupSelect = ({
     }).catch(() => {
     });
   }, [value, fetchSuggestions, optionLabels, upsertOptionLabels]);
-  React27.useEffect(() => {
+  React28.useEffect(() => {
     const handleDocumentClick = (event) => {
       const target = event.target;
       if (containerRef.current?.contains(target)) return;
@@ -4583,11 +4652,11 @@ var LookupSelect = ({
       document.removeEventListener("mousedown", handleDocumentClick);
     };
   }, []);
-  React27.useEffect(() => {
+  React28.useEffect(() => {
     if (!limitReached) return;
     setIsDropdownOpen(false);
   }, [limitReached]);
-  React27.useEffect(() => {
+  React28.useEffect(() => {
     if (!dropdownPortalElement) return;
     if (!isDropdownOpen) return;
     updateDropdownPosition();
@@ -4599,7 +4668,7 @@ var LookupSelect = ({
       window.removeEventListener("scroll", handleReposition, true);
     };
   }, [dropdownPortalElement, isDropdownOpen, updateDropdownPosition, value]);
-  React27.useEffect(() => {
+  React28.useEffect(() => {
     if (suggestions.length === 0) {
       setActiveSuggestionIndex(-1);
       return;
@@ -5295,13 +5364,12 @@ var TextBuilder = class {
 };
 
 // src/components/advanceSearch/builder/uuid.ts
-var regex = /^[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
 var UUIDBuilder = class {
   build(row) {
     if (Array.isArray(row.value)) {
       return {};
     }
-    if (!regex.test(row.value)) {
+    if (!UUIDregex.test(row.value)) {
       return { [row.fieldName]: {} };
     }
     const sharedOptions = {
@@ -5405,7 +5473,7 @@ var sanitizeInput = (val) => {
   if (/\p{Cc}/u.test(val)) return "__INVALID_CONTROL_CHAR__";
   return trimmed.replace(/\s+/g, " ");
 };
-var numericTypes = ["number", "integer", "decimal"];
+var numericTypes = ["number"];
 var dateTypes = ["date", "datemonth"];
 var validateByFieldType = (value, fieldType) => {
   if (!value) return { valid: true };
@@ -5417,9 +5485,9 @@ var validateByFieldType = (value, fieldType) => {
       return { valid: false, message: "Please enter a valid number." };
     }
   }
-  if (fieldType === "boolean") {
-    if (!["true", "false"].includes(value.toLowerCase())) {
-      return { valid: false, message: "Please enter a boolean value (true/false)." };
+  if (fieldType === "uuid") {
+    if (!UUIDregex.test(value)) {
+      return { valid: false, message: "Please enter a valid UUID." };
     }
   }
   if (dateTypes.includes(fieldType)) {
@@ -5439,9 +5507,10 @@ var AdvanceSearch = ({
   onSearch,
   onClear,
   shortDateFormat,
-  filterFieldMap = FILTER_FIELD_MAP
+  filterFieldMap = FILTER_FIELD_MAP,
+  customParamsBuilderHook
 }) => {
-  const fieldsData = React27.useMemo(() => {
+  const fieldsData = React28.useMemo(() => {
     if (fields.length === 0) throw new Error("fields cannot be an empty array");
     return fields || [];
   }, [fields]);
@@ -5461,8 +5530,8 @@ var AdvanceSearch = ({
     defaultValues: {}
   });
   const { handleSubmit, unregister, resetField, getValues, clearErrors, setError } = form;
-  const [operatorErrors, setOperatorErrors] = React27__namespace.default.useState({});
-  const clearOperatorError = React27.useCallback(
+  const [operatorErrors, setOperatorErrors] = React28__namespace.default.useState({});
+  const clearOperatorError = React28.useCallback(
     (rowId) => {
       setOperatorErrors((prev) => {
         if (!(rowId in prev)) return prev;
@@ -5472,7 +5541,7 @@ var AdvanceSearch = ({
     },
     [setOperatorErrors]
   );
-  const clearValue = React27.useCallback(
+  const clearValue = React28.useCallback(
     (rowId, which) => {
       const fieldName = `${which}_${rowId}`;
       resetField(fieldName, { defaultValue: void 0 });
@@ -5482,14 +5551,14 @@ var AdvanceSearch = ({
     },
     [resetField, clearErrors]
   );
-  const parseRangeValue = React27.useCallback((raw, fieldType) => {
+  const parseRangeValue = React28.useCallback((raw, fieldType) => {
     if (!raw) return void 0;
     if (Array.isArray(raw)) return void 0;
     const normalized = fieldType === "datemonth" ? `${raw}-01` : raw;
     const parsed = dateFns.parseISO(normalized);
     return dateFns.isValid(parsed) ? parsed : void 0;
   }, []);
-  const onSubmit = React27.useCallback(() => {
+  const onSubmit = React28.useCallback(() => {
     const operatorValidation = {};
     rows.forEach((r) => {
       const ops = operatorsForField(r.fieldName);
@@ -5548,10 +5617,25 @@ var AdvanceSearch = ({
     });
     if (hasError) return;
     const cleanedRows = processedRows.filter(Boolean);
-    const param = {
-      AND: cleanedRows.map((r) => getBuilder(r.fieldType).build(r)).filter(Boolean)
-    };
-    if (onSearch) onSearch(transformFilterKeys(param, filterFieldMap));
+    let params;
+    if (customParamsBuilderHook) {
+      params = {
+        AND: cleanedRows.map(
+          (r) => customParamsBuilderHook({
+            defaultBuildFunc: (r2) => getBuilder(r2.fieldType).build(r2),
+            row: r
+          })
+        )
+      };
+    } else {
+      params = transformFilterKeys(
+        {
+          AND: cleanedRows.map((r) => getBuilder(r.fieldType).build(r)).filter(Boolean)
+        },
+        filterFieldMap
+      );
+    }
+    if (onSearch) onSearch(params);
   }, [
     rows,
     operatorsForField,
@@ -5560,7 +5644,8 @@ var AdvanceSearch = ({
     setError,
     setOperatorErrors,
     filterFieldMap,
-    onSearch
+    onSearch,
+    customParamsBuilderHook
   ]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ExpandCollapse_default,
@@ -5727,11 +5812,11 @@ function resetVisibleTableState(payload) {
   table.setSorting(prevState.sorting.filter((s) => isVisible(s.id)));
 }
 var useHover = () => {
-  const [hovering, setHovering] = React27.useState(false);
-  const prevRef = React27.useRef(null);
-  const onMouseEnter = React27.useCallback(() => setHovering(true), []);
-  const onMouseLeave = React27.useCallback(() => setHovering(false), []);
-  const nodeRefCallback = React27.useCallback(
+  const [hovering, setHovering] = React28.useState(false);
+  const prevRef = React28.useRef(null);
+  const onMouseEnter = React28.useCallback(() => setHovering(true), []);
+  const onMouseLeave = React28.useCallback(() => setHovering(false), []);
+  const nodeRefCallback = React28.useCallback(
     (node) => {
       if (prevRef.current) {
         prevRef.current.removeEventListener("mouseenter", onMouseEnter);
@@ -5759,15 +5844,15 @@ var useIntersectionObserver = ({
   initialIsIntersecting = false,
   onChange
 } = {}) => {
-  const [ref, setRef] = React27.useState(null);
-  const [state, setState] = React27.useState(() => ({
+  const [ref, setRef] = React28.useState(null);
+  const [state, setState] = React28.useState(() => ({
     isIntersecting: initialIsIntersecting,
     entry: void 0
   }));
-  const callbackRef = React27.useRef(null);
+  const callbackRef = React28.useRef(null);
   callbackRef.current = onChange;
   const frozen = state.entry?.isIntersecting && freezeOnceVisible;
-  React27.useEffect(() => {
+  React28.useEffect(() => {
     if (!ref) return;
     if (!("IntersectionObserver" in window)) return;
     if (frozen) return;
@@ -5797,8 +5882,8 @@ var useIntersectionObserver = ({
     frozen,
     freezeOnceVisible
   ]);
-  const prevRef = React27.useRef(null);
-  React27.useEffect(() => {
+  const prevRef = React28.useRef(null);
+  React28.useEffect(() => {
     if (!ref && state.entry?.target && !freezeOnceVisible && !frozen && prevRef.current !== state.entry.target) {
       prevRef.current = state.entry.target;
       setState({ isIntersecting: initialIsIntersecting, entry: void 0 });
@@ -5815,8 +5900,8 @@ var isValidMediaQueryString = (query) => {
   return query !== "not all";
 };
 var useMediaQuery = ({ query }) => {
-  const [matches, setMatches] = React27.useState(false);
-  React27.useEffect(() => {
+  const [matches, setMatches] = React28.useState(false);
+  React28.useEffect(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -5852,8 +5937,8 @@ var useTruncated = ({
   onChange,
   resizeDetectDelay = 150
 }) => {
-  const [isTruncated, setIsTruncated] = React27.useState(false);
-  React27.useEffect(() => {
+  const [isTruncated, setIsTruncated] = React28.useState(false);
+  React28.useEffect(() => {
     const element = elementRef.current;
     if (!element) return;
     const checkTruncate = debounce(() => {
@@ -5882,14 +5967,14 @@ var useControllableState = ({
   value
 }) => {
   const isControlled = typeof value !== "undefined";
-  const [internalValue, setInternalValue] = React27__namespace.useState(() => {
+  const [internalValue, setInternalValue] = React28__namespace.useState(() => {
     return isControlled ? value : defaultValue;
   });
-  React27__namespace.useEffect(() => {
+  React28__namespace.useEffect(() => {
     if (!isControlled) return;
     setInternalValue(value);
   }, [isControlled, value]);
-  const setValue = React27__namespace.useCallback(
+  const setValue = React28__namespace.useCallback(
     (nextValue) => {
       if (isControlled) return;
       setInternalValue(nextValue);
@@ -5903,9 +5988,9 @@ var useControllableState = ({
   };
 };
 var useControllableState_default = useControllableState;
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React27.useLayoutEffect : React27.useEffect;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React28.useLayoutEffect : React28.useEffect;
 var useBindRef = ({ ref, value }) => {
-  React27__namespace.useEffect(() => {
+  React28__namespace.useEffect(() => {
     if (!ref) return;
     ref.current = value;
     return () => {
@@ -6098,7 +6183,7 @@ var StatusContentSlot = ({
     content
   ] });
 };
-var StatusContentSlot_default = React27__namespace.default.memo(StatusContentSlot);
+var StatusContentSlot_default = React28__namespace.default.memo(StatusContentSlot);
 var stateOptions = [
   "columnFilters",
   "globalFilter",
@@ -6151,9 +6236,9 @@ var modelOptions = [
   "getCenterVisibleLeafColumns"
 ];
 var DataTableDevTool = ({ table }) => {
-  const [open, setOpen] = React27.useState(false);
-  const [visibleStates, setVisibleStates] = React27.useState([]);
-  const [visibleModels, setVisibleModels] = React27.useState([]);
+  const [open, setOpen] = React28.useState(false);
+  const [visibleStates, setVisibleStates] = React28.useState([]);
+  const [visibleModels, setVisibleModels] = React28.useState([]);
   const tableState = table.getState();
   const toggleValue = (arr, value) => arr.includes(value) ? arr.filter((v) => v !== value) : [...arr, value];
   const getCircularReplacer = () => {
@@ -6366,7 +6451,7 @@ var useTableController = ({
   return table;
 };
 var useScrollFetch = ({ scrollFetch, containerRef }) => {
-  const fetchMoreOnScrollReached = React27.useCallback(
+  const fetchMoreOnScrollReached = React28.useCallback(
     (containerRefElement) => {
       if (!scrollFetch?.enabled || !containerRefElement || scrollFetch?.isFetchingMore || !scrollFetch?.hasMore || !scrollFetch?.fetchMore) {
         return;
@@ -6400,7 +6485,7 @@ var useScrollFetch = ({ scrollFetch, containerRef }) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [scrollFetch?.enabled, scrollFetch?.isFetchingMore, scrollFetch?.hasMore, scrollFetch?.fetchMore]
   );
-  React27.useEffect(() => {
+  React28.useEffect(() => {
     fetchMoreOnScrollReached(containerRef.current);
   }, [fetchMoreOnScrollReached, containerRef]);
   return fetchMoreOnScrollReached;
@@ -6450,7 +6535,7 @@ function useComputedTableState({
     leftVisibleLeftColumns.length + centerVisibleLeafColumns.length + rightVisibleLeafColumns.length,
     1
   );
-  const { isSomeColumnsFilterable, filterableColumns } = React27.useMemo(() => {
+  const { isSomeColumnsFilterable, filterableColumns } = React28.useMemo(() => {
     const mergedColumns = [
       ...leftVisibleLeftColumns,
       ...centerVisibleLeafColumns,
@@ -6461,7 +6546,7 @@ function useComputedTableState({
     );
     return { isSomeColumnsFilterable: isSomeColumnsFilterable2, filterableColumns: mergedColumns };
   }, [centerVisibleLeafColumns, leftVisibleLeftColumns, rightVisibleLeafColumns]);
-  const autoStatusKey = React27.useMemo(() => {
+  const autoStatusKey = React28.useMemo(() => {
     if (isInitialLoading) return "initialLoading";
     if (isTableEmpty) return "emptyData";
     if (isTableEmptyAfterFiltering) return "emptyFilteredData";
@@ -6479,7 +6564,7 @@ function useComputedTableState({
     scrollFetch?.hasMore,
     scrollFetch?.isFetchingMore
   ]);
-  const activeStatusContentComputed = React27.useMemo(() => {
+  const activeStatusContentComputed = React28.useMemo(() => {
     if (!activeStatusContent) return autoStatusKey;
     if (typeof activeStatusContent === "function") {
       return activeStatusContent({ defaultComputedValue: autoStatusKey });
@@ -6530,7 +6615,7 @@ var ColumnSeparator = ({ show, className, ...props }) => {
     }
   );
 };
-var ColumnSeparator_default = React27__namespace.default.memo(ColumnSeparator);
+var ColumnSeparator_default = React28__namespace.default.memo(ColumnSeparator);
 
 // src/components/data-table/helpers.ts
 function getColumnPinningInfo(column) {
@@ -6688,7 +6773,7 @@ var TableDataRows = ({
       if (!row) return null;
       const virtualIndex = config.isVirtualize ? item.index : void 0;
       const tableDataRowProps = typeof components?.tableDataRowProps === "function" ? components.tableDataRowProps({ row, table }) || {} : components?.tableDataRowProps || {};
-      return /* @__PURE__ */ React27.createElement(
+      return /* @__PURE__ */ React28.createElement(
         TableRow,
         {
           "data-testid": `table-data-row-${row.id}`,
@@ -6777,7 +6862,7 @@ var DataTable = ({
   components
 }) => {
   const virtualEnabled = virtual?.enabled ?? false;
-  const tableContainerRef = React27.useRef(null);
+  const tableContainerRef = React28.useRef(null);
   const table = useTableController({
     columns,
     data,
@@ -7181,11 +7266,11 @@ function DialogAlert({
 }) {
   const alignClass = align === "start" ? "justify-start" : align === "end" ? "justify-end" : "justify-center";
   const { t } = reactI18next.useTranslation();
-  const handleCancel = React27.useCallback(() => {
+  const handleCancel = React28.useCallback(() => {
     onCancel?.();
     onOpenChange(false);
   }, [onCancel, onOpenChange]);
-  const handleConfirm = React27.useCallback(() => {
+  const handleConfirm = React28.useCallback(() => {
     let func = onConfirm;
     if (variant === "success" && showCancel === false) {
       func = onConfirm ?? onCancel;
@@ -7560,7 +7645,7 @@ var DialogAlertProvider = ({ children, i18nResource, i18nLang }) => {
   const open = useDialogAlertStore((state) => state.open);
   const setOpen = useDialogAlertStore((state) => state.setOpen);
   const dialogProps = useDialogAlertStore((state) => state.dialogProps);
-  React27.useEffect(() => {
+  React28.useEffect(() => {
     if (!i18nResource) {
       i18n_default.changeLanguage("sharedui");
       return;
@@ -7670,8 +7755,8 @@ var defaultOperatorShortcuts = {
 };
 var DEFAULT_DEBOUNCE = 200;
 function useKeyboardNavigation(itemsLength, onSelect, isLocked) {
-  const [selectedIndex, setSelectedIndex] = React27.useState(0);
-  React27.useEffect(() => {
+  const [selectedIndex, setSelectedIndex] = React28.useState(0);
+  React28.useEffect(() => {
     const handler = (event) => {
       if (event.key === "ArrowDown") {
         event.preventDefault();
@@ -7694,10 +7779,10 @@ function useKeyboardNavigation(itemsLength, onSelect, isLocked) {
   return [selectedIndex, setSelectedIndex];
 }
 function useDropdownPosition(clientRect, itemsCount) {
-  const [rect, setRect] = React27.useState(null);
-  const [style, setStyle] = React27.useState({});
-  const ref = React27.useRef(null);
-  React27.useEffect(() => {
+  const [rect, setRect] = React28.useState(null);
+  const [style, setStyle] = React28.useState({});
+  const ref = React28.useRef(null);
+  React28.useEffect(() => {
     if (!clientRect) return;
     const update = () => {
       const nextRect = clientRect();
@@ -7714,7 +7799,7 @@ function useDropdownPosition(clientRect, itemsCount) {
       resizeObserver.disconnect();
     };
   }, [clientRect]);
-  React27.useLayoutEffect(() => {
+  React28.useLayoutEffect(() => {
     if (!rect || !ref.current) return;
     const dropdown = ref.current;
     const dropdownRect = dropdown.getBoundingClientRect();
@@ -7741,15 +7826,15 @@ var SuggestionList = ({
   debounceMs = DEFAULT_DEBOUNCE,
   query
 }) => {
-  const [items, setItems] = React27.useState([]);
-  const [isLoading, setIsLoading] = React27.useState(false);
-  const fetchId = React27.useRef(0);
-  const debounceHandle = React27.useRef(null);
-  const itemRefs = React27.useRef([]);
+  const [items, setItems] = React28.useState([]);
+  const [isLoading, setIsLoading] = React28.useState(false);
+  const fetchId = React28.useRef(0);
+  const debounceHandle = React28.useRef(null);
+  const itemRefs = React28.useRef([]);
   const { ref, style, rect } = useDropdownPosition(clientRect, items.length);
-  const normalizedMap = React27.useMemo(() => mapItem, [mapItem]);
-  const normalizeItem = React27.useMemo(() => normalizeToken, [normalizeToken]);
-  React27.useEffect(() => {
+  const normalizedMap = React28.useMemo(() => mapItem, [mapItem]);
+  const normalizeItem = React28.useMemo(() => normalizeToken, [normalizeToken]);
+  React28.useEffect(() => {
     const runFetch = (input) => {
       fetchId.current += 1;
       const currentId = fetchId.current;
@@ -7780,7 +7865,7 @@ var SuggestionList = ({
       fetchId.current += 1;
     };
   }, [query, fetchItems, normalizedMap, normalizeItem, debounceMs]);
-  const handleSelect = React27.useMemo(
+  const handleSelect = React28.useMemo(
     () => (item) => {
       if (isLoading) return;
       command(item);
@@ -7795,10 +7880,10 @@ var SuggestionList = ({
     },
     isLoading
   );
-  React27.useEffect(() => {
+  React28.useEffect(() => {
     setSelectedIndex(0);
   }, [items, setSelectedIndex]);
-  React27.useEffect(() => {
+  React28.useEffect(() => {
     const element = itemRefs.current[selectedIndex];
     if (element) element.scrollIntoView({ block: "nearest" });
   }, [selectedIndex]);
@@ -7846,8 +7931,8 @@ var DISALLOWED_MARKS = ["bold", "italic", "link"];
 var SUGGESTION_DEBOUNCE = 200;
 var DEFAULT_CHIP_CLASS = "outline-1 outline-muted bg-muted/40 text-foreground";
 var TokenView = ({ node, editor, getPos }) => {
-  const [isFocused, setIsFocused] = React27__namespace.default.useState(false);
-  React27__namespace.default.useEffect(() => {
+  const [isFocused, setIsFocused] = React28__namespace.default.useState(false);
+  React28__namespace.default.useEffect(() => {
     const handler = () => {
       const { from, to } = editor.state.selection;
       const position = getPos();
@@ -8834,21 +8919,21 @@ function ToolbarPlugin({
   acceptImageMimeTypes
 }) {
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
-  const [state, setState] = React27.useState(initialToolbarState);
-  const fileInputRef = React27.useRef(null);
-  const [isLinkDialogOpen, setLinkDialogOpen] = React27.useState(false);
-  const [editingExistingLink, setEditingExistingLink] = React27.useState(false);
-  const [linkNodeKey, setLinkNodeKey] = React27.useState(null);
-  const [isImageDialogOpen, setImageDialogOpen] = React27.useState(false);
-  const [editingExistingImage, setEditingExistingImage] = React27.useState(false);
-  const [imageNodeKey, setImageNodeKey] = React27.useState(null);
+  const [state, setState] = React28.useState(initialToolbarState);
+  const fileInputRef = React28.useRef(null);
+  const [isLinkDialogOpen, setLinkDialogOpen] = React28.useState(false);
+  const [editingExistingLink, setEditingExistingLink] = React28.useState(false);
+  const [linkNodeKey, setLinkNodeKey] = React28.useState(null);
+  const [isImageDialogOpen, setImageDialogOpen] = React28.useState(false);
+  const [editingExistingImage, setEditingExistingImage] = React28.useState(false);
+  const [imageNodeKey, setImageNodeKey] = React28.useState(null);
   const linkForm = reactHookForm.useForm({
     defaultValues: { url: "", label: "" }
   });
   const imageForm = reactHookForm.useForm({
     defaultValues: { url: "", alt: "", width: "", height: "" }
   });
-  const openImageDialog = React27.useCallback(() => {
+  const openImageDialog = React28.useCallback(() => {
     if (disabled || !allowImageUrlInsert) {
       return;
     }
@@ -8882,7 +8967,7 @@ function ToolbarPlugin({
     setImageNodeKey(targetImage?.getKey() ?? null);
     setImageDialogOpen(true);
   }, [allowImageUrlInsert, disabled, editor, imageForm]);
-  const closeImageDialog = React27.useCallback(() => {
+  const closeImageDialog = React28.useCallback(() => {
     setImageDialogOpen(false);
     setEditingExistingImage(false);
     setImageNodeKey(null);
@@ -8891,7 +8976,7 @@ function ToolbarPlugin({
       editor.focus();
     }, 0);
   }, [editor, imageForm]);
-  const openLinkDialog = React27.useCallback(() => {
+  const openLinkDialog = React28.useCallback(() => {
     if (disabled) {
       return;
     }
@@ -8931,7 +9016,7 @@ function ToolbarPlugin({
     setLinkNodeKey(detectedLink?.getKey() ?? null);
     setLinkDialogOpen(true);
   }, [disabled, editor, linkForm]);
-  const closeLinkDialog = React27.useCallback(() => {
+  const closeLinkDialog = React28.useCallback(() => {
     setLinkDialogOpen(false);
     setEditingExistingLink(false);
     setLinkNodeKey(null);
@@ -8972,7 +9057,7 @@ function ToolbarPlugin({
     });
     closeLinkDialog();
   });
-  const handleRemoveLink = React27.useCallback(() => {
+  const handleRemoveLink = React28.useCallback(() => {
     editor.focus();
     editor.update(() => {
       if (linkNodeKey) {
@@ -8989,7 +9074,7 @@ function ToolbarPlugin({
     });
     closeLinkDialog();
   }, [closeLinkDialog, editor, linkNodeKey]);
-  const handleLinkDialogOpenChange = React27.useCallback(
+  const handleLinkDialogOpenChange = React28.useCallback(
     (open) => {
       if (open) {
         setLinkDialogOpen(true);
@@ -8999,7 +9084,7 @@ function ToolbarPlugin({
     },
     [closeLinkDialog]
   );
-  const updateToolbar = React27.useCallback(() => {
+  const updateToolbar = React28.useCallback(() => {
     const selection = lexical.$getSelection();
     if (!lexical.$isRangeSelection(selection)) {
       return;
@@ -9039,7 +9124,7 @@ function ToolbarPlugin({
       isLink: hasLink
     }));
   }, []);
-  React27__namespace.useEffect(() => {
+  React28__namespace.useEffect(() => {
     return utils.mergeRegister(
       editor.registerCommand(
         lexical.CAN_UNDO_COMMAND,
@@ -9070,7 +9155,7 @@ function ToolbarPlugin({
       })
     );
   }, [editor, updateToolbar]);
-  const applyBlock = React27.useCallback(
+  const applyBlock = React28.useCallback(
     (nextBlock) => {
       if (disabled) {
         return;
@@ -9132,7 +9217,7 @@ function ToolbarPlugin({
     },
     [disabled, editor, state.blockType]
   );
-  const toggleFormat = React27.useCallback(
+  const toggleFormat = React28.useCallback(
     (format5) => {
       if (disabled) {
         return;
@@ -9141,10 +9226,10 @@ function ToolbarPlugin({
     },
     [disabled, editor]
   );
-  const toggleLink = React27.useCallback(() => {
+  const toggleLink = React28.useCallback(() => {
     openLinkDialog();
   }, [openLinkDialog]);
-  const applyElementFormat = React27.useCallback(
+  const applyElementFormat = React28.useCallback(
     (format5) => {
       if (disabled) {
         return;
@@ -9155,7 +9240,7 @@ function ToolbarPlugin({
   );
   const canInsertImage = allowImageUrlInsert || Boolean(onImageUpload);
   const imageAccept = acceptImageMimeTypes ?? DEFAULT_IMAGE_ACCEPT;
-  const handleInsertImage = React27.useCallback(() => {
+  const handleInsertImage = React28.useCallback(() => {
     if (disabled || !canInsertImage) {
       return;
     }
@@ -9166,7 +9251,7 @@ function ToolbarPlugin({
     }
     openImageDialog();
   }, [canInsertImage, disabled, editor, onImageUpload, openImageDialog]);
-  const handleFileChange = React27.useCallback(
+  const handleFileChange = React28.useCallback(
     async (event) => {
       if (!onImageUpload) {
         return;
@@ -9256,7 +9341,7 @@ function ToolbarPlugin({
     });
     closeImageDialog();
   });
-  const handleImageDialogOpenChange = React27.useCallback(
+  const handleImageDialogOpenChange = React28.useCallback(
     (open) => {
       if (open) {
         setImageDialogOpen(true);
@@ -9266,7 +9351,7 @@ function ToolbarPlugin({
     },
     [closeImageDialog]
   );
-  const handleRemoveImage = React27.useCallback(() => {
+  const handleRemoveImage = React28.useCallback(() => {
     if (!imageNodeKey) {
       closeImageDialog();
       return;
@@ -9625,7 +9710,7 @@ function ControlledValuePlugin({
   trackAppliedValue
 }) {
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
-  React27__namespace.useEffect(() => {
+  React28__namespace.useEffect(() => {
     if (value == null || trackAppliedValue.current === value) {
       return;
     }
@@ -9649,14 +9734,14 @@ function ControlledValuePlugin({
 }
 function EditableStatePlugin({ editable }) {
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
-  React27__namespace.useEffect(() => {
+  React28__namespace.useEffect(() => {
     editor.setEditable(editable);
   }, [editor, editable]);
   return null;
 }
 function ImagesPlugin() {
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
-  React27__namespace.useEffect(() => {
+  React28__namespace.useEffect(() => {
     return editor.registerCommand(
       INSERT_IMAGE_COMMAND,
       (payload) => {
@@ -9675,7 +9760,7 @@ function ImagesPlugin() {
   }, [editor]);
   return null;
 }
-var RichText = React27.forwardRef(function RichText2({
+var RichText = React28.forwardRef(function RichText2({
   value,
   defaultValue,
   onChange,
@@ -9694,11 +9779,11 @@ var RichText = React27.forwardRef(function RichText2({
   id,
   ...rest
 }, ref) {
-  const initialSerializedStateRef = React27.useRef(void 0);
+  const initialSerializedStateRef = React28.useRef(void 0);
   if (initialSerializedStateRef.current === void 0) {
     initialSerializedStateRef.current = parseSerializedEditorState(value ?? defaultValue);
   }
-  const initialConfig = React27.useMemo(
+  const initialConfig = React28.useMemo(
     () => ({
       namespace: "RichTextEditor",
       editable: !(readOnly || disabled),
@@ -9711,8 +9796,8 @@ var RichText = React27.forwardRef(function RichText2({
     }),
     [disabled, readOnly]
   );
-  const appliedValueRef = React27.useRef(value ?? defaultValue);
-  const handleChange = React27.useCallback(
+  const appliedValueRef = React28.useRef(value ?? defaultValue);
+  const handleChange = React28.useCallback(
     (editorState, editor) => {
       const serialized = JSON.stringify(editorState.toJSON());
       appliedValueRef.current = serialized;
@@ -9901,13 +9986,13 @@ function SheetDescription({
   );
 }
 function useIsMobile(breakpoint = 768) {
-  const [isMobile, setIsMobile] = React27.useState(() => {
+  const [isMobile, setIsMobile] = React28.useState(() => {
     if (typeof window === "undefined") {
       return false;
     }
     return window.innerWidth < breakpoint;
   });
-  React27.useEffect(() => {
+  React28.useEffect(() => {
     function onResize() {
       setIsMobile(window.innerWidth < breakpoint);
     }
@@ -9937,9 +10022,9 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React27__namespace.createContext(null);
+var SidebarContext = React28__namespace.createContext(null);
 function useSidebar() {
-  const context = React27__namespace.useContext(SidebarContext);
+  const context = React28__namespace.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -9955,10 +10040,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React27__namespace.useState(false);
-  const [_open, _setOpen] = React27__namespace.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React28__namespace.useState(false);
+  const [_open, _setOpen] = React28__namespace.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React27__namespace.useCallback(
+  const setOpen = React28__namespace.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -9970,10 +10055,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React27__namespace.useCallback(() => {
+  const toggleSidebar = React28__namespace.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React27__namespace.useEffect(() => {
+  React28__namespace.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -9984,7 +10069,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React27__namespace.useMemo(
+  const contextValue = React28__namespace.useMemo(
     () => ({
       state,
       open,
@@ -10426,7 +10511,7 @@ function SidebarMenuSkeleton({
   showIcon = false,
   ...props
 }) {
-  const width = React27__namespace.useMemo(() => {
+  const width = React28__namespace.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -10691,10 +10776,10 @@ var FormulaEditor = ({
   fieldState,
   mode = "edit"
 }) => {
-  const [isExpanded, setIsExpanded] = React27.useState(false);
-  const lastEmittedValueRef = React27.useRef(null);
-  const ignorePropValueRef = React27.useRef(false);
-  const normalizedConfigs = React27.useMemo(() => {
+  const [isExpanded, setIsExpanded] = React28.useState(false);
+  const lastEmittedValueRef = React28.useRef(null);
+  const ignorePropValueRef = React28.useRef(false);
+  const normalizedConfigs = React28.useMemo(() => {
     const configsToUse = tokenConfigs?.length ? tokenConfigs : DEFAULT_TOKEN_CONFIGS;
     return configsToUse.map((config) => ({
       ...config,
@@ -10703,18 +10788,18 @@ var FormulaEditor = ({
       outputType: config.outputType ?? config.type
     }));
   }, [tokenConfigs]);
-  const prefixMap = React27.useMemo(() => buildPrefixMap(normalizedConfigs), [normalizedConfigs]);
-  const configLookup = React27.useMemo(() => {
+  const prefixMap = React28.useMemo(() => buildPrefixMap(normalizedConfigs), [normalizedConfigs]);
+  const configLookup = React28.useMemo(() => {
     const lookup = /* @__PURE__ */ new Map();
     normalizedConfigs.forEach((config) => lookup.set(config.prefix, config));
     return lookup;
   }, [normalizedConfigs]);
-  const allowedOperators = React27.useMemo(() => operators.map((operator) => operator.value), [operators]);
+  const allowedOperators = React28.useMemo(() => operators.map((operator) => operator.value), [operators]);
   const displayError = errorMessage ?? fieldState?.error?.message;
   const hasError = Boolean(displayError);
   const isEditorReadOnly = mode === "display";
   const isEditorDisabled = disabled || loading || isEditorReadOnly;
-  const convertValueToContent = React27.useCallback(
+  const convertValueToContent = React28.useCallback(
     (input) => {
       if (!input) return "";
       const trimmed = input.trim();
@@ -10726,8 +10811,8 @@ var FormulaEditor = ({
     },
     [configLookup, prefixMap]
   );
-  const resolvedContent = React27.useMemo(() => convertValueToContent(value), [convertValueToContent, value]);
-  const extensions = React27.useMemo(
+  const resolvedContent = React28.useMemo(() => convertValueToContent(value), [convertValueToContent, value]);
+  const extensions = React28.useMemo(
     () => [
       StarterKit__default.default.configure({ bold: false, italic: false }),
       Token.configure({ configs: normalizedConfigs, onSelect: onSelectSuggestion }),
@@ -10759,11 +10844,11 @@ var FormulaEditor = ({
       }
     }
   });
-  React27.useEffect(() => {
+  React28.useEffect(() => {
     if (!editor) return;
     editor.setEditable(!isEditorDisabled);
   }, [editor, isEditorDisabled]);
-  React27.useEffect(() => {
+  React28.useEffect(() => {
     if (!editor || resolvedContent === void 0) return;
     if (ignorePropValueRef.current && typeof value === "string" && value === lastEmittedValueRef.current) {
       ignorePropValueRef.current = false;
@@ -10896,7 +10981,7 @@ function SortableRow({
     id: value,
     disabled: name === "columns.0.id"
   });
-  const style = React27__namespace.useMemo(
+  const style = React28__namespace.useMemo(
     () => ({
       transform: utilities.CSS.Transform.toString(transform),
       transition
@@ -11008,8 +11093,8 @@ var GridSettingsModal = ({
   onClose,
   onSaveColumns
 }) => {
-  const [isDragging, setIsDragging] = React27.useState(false);
-  const scrollRef = React27.useRef(null);
+  const [isDragging, setIsDragging] = React28.useState(false);
+  const scrollRef = React28.useRef(null);
   const form = reactHookForm.useForm({
     resolver: zod$1.zodResolver(GridSettingsSchema),
     defaultValues: { columns: currentColumns },
@@ -11021,7 +11106,7 @@ var GridSettingsModal = ({
     name: "columns",
     keyName: "fieldId"
   });
-  React27.useEffect(() => {
+  React28.useEffect(() => {
     if (isOpen) {
       form.reset({ columns: currentColumns });
     }
@@ -11298,7 +11383,7 @@ function getCandidateWidths({
   }
   return DEVICE_SIZES;
 }
-var Image2 = React27__namespace.forwardRef(function Image3({
+var Image2 = React28__namespace.forwardRef(function Image3({
   src,
   alt,
   width,
@@ -11328,34 +11413,34 @@ var Image2 = React27__namespace.forwardRef(function Image3({
   } = imgProps;
   const widthNumber = toNumber(width);
   const heightNumber = toNumber(height);
-  React27__namespace.useEffect(() => {
+  React28__namespace.useEffect(() => {
     if (!fill && (!widthNumber || !heightNumber)) {
       console.warn(
         "[Image] When `fill` is false you should provide both `width` and `height` to prevent layout shifts."
       );
     }
   }, [fill, heightNumber, widthNumber]);
-  const candidateWidths = React27__namespace.useMemo(
+  const candidateWidths = React28__namespace.useMemo(
     () => getCandidateWidths({ width: widthNumber, sizes, fill }),
     [fill, sizes, widthNumber]
   );
   const largestWidth = candidateWidths[candidateWidths.length - 1] ?? widthNumber ?? DEVICE_SIZES[DEVICE_SIZES.length - 1];
-  const computedSrc = React27__namespace.useMemo(() => {
+  const computedSrc = React28__namespace.useMemo(() => {
     if (unoptimized) {
       return src;
     }
     return loader({ src, width: largestWidth, quality });
   }, [largestWidth, loader, quality, src, unoptimized]);
-  const computedSrcSet = React27__namespace.useMemo(() => {
+  const computedSrcSet = React28__namespace.useMemo(() => {
     if (unoptimized) {
       return void 0;
     }
     return candidateWidths.map((currentWidth) => `${loader({ src, width: currentWidth, quality })} ${currentWidth}w`).join(", ");
   }, [candidateWidths, loader, quality, src, unoptimized]);
   const sizesValue = sizes ?? (fill ? "100vw" : widthNumber ? `${widthNumber}px` : void 0);
-  const [isLoaded, setIsLoaded] = React27__namespace.useState(false);
-  const internalRef = React27__namespace.useRef(null);
-  const setRefs = React27__namespace.useCallback(
+  const [isLoaded, setIsLoaded] = React28__namespace.useState(false);
+  const internalRef = React28__namespace.useRef(null);
+  const setRefs = React28__namespace.useCallback(
     (node) => {
       internalRef.current = node;
       if (!ref) {
@@ -11369,7 +11454,7 @@ var Image2 = React27__namespace.forwardRef(function Image3({
     },
     [ref]
   );
-  React27__namespace.useEffect(() => {
+  React28__namespace.useEffect(() => {
     const image = internalRef.current;
     if (!image) {
       return;
@@ -11381,7 +11466,7 @@ var Image2 = React27__namespace.forwardRef(function Image3({
       setIsLoaded(false);
     }
   }, [onLoadingComplete, src]);
-  const handleLoad = React27__namespace.useCallback(
+  const handleLoad = React28__namespace.useCallback(
     (event) => {
       setIsLoaded(true);
       onLoadProp?.(event);
@@ -11393,7 +11478,7 @@ var Image2 = React27__namespace.forwardRef(function Image3({
   const fetchPriority = priority ? "high" : fetchPriorityProp;
   const decoding = decodingProp ?? "async";
   const resolvedObjectFit = objectFit ?? (fill ? "cover" : void 0);
-  const wrapperStyle = React27__namespace.useMemo(
+  const wrapperStyle = React28__namespace.useMemo(
     () => ({
       position: "relative",
       display: fill ? "block" : "inline-block",
@@ -11403,7 +11488,7 @@ var Image2 = React27__namespace.forwardRef(function Image3({
     }),
     [fill, height, width]
   );
-  const imageStyle = React27__namespace.useMemo(
+  const imageStyle = React28__namespace.useMemo(
     () => ({
       width: fill ? "100%" : formatDimension(width) ?? void 0,
       height: fill ? "100%" : formatDimension(height) ?? void 0,
@@ -11552,7 +11637,7 @@ var InfoIcon = ({ size = "1em", className, ...props }) => {
     }
   );
 };
-var InfoIcon_default = React27__namespace.default.memo(InfoIcon);
+var InfoIcon_default = React28__namespace.default.memo(InfoIcon);
 var Navbar = ({
   className,
   title,
@@ -11577,7 +11662,7 @@ var Navbar = ({
 }) => {
   const { isMobile, isTablet, isDesktop } = useScreenSize_default();
   const Icon2 = lucideReact.CircleHelp;
-  const shouldShowSeparator = !separatorDisable && React27.isValidElement(searchButton);
+  const shouldShowSeparator = !separatorDisable && React28.isValidElement(searchButton);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "nav",
     {
@@ -11588,8 +11673,8 @@ var Navbar = ({
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2.5", children: [
           headImageURL !== "" ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: headImageURL, alt: "", className: cn("w-full h-full", headImageURLClassName) }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
-            React27.isValidElement(title) ? title : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-white text-xl font-bold", children: title }),
-            React27.isValidElement(subTitle) ? subTitle : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-white text-sm font-semibold", children: subTitle })
+            React28.isValidElement(title) ? title : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-white text-xl font-bold", children: title }),
+            React28.isValidElement(subTitle) ? subTitle : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-white text-sm font-semibold", children: subTitle })
           ] }),
           tooltipTitle && /* @__PURE__ */ jsxRuntime.jsxs(Tooltip2, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("button", { className: "text-white hover:opacity-80 ", children: /* @__PURE__ */ jsxRuntime.jsx(InfoIcon_default, { className: "w-4" }) }) }),
@@ -11620,10 +11705,10 @@ var Navbar = ({
                       ),
                       children: [
                         tooltipTitle && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-                          React27.isValidElement(tooltipIcon) ? tooltipIcon : /* @__PURE__ */ jsxRuntime.jsx(Icon2, { size: 32, "aria-hidden": "true" }),
+                          React28.isValidElement(tooltipIcon) ? tooltipIcon : /* @__PURE__ */ jsxRuntime.jsx(Icon2, { size: 32, "aria-hidden": "true" }),
                           /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-bold", children: tooltipTitle })
                         ] }),
-                        React27.isValidElement(tooltipdescription) && tooltipdescription
+                        React28.isValidElement(tooltipdescription) && tooltipdescription
                       ]
                     }
                   ),
@@ -11678,13 +11763,13 @@ var Navbar = ({
             }
           ),
           shouldShowSeparator && /* @__PURE__ */ jsxRuntime.jsx("div", { role: "separator", className: "ml-1 w-[1px] h-10 bg-white" }),
-          React27.isValidElement(searchButton) ? searchButton : ""
+          React28.isValidElement(searchButton) ? searchButton : ""
         ] })
       ]
     }
   );
 };
-var navbar_default = React27__namespace.default.memo(Navbar);
+var navbar_default = React28__namespace.default.memo(Navbar);
 var usePreventPageLeaveStore = zustand.create((set) => ({
   isPreventing: false,
   setPreventing: (value) => set({ isPreventing: value })
@@ -11694,7 +11779,7 @@ var usePreventPageLeaveStore_default = usePreventPageLeaveStore;
 // src/components/prevent-page-leave/PreventPageLeave.tsx
 var PreventPageLeave = ({ children }) => {
   const { isPreventing } = usePreventPageLeaveStore();
-  React27.useEffect(() => {
+  React28.useEffect(() => {
     if (!isPreventing || typeof window === "undefined") {
       return;
     }
@@ -11712,7 +11797,7 @@ var PreventPageLeave = ({ children }) => {
 var PreventPageLeave_default = PreventPageLeave;
 var usePreventPageLeave = ({ isPrevening }) => {
   const setPreventing = usePreventPageLeaveStore_default((state) => state.setPreventing);
-  React27.useEffect(() => {
+  React28.useEffect(() => {
     setPreventing(isPrevening);
   }, [isPrevening, setPreventing]);
 };
@@ -11724,7 +11809,7 @@ var DefaultHeader = ({
   classNames,
   rightActions
 }) => {
-  const titleRef = React27__namespace.useRef(null);
+  const titleRef = React28__namespace.useRef(null);
   const isTruncated = useTruncated_default({ elementRef: titleRef });
   const textElement = title ? /* @__PURE__ */ jsxRuntime.jsx(
     "span",
@@ -11942,20 +12027,20 @@ var CropperModal = ({
   title,
   props
 }) => {
-  const [isLoading, setIsLoading] = React27.useState(false);
-  const [crop, setCrop] = React27.useState({ x: 0, y: 0 });
-  const [zoom, setZoom] = React27.useState();
-  const [croppedAreaPixels, setCroppedAreaPixels] = React27.useState(null);
-  const handleClose = React27.useCallback(() => {
+  const [isLoading, setIsLoading] = React28.useState(false);
+  const [crop, setCrop] = React28.useState({ x: 0, y: 0 });
+  const [zoom, setZoom] = React28.useState();
+  const [croppedAreaPixels, setCroppedAreaPixels] = React28.useState(null);
+  const handleClose = React28.useCallback(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleCancel = React27.useCallback(() => {
+  const handleCancel = React28.useCallback(() => {
     if (onCancel) {
       onCancel();
     }
     handleClose();
   }, [handleClose, onCancel]);
-  const handleCropComplete = React27.useCallback((_, croppedAreaPixels2) => {
+  const handleCropComplete = React28.useCallback((_, croppedAreaPixels2) => {
     setCroppedAreaPixels(croppedAreaPixels2);
   }, []);
   const handleConfirm = async () => {
@@ -12063,7 +12148,7 @@ function isFragment(object) {
 var isValidText = (val) => ["string", "number"].includes(typeof val);
 function toArray(children, option = {}) {
   let ret = [];
-  React27__namespace.Children.forEach(children, (child) => {
+  React28__namespace.Children.forEach(children, (child) => {
     if ((child === void 0 || child === null) && !option.keepEmpty) {
       return;
     }
@@ -12077,9 +12162,9 @@ function toArray(children, option = {}) {
   });
   return ret;
 }
-var MeasureText = React27__namespace.forwardRef(({ style, children }, ref) => {
-  const spanRef = React27__namespace.useRef(null);
-  React27__namespace.useImperativeHandle(ref, () => ({
+var MeasureText = React28__namespace.forwardRef(({ style, children }, ref) => {
+  const spanRef = React28__namespace.useRef(null);
+  React28__namespace.useImperativeHandle(ref, () => ({
     isExceed: () => {
       const span = spanRef.current;
       return span.scrollHeight > span.clientHeight;
@@ -12137,19 +12222,19 @@ var lineClipStyle = {
 };
 function EllipsisMeasure(props) {
   const { enableMeasure, width, text, children, rows, expanded, miscDeps, onEllipsis } = props;
-  const nodeList = React27__namespace.useMemo(() => toArray(text), [text]);
-  const nodeLen = React27__namespace.useMemo(() => getNodesLen(nodeList), [text]);
-  const fullContent = React27__namespace.useMemo(() => children(nodeList, false), [text]);
-  const [ellipsisCutIndex, setEllipsisCutIndex] = React27__namespace.useState(null);
-  const cutMidRef = React27__namespace.useRef(null);
-  const measureWhiteSpaceRef = React27__namespace.useRef(null);
-  const needEllipsisRef = React27__namespace.useRef(null);
-  const descRowsEllipsisRef = React27__namespace.useRef(null);
-  const symbolRowEllipsisRef = React27__namespace.useRef(null);
-  const [canEllipsis, setCanEllipsis] = React27__namespace.useState(false);
-  const [needEllipsis, setNeedEllipsis] = React27__namespace.useState(STATUS_MEASURE_NONE);
-  const [ellipsisHeight, setEllipsisHeight] = React27__namespace.useState(0);
-  const [parentWhiteSpace, setParentWhiteSpace] = React27__namespace.useState(null);
+  const nodeList = React28__namespace.useMemo(() => toArray(text), [text]);
+  const nodeLen = React28__namespace.useMemo(() => getNodesLen(nodeList), [text]);
+  const fullContent = React28__namespace.useMemo(() => children(nodeList, false), [text]);
+  const [ellipsisCutIndex, setEllipsisCutIndex] = React28__namespace.useState(null);
+  const cutMidRef = React28__namespace.useRef(null);
+  const measureWhiteSpaceRef = React28__namespace.useRef(null);
+  const needEllipsisRef = React28__namespace.useRef(null);
+  const descRowsEllipsisRef = React28__namespace.useRef(null);
+  const symbolRowEllipsisRef = React28__namespace.useRef(null);
+  const [canEllipsis, setCanEllipsis] = React28__namespace.useState(false);
+  const [needEllipsis, setNeedEllipsis] = React28__namespace.useState(STATUS_MEASURE_NONE);
+  const [ellipsisHeight, setEllipsisHeight] = React28__namespace.useState(0);
+  const [parentWhiteSpace, setParentWhiteSpace] = React28__namespace.useState(null);
   useIsomorphicLayoutEffect(() => {
     if (enableMeasure && width && nodeLen) {
       setNeedEllipsis(STATUS_MEASURE_PREPARE);
@@ -12192,7 +12277,7 @@ function EllipsisMeasure(props) {
       setEllipsisCutIndex(isOverflow ? [minIndex, targetMidIndex] : [targetMidIndex, maxIndex]);
     }
   }, [ellipsisCutIndex, cutMidIndex]);
-  const finalContent = React27__namespace.useMemo(() => {
+  const finalContent = React28__namespace.useMemo(() => {
     if (!enableMeasure) {
       return children(nodeList, false);
     }
@@ -12283,10 +12368,10 @@ var Truncated = ({
   tooltipProps,
   tooltipContentProps
 }) => {
-  const elementRef = React27__namespace.useRef(null);
-  const [open, setOpen] = React27__namespace.useState(false);
-  const [isTruncated, setIsTruncated] = React27__namespace.useState(false);
-  const [measureWidth, setMeasureWidth] = React27__namespace.useState(0);
+  const elementRef = React28__namespace.useRef(null);
+  const [open, setOpen] = React28__namespace.useState(false);
+  const [isTruncated, setIsTruncated] = React28__namespace.useState(false);
+  const [measureWidth, setMeasureWidth] = React28__namespace.useState(0);
   const Comp = as;
   const normalizedChildren = typeof children === "string" ? children.replace(/>/g, ">\u200B") : children;
   const lineClampLines = typeof ellipsis === "number" ? ellipsis : typeof ellipsis === "object" ? ellipsis?.lineClamp ?? 3 : null;
@@ -12311,13 +12396,13 @@ var Truncated = ({
       setIsTruncated(false);
     }
   }, [enableMeasure]);
-  const truncationClass = React27__namespace.useMemo(() => {
+  const truncationClass = React28__namespace.useMemo(() => {
     if (!ellipsis) return "";
     if (typeof ellipsis === "number") return `line-clamp-${ellipsis}`;
     if (typeof ellipsis === "object") return `line-clamp-${lineClampLines ?? 3}`;
     return "truncate";
   }, [ellipsis, lineClampLines]);
-  const clampedStyle = React27__namespace.useMemo(() => {
+  const clampedStyle = React28__namespace.useMemo(() => {
     if (!lineClampLines) return style;
     return {
       ...style,
@@ -12379,7 +12464,7 @@ var Truncated = ({
   );
 };
 var truncated_default = Truncated;
-var InputPrimitive2 = React27__namespace.forwardRef(
+var InputPrimitive2 = React28__namespace.forwardRef(
   ({ className, type = "text", ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "input",
@@ -12418,7 +12503,7 @@ var inputVariants2 = classVarianceAuthority.cva("", {
     appearance: "filled"
   }
 });
-var Input2 = React27__namespace.forwardRef(
+var Input2 = React28__namespace.forwardRef(
   ({
     className,
     wrapperClassName,
@@ -12451,8 +12536,8 @@ var Input2 = React27__namespace.forwardRef(
       onChange: onChangeProp
     } = rest;
     const ariaInvalid = invalid ?? ariaInvalidProp;
-    const messageId = React27__namespace.useId();
-    const handleChange = React27__namespace.useCallback(
+    const messageId = React28__namespace.useId();
+    const handleChange = React28__namespace.useCallback(
       (event) => {
         onChangeProp?.(event);
         onValueChange?.(event.target.value);
@@ -12567,11 +12652,11 @@ var InputNumber = ({
   onBlur,
   ...props
 }) => {
-  const [internalValue, setInternalValue] = React27__namespace.useState(
+  const [internalValue, setInternalValue] = React28__namespace.useState(
     () => parseToNumber(value) ?? parseToNumber(defaultValue)
   );
-  const [stepperChanged, setStepperChanged] = React27__namespace.useState(false);
-  React27__namespace.useEffect(() => {
+  const [stepperChanged, setStepperChanged] = React28__namespace.useState(false);
+  React28__namespace.useEffect(() => {
     const parsed = parseToNumber(value);
     if (parsed !== void 0) setInternalValue(parsed);
   }, [value]);
@@ -12703,8 +12788,8 @@ var ActionMenu = ({
   actionButtonClassName,
   separatorClassName
 }) => {
-  const [open, setOpen] = React27.useState(false);
-  const isAllowed = React27.useCallback(
+  const [open, setOpen] = React28.useState(false);
+  const isAllowed = React28.useCallback(
     (requiredPermission) => {
       if (!checkPermissionFunc || requiredPermission === void 0) {
         return true;
@@ -12713,7 +12798,7 @@ var ActionMenu = ({
     },
     [checkPermissionFunc]
   );
-  const filteredButtons = React27.useMemo(() => {
+  const filteredButtons = React28.useMemo(() => {
     return buttons.filter((btn) => isAllowed(btn.requiredPermission));
   }, [buttons, isAllowed]);
   if (buttons.length === 0) {
@@ -12969,13 +13054,13 @@ var useFieldNames = ({
   fieldNames
 }) => {
   const { label: labelFieldKey = "label", value: valueFieldKey = "value" } = fieldNames || {};
-  const getLabelField = React27__namespace.default.useCallback(
+  const getLabelField = React28__namespace.default.useCallback(
     (option) => {
       return option?.[labelFieldKey];
     },
     [labelFieldKey]
   );
-  const getValueField = React27__namespace.default.useCallback(
+  const getValueField = React28__namespace.default.useCallback(
     (option) => {
       return option?.[valueFieldKey];
     },
@@ -13007,11 +13092,11 @@ var VirtualizedCommand = ({
   onFocus
 }) => {
   const { getLabelField, getValueField } = useFieldNames_default({ fieldNames });
-  const internalOptions = React27__namespace.useMemo(() => options ?? [], [options]);
-  const [filteredOptions, setFilteredOptions] = React27__namespace.useState(internalOptions);
-  const [focusedIndex, setFocusedIndex] = React27__namespace.useState(0);
-  const [isKeyboardNavActive, setIsKeyboardNavActive] = React27__namespace.useState(false);
-  const parentRef = React27__namespace.useRef(null);
+  const internalOptions = React28__namespace.useMemo(() => options ?? [], [options]);
+  const [filteredOptions, setFilteredOptions] = React28__namespace.useState(internalOptions);
+  const [focusedIndex, setFocusedIndex] = React28__namespace.useState(0);
+  const [isKeyboardNavActive, setIsKeyboardNavActive] = React28__namespace.useState(false);
+  const parentRef = React28__namespace.useRef(null);
   const virtualizer = reactVirtual.useVirtualizer({
     count: filteredOptions.length,
     getScrollElement: () => parentRef.current,
@@ -13019,14 +13104,14 @@ var VirtualizedCommand = ({
     overscan: 2
   });
   const virtualOptions = virtualizer.getVirtualItems();
-  const dynamicHeight = React27__namespace.useMemo(() => {
+  const dynamicHeight = React28__namespace.useMemo(() => {
     const contentHeight = filteredOptions.length * ROW_HEIGHT;
     if (contentHeight <= 0) {
       return MIN_HEIGHT_EMPTY;
     }
     return Math.max(ROW_HEIGHT, Math.min(height, contentHeight));
   }, [filteredOptions.length, height]);
-  const scrollToIndex = React27__namespace.useCallback(
+  const scrollToIndex = React28__namespace.useCallback(
     (index) => {
       virtualizer.scrollToIndex(index, {
         align: "center"
@@ -13034,7 +13119,7 @@ var VirtualizedCommand = ({
     },
     [virtualizer]
   );
-  const handleSearch = React27__namespace.useCallback(
+  const handleSearch = React28__namespace.useCallback(
     (search) => {
       setIsKeyboardNavActive(false);
       setFilteredOptions(
@@ -13049,7 +13134,7 @@ var VirtualizedCommand = ({
     },
     [filterOption, getLabelField, internalOptions]
   );
-  const handleKeyDown = React27__namespace.useCallback(
+  const handleKeyDown = React28__namespace.useCallback(
     (event) => {
       switch (event.key) {
         case "ArrowDown": {
@@ -13084,7 +13169,7 @@ var VirtualizedCommand = ({
     },
     [filteredOptions, focusedIndex, getValueField, onSelect, scrollToIndex]
   );
-  React27__namespace.useEffect(() => {
+  React28__namespace.useEffect(() => {
     if (value) {
       const option = filteredOptions.find((option2) => {
         const optionValue = getValueField(option2);
@@ -13211,13 +13296,13 @@ var ComboboxInner = ({
     defaultValue,
     value
   });
-  const currentSelectedOption = React27__namespace.useMemo(() => {
+  const currentSelectedOption = React28__namespace.useMemo(() => {
     return options?.find((option) => {
       const optionValue = getValueField(option);
       return optionValue === selectedValue;
     });
   }, [getValueField, options, selectedValue]);
-  const renderValue = React27__namespace.useMemo(() => {
+  const renderValue = React28__namespace.useMemo(() => {
     if (!selectedValue) return placeholder2;
     if (currentSelectedOption) {
       return getLabelField(currentSelectedOption);
@@ -13227,7 +13312,7 @@ var ComboboxInner = ({
     }
     return null;
   }, [currentSelectedOption, getLabelField, placeholder2, selectedValue, showValueWhenNoMatch]);
-  const handleSelect = React27__namespace.useCallback(
+  const handleSelect = React28__namespace.useCallback(
     (selected, option) => {
       setSelectedValue(selected);
       setOpenPopover(false);
@@ -13240,7 +13325,7 @@ var ComboboxInner = ({
     },
     [onOpenChange, onSelect, setOpenPopover, setSelectedValue]
   );
-  const handleOpenPopover = React27__namespace.useCallback(
+  const handleOpenPopover = React28__namespace.useCallback(
     (isOpen) => {
       if (disabled) return;
       setOpenPopover(isOpen);
@@ -13250,7 +13335,7 @@ var ComboboxInner = ({
     },
     [disabled, onOpenChange, setOpenPopover]
   );
-  const handleClear = React27__namespace.useCallback(
+  const handleClear = React28__namespace.useCallback(
     (event) => {
       event.stopPropagation();
       setSelectedValue(void 0);
@@ -13339,7 +13424,7 @@ var ComboboxInner = ({
     )
   ] });
 };
-var Combobox = React27__namespace.forwardRef(ComboboxInner);
+var Combobox = React28__namespace.forwardRef(ComboboxInner);
 var Combobox_default = Combobox;
 var TruncatedMouseEnterDiv = ({
   value,
@@ -13348,8 +13433,8 @@ var TruncatedMouseEnterDiv = ({
   tooltipContentProps,
   arrowClassName
 }) => {
-  const textRef = React27.useRef(null);
-  const [isTruncated, setIsTruncated] = React27.useState(false);
+  const textRef = React28.useRef(null);
+  const [isTruncated, setIsTruncated] = React28.useState(false);
   const checkTruncation = () => {
     if (textRef.current) {
       const { scrollWidth, clientWidth } = textRef.current;
@@ -13409,8 +13494,8 @@ var TabSelect = ({
   separatorClassName,
   ...rest
 }) => {
-  const [selected, setSelected] = React27.useState(items[0]);
-  React27.useEffect(() => {
+  const [selected, setSelected] = React28.useState(items[0]);
+  React28.useEffect(() => {
     onSelectTab(selected.id);
   }, [onSelectTab, selected]);
   if (items.length === 0) {
@@ -13514,6 +13599,7 @@ exports.ErrorCreateCanvas = ErrorCreateCanvas;
 exports.ErrorGeneratingBlob = ErrorGeneratingBlob;
 exports.ErrorInvalidSVG = ErrorInvalidSVG;
 exports.ErrorSVGExceedSize = ErrorSVGExceedSize;
+exports.FactoryIcon = factory_default;
 exports.FiltersIcon = filters_default;
 exports.Form = Form;
 exports.FormControl = FormControl;