@rufous/ui 0.2.0-beta.0 → 0.2.0-beta.1

package/dist/main.cjs

@@ -28638,6 +28638,7 @@ __export(main_exports, {
   APP_THEMES: () => APP_THEMES,
   ActivateUserIcon: () => activateUserIcon_default,
   AddButton: () => addButton_default,
+  AddressLookup: () => AddressLookup_default,
   ArchivedIcon: () => archivedIcon_default,
   AssignGroupIcon: () => assignGroupIcon_default,
   BaseDialog: () => BaseDialog_default,
@@ -28721,7 +28722,14 @@ var APP_THEMES = {
       border: "#e0e0e0",
       hover: "#fff5f5",
       selection: "#fce4ec",
-      icon: "#a41b06"
+      icon: "#a41b06",
+      get customStyles() {
+        return {
+          iconColor: this.icon,
+          primaryColor: this.primary,
+          secondaryColor: this.secondary
+        };
+      }
     },
     dark: {
       primary: "#dc2626",
@@ -28733,7 +28741,14 @@ var APP_THEMES = {
       border: "#333333",
       hover: "#2d1a1a",
       selection: "#4a1212",
-      icon: "#dc2626"
+      icon: "#dc2626",
+      get customStyles() {
+        return {
+          iconColor: this.icon,
+          primaryColor: this.primary,
+          secondaryColor: this.secondary
+        };
+      }
     }
   },
   slate: {
@@ -28748,7 +28763,14 @@ var APP_THEMES = {
       border: "#e2e8f0",
       hover: "#f1f5f9",
       selection: "#e0f2fe",
-      icon: "#334155"
+      icon: "#334155",
+      get customStyles() {
+        return {
+          iconColor: this.icon,
+          primaryColor: this.primary,
+          secondaryColor: this.secondary
+        };
+      }
     },
     dark: {
       primary: "#94a3b8",
@@ -28760,7 +28782,14 @@ var APP_THEMES = {
       border: "#334155",
       hover: "#1e293b",
       selection: "#0c4a6e",
-      icon: "#94a3b8"
+      icon: "#94a3b8",
+      get customStyles() {
+        return {
+          iconColor: this.icon,
+          primaryColor: this.primary,
+          secondaryColor: this.secondary
+        };
+      }
     }
   }
 };
@@ -29888,26 +29917,45 @@ var RufousThemeProvider = ({ children }) => {
   const themeVars = (0, import_react14.useMemo)(() => {
     const config = APP_THEMES[colorScheme][mode];
     return {
+      "--rufous-primary-color": config.primary,
+      "--rufous-secondary-color": config.secondary,
+      "--rufous-background-color": config.background,
+      "--rufous-surface-color": config.surface,
+      "--rufous-text-color": config.text,
+      "--rufous-text-secondary": config.textSecondary,
+      "--rufous-border-color": config.border,
+      "--rufous-hover-color": config.hover,
+      "--rufous-selection-color": config.selection,
+      "--rufous-icon-color": config.icon,
+      // Keep legacy variables for backward compatibility during transition
       "--primary-color": config.primary,
-      "--secondary-color": config.secondary,
       "--background-color": config.background,
-      "--surface-color": config.surface,
       "--text-color": config.text,
-      "--text-secondary": config.textSecondary,
       "--border-color": config.border,
-      "--hover-color": config.hover,
-      "--selection-color": config.selection,
-      "--icon-color": config.icon
+      "--surface-color": config.surface
     };
   }, [colorScheme, mode]);
   const toggleMode = () => {
     const newMode = mode === "light" ? "dark" : "light";
     setMode(newMode);
-    localStorage.setItem("themeMode", newMode);
   };
   const changeScheme = (scheme) => {
-    setColorScheme(scheme);
-    localStorage.setItem("colorScheme", scheme);
+    if (APP_THEMES[scheme]) {
+      setColorScheme(scheme);
+    }
+  };
+  const saveTheme = () => {
+    localStorage.setItem("colorScheme", colorScheme);
+    localStorage.setItem("themeMode", mode);
+  };
+  const updateSettings = (settings) => {
+    if (!settings) return;
+    if (settings.theme && APP_THEMES[settings.theme]) {
+      setColorScheme(settings.theme);
+    }
+    if (settings.mode) {
+      setMode(settings.mode);
+    }
   };
   return /* @__PURE__ */ import_react14.default.createElement(
     RufousThemeContext.Provider,
@@ -29917,6 +29965,11 @@ var RufousThemeProvider = ({ children }) => {
         mode,
         toggleMode,
         changeScheme,
+        previewTheme: changeScheme,
+        updateSettings,
+        saveTheme,
+        theme: APP_THEMES[colorScheme][mode],
+        // Direct access to current theme config
         themeConfig: APP_THEMES[colorScheme][mode]
       }
     },
@@ -29932,7 +29985,7 @@ var RufousThemeProvider = ({ children }) => {
 };
 var useRufousTheme = () => (0, import_react14.useContext)(RufousThemeContext);
 
-// lib/CheckBoxes/CheckBox.jsx
+// lib/CheckBoxes/CheckBox.tsx
 var import_react15 = __toESM(require("react"), 1);
 var Checkbox = ({
   id,
@@ -29989,8 +30042,298 @@ var FloatingInput = ({
   ), /* @__PURE__ */ import_react16.default.createElement("label", { htmlFor: id || name, className: "form__label" }, label));
 };
 
-// lib/DataGrid/DataGrid.tsx
+// lib/TextFields/AddressLookup.tsx
 var import_react17 = __toESM(require("react"), 1);
+var import_axios = __toESM(require("axios"), 1);
+var import_country_state_city = require("country-state-city");
+var AddressLookup = ({
+  value = {},
+  onChange = () => {
+  },
+  label = "Address",
+  error: error2 = {},
+  size: size3 = "medium",
+  sx = {},
+  layout = "stack",
+  required: required3 = false,
+  token = ""
+}) => {
+  const { theme } = useRufousTheme();
+  const [suggestions, setSuggestions] = (0, import_react17.useState)([]);
+  const [loading, setLoading] = (0, import_react17.useState)(false);
+  const [showSuggestions, setShowSuggestions] = (0, import_react17.useState)(false);
+  const [googleFields, setGoogleFields] = (0, import_react17.useState)({
+    country: false,
+    state: false,
+    city: false,
+    pincode: false
+  });
+  const debounceTimeout = (0, import_react17.useRef)(null);
+  const containerRef = (0, import_react17.useRef)(null);
+  const apiKey = token || "";
+  const countries = import_country_state_city.Country.getAllCountries();
+  const [states2, setStates] = (0, import_react17.useState)([]);
+  const [cities, setCities] = (0, import_react17.useState)([]);
+  (0, import_react17.useEffect)(() => {
+    const handleClickOutside = (event) => {
+      if (containerRef.current && !containerRef.current.contains(event.target)) {
+        setShowSuggestions(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  (0, import_react17.useEffect)(() => {
+    if (value.country || value.state || value.city || value.pincode) {
+      setGoogleFields({
+        country: !!value.country,
+        state: !!value.state,
+        city: !!value.city,
+        pincode: !!value.pincode
+      });
+    }
+  }, []);
+  (0, import_react17.useEffect)(() => {
+    if (value.country) {
+      const country = countries.find((c) => c.name === value.country);
+      if (country) {
+        const stateList = import_country_state_city.State.getStatesOfCountry(country.isoCode);
+        setStates(stateList);
+      } else {
+        setStates([]);
+      }
+    } else {
+      setStates([]);
+    }
+  }, [value.country]);
+  (0, import_react17.useEffect)(() => {
+    if (value.state && value.country) {
+      const country = countries.find((c) => c.name === value.country);
+      if (country) {
+        const state = import_country_state_city.State.getStatesOfCountry(country.isoCode).find((s) => s.name === value.state);
+        if (state) {
+          const cityList = import_country_state_city.City.getCitiesOfState(country.isoCode, state.isoCode);
+          setCities(cityList);
+        } else {
+          setCities([]);
+        }
+      } else {
+        setCities([]);
+      }
+    } else {
+      setCities([]);
+    }
+  }, [value.state, value.country]);
+  const handleChange = (field, newVal) => {
+    onChange({
+      ...value,
+      [field]: newVal
+    });
+  };
+  const fetchPlaceDetails = async (placeId, mainText = "") => {
+    if (!apiKey) {
+      console.warn("Google Places API Key (token) is missing.");
+      return;
+    }
+    setLoading(true);
+    try {
+      const res = await import_axios.default.get(
+        `https://places.googleapis.com/v1/places/${placeId}`,
+        {
+          headers: {
+            "Content-Type": "application/json",
+            "X-Goog-Api-Key": apiKey,
+            "X-Goog-FieldMask": "addressComponents,formattedAddress"
+          }
+        }
+      );
+      const comps = res.data.addressComponents || [];
+      const findComp = (type) => comps.find((c) => c.types.includes(type))?.longText || "";
+      const city = findComp("locality") || findComp("sublocality_level_1");
+      const state = findComp("administrative_area_level_1");
+      const country = findComp("country");
+      const pincode = findComp("postal_code");
+      setGoogleFields({
+        country: !!country,
+        state: !!state,
+        city: !!city,
+        pincode: !!pincode
+      });
+      const updatedData = {
+        ...value,
+        addressLine1: mainText || value.addressLine1,
+        addressLine2: res.data.formattedAddress || value.addressLine2,
+        city,
+        state,
+        country,
+        pincode
+      };
+      onChange(updatedData);
+      setShowSuggestions(false);
+    } catch (err) {
+      console.error("Error fetching place details:", err);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleQuerySuggestions = async (query) => {
+    if (!apiKey || !query || query.length < 3) {
+      setSuggestions([]);
+      setShowSuggestions(false);
+      return;
+    }
+    setLoading(true);
+    try {
+      const res = await import_axios.default.post(
+        `https://places.googleapis.com/v1/places:autocomplete`,
+        { input: query },
+        {
+          headers: {
+            "Content-Type": "application/json",
+            "X-Goog-Api-Key": apiKey
+          }
+        }
+      );
+      setSuggestions(res.data.suggestions || []);
+      setShowSuggestions(true);
+    } catch (err) {
+      console.error("Autocomplete Error:", err);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleCountryChange = (newCountry) => {
+    onChange({
+      ...value,
+      country: newCountry,
+      state: "",
+      city: ""
+    });
+    setGoogleFields({ ...googleFields, country: false, state: false, city: false });
+  };
+  const handleStateChange = (newState) => {
+    onChange({
+      ...value,
+      state: newState,
+      city: ""
+    });
+  };
+  return /* @__PURE__ */ import_react17.default.createElement("div", { className: "address-lookup-container", style: sx, ref: containerRef }, /* @__PURE__ */ import_react17.default.createElement("div", { className: `address-lookup-grid address-lookup-grid-${layout}` }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "address-lookup-grid-item col-l1" }, /* @__PURE__ */ import_react17.default.createElement(
+    FloatingInput,
+    {
+      label,
+      name: "addressLine1",
+      value: value.addressLine1 || "",
+      required: required3,
+      autoComplete: "off",
+      onChange: (e) => {
+        const val2 = e.target.value;
+        handleChange("addressLine1", val2);
+        if (!val2) {
+          onChange({
+            ...value,
+            addressLine1: "",
+            city: "",
+            state: "",
+            country: "",
+            pincode: ""
+          });
+          setSuggestions([]);
+          setShowSuggestions(false);
+          setGoogleFields({ country: false, state: false, city: false, pincode: false });
+        } else {
+          if (debounceTimeout.current) clearTimeout(debounceTimeout.current);
+          debounceTimeout.current = setTimeout(() => {
+            handleQuerySuggestions(val2);
+          }, 500);
+        }
+      },
+      onFocus: () => suggestions.length > 0 && setShowSuggestions(true)
+    }
+  ), loading && /* @__PURE__ */ import_react17.default.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ import_react17.default.createElement(circularProgress_default, { size: 20 })), showSuggestions && suggestions.length > 0 && /* @__PURE__ */ import_react17.default.createElement("div", { className: "autocomplete-dropdown" }, suggestions.map((option, idx) => /* @__PURE__ */ import_react17.default.createElement(
+    "div",
+    {
+      key: idx,
+      className: "autocomplete-option",
+      onClick: () => {
+        const mainText = option?.placePrediction?.structuredFormat?.mainText?.text || "";
+        handleChange("addressLine1", mainText);
+        fetchPlaceDetails(option.placePrediction.placeId, mainText);
+      }
+    },
+    /* @__PURE__ */ import_react17.default.createElement("div", { className: "autocomplete-main-text" }, option?.placePrediction?.structuredFormat?.mainText?.text),
+    /* @__PURE__ */ import_react17.default.createElement("div", { className: "autocomplete-secondary-text" }, option?.placePrediction?.structuredFormat?.secondaryText?.text)
+  ))), error2.addressLine1 && /* @__PURE__ */ import_react17.default.createElement("div", { className: "field-error-text" }, error2.addressLine1)), layout === "compact" && /* @__PURE__ */ import_react17.default.createElement("div", { className: "address-lookup-grid-item col-l2" }, /* @__PURE__ */ import_react17.default.createElement(
+    FloatingInput,
+    {
+      label: "Address Line 2",
+      name: "addressLine2",
+      value: value.addressLine2 || "",
+      onChange: (e) => handleChange("addressLine2", e.target.value)
+    }
+  )), layout !== "compact" && /* @__PURE__ */ import_react17.default.createElement("div", { className: "address-lookup-grid-item col-l2" }, /* @__PURE__ */ import_react17.default.createElement(
+    FloatingInput,
+    {
+      label: "Address Line 2",
+      name: "addressLine2",
+      value: value.addressLine2 || "",
+      onChange: (e) => handleChange("addressLine2", e.target.value)
+    }
+  )), /* @__PURE__ */ import_react17.default.createElement("div", { className: "address-lookup-grid-item col-country" }, /* @__PURE__ */ import_react17.default.createElement(
+    FloatingInput,
+    {
+      label: "Country",
+      name: "country",
+      value: value.country || "",
+      required: required3,
+      className: googleFields.country && value.country ? "field-disabled" : "",
+      readOnly: googleFields.country && !!value.country,
+      onChange: (e) => handleCountryChange(e.target.value),
+      list: "countries-list"
+    }
+  ), /* @__PURE__ */ import_react17.default.createElement("datalist", { id: "countries-list" }, countries.map((c) => /* @__PURE__ */ import_react17.default.createElement("option", { key: c.isoCode, value: c.name }))), error2.country && /* @__PURE__ */ import_react17.default.createElement("div", { className: "field-error-text" }, error2.country)), /* @__PURE__ */ import_react17.default.createElement("div", { className: "address-lookup-grid-item col-state" }, /* @__PURE__ */ import_react17.default.createElement(
+    FloatingInput,
+    {
+      label: "State",
+      name: "state",
+      value: value.state || "",
+      required: required3,
+      disabled: !value.country,
+      className: googleFields.state && value.state ? "field-disabled" : "",
+      readOnly: googleFields.state && !!value.state,
+      onChange: (e) => handleStateChange(e.target.value),
+      list: "states-list"
+    }
+  ), /* @__PURE__ */ import_react17.default.createElement("datalist", { id: "states-list" }, states2.map((s) => /* @__PURE__ */ import_react17.default.createElement("option", { key: s.isoCode, value: s.name }))), error2.state && /* @__PURE__ */ import_react17.default.createElement("div", { className: "field-error-text" }, error2.state)), /* @__PURE__ */ import_react17.default.createElement("div", { className: "address-lookup-grid-item col-city" }, /* @__PURE__ */ import_react17.default.createElement(
+    FloatingInput,
+    {
+      label: "City",
+      name: "city",
+      value: value.city || "",
+      required: required3,
+      disabled: !value.state,
+      className: googleFields.city && value.city ? "field-disabled" : "",
+      readOnly: googleFields.city && !!value.city,
+      onChange: (e) => handleChange("city", e.target.value),
+      list: "cities-list"
+    }
+  ), /* @__PURE__ */ import_react17.default.createElement("datalist", { id: "cities-list" }, cities.map((c, i) => /* @__PURE__ */ import_react17.default.createElement("option", { key: i, value: c.name }))), error2.city && /* @__PURE__ */ import_react17.default.createElement("div", { className: "field-error-text" }, error2.city)), /* @__PURE__ */ import_react17.default.createElement("div", { className: "address-lookup-grid-item col-pin" }, /* @__PURE__ */ import_react17.default.createElement(
+    FloatingInput,
+    {
+      label: "Pincode",
+      name: "pincode",
+      value: value.pincode || "",
+      required: required3,
+      className: googleFields.pincode && value.pincode ? "field-disabled" : "",
+      readOnly: googleFields.pincode && !!value.pincode,
+      onChange: (e) => handleChange("pincode", e.target.value)
+    }
+  ), error2.pincode && /* @__PURE__ */ import_react17.default.createElement("div", { className: "field-error-text" }, error2.pincode))));
+};
+var AddressLookup_default = AddressLookup;
+
+// lib/DataGrid/DataGrid.tsx
+var import_react18 = __toESM(require("react"), 1);
 var import_lucide_react = require("lucide-react");
 function DataGrid({
   columns: initialColumns,
@@ -30000,33 +30343,33 @@ function DataGrid({
   pageSizeOptions = [5, 10, 25, 50],
   title
 }) {
-  const [columns, setColumns] = (0, import_react17.useState)(initialColumns);
-  const [columnWidths, setColumnWidths] = (0, import_react17.useState)(() => {
+  const [columns, setColumns] = (0, import_react18.useState)(initialColumns);
+  const [columnWidths, setColumnWidths] = (0, import_react18.useState)(() => {
     const widths = {};
     initialColumns.forEach((col) => {
       widths[String(col.key)] = parseInt(col.width || "200");
     });
     return widths;
   });
-  const [pageSize, setPageSize] = (0, import_react17.useState)(initialPageSize);
-  const [sortKey, setSortKey] = (0, import_react17.useState)(null);
-  const [sortDirection, setSortDirection] = (0, import_react17.useState)(null);
-  const [filterText, setFilterText] = (0, import_react17.useState)("");
-  const [currentPage, setCurrentPage] = (0, import_react17.useState)(1);
-  const [columnFilters, setColumnFilters] = (0, import_react17.useState)({});
-  const [resizingColumn, setResizingColumn] = (0, import_react17.useState)(null);
-  const [startX, setStartX] = (0, import_react17.useState)(0);
-  const [startWidth, setStartWidth] = (0, import_react17.useState)(0);
-  const [activeMenu, setActiveMenu] = (0, import_react17.useState)(null);
-  const [menuPosition, setMenuPosition] = (0, import_react17.useState)({ top: 0, left: 0 });
-  const menuRef = (0, import_react17.useRef)(null);
-  const [showManageColumns, setShowManageColumns] = (0, import_react17.useState)(false);
-  const [showAdvancedFilter, setShowAdvancedFilter] = (0, import_react17.useState)(false);
-  const [advancedFilters, setAdvancedFilters] = (0, import_react17.useState)([
+  const [pageSize, setPageSize] = (0, import_react18.useState)(initialPageSize);
+  const [sortKey, setSortKey] = (0, import_react18.useState)(null);
+  const [sortDirection, setSortDirection] = (0, import_react18.useState)(null);
+  const [filterText, setFilterText] = (0, import_react18.useState)("");
+  const [currentPage, setCurrentPage] = (0, import_react18.useState)(1);
+  const [columnFilters, setColumnFilters] = (0, import_react18.useState)({});
+  const [resizingColumn, setResizingColumn] = (0, import_react18.useState)(null);
+  const [startX, setStartX] = (0, import_react18.useState)(0);
+  const [startWidth, setStartWidth] = (0, import_react18.useState)(0);
+  const [activeMenu, setActiveMenu] = (0, import_react18.useState)(null);
+  const [menuPosition, setMenuPosition] = (0, import_react18.useState)({ top: 0, left: 0 });
+  const menuRef = (0, import_react18.useRef)(null);
+  const [showManageColumns, setShowManageColumns] = (0, import_react18.useState)(false);
+  const [showAdvancedFilter, setShowAdvancedFilter] = (0, import_react18.useState)(false);
+  const [advancedFilters, setAdvancedFilters] = (0, import_react18.useState)([
     { column: String(initialColumns[0].key), operator: "contains", value: "", logic: "AND" }
   ]);
-  const [colSearch, setColSearch] = (0, import_react17.useState)("");
-  (0, import_react17.useEffect)(() => {
+  const [colSearch, setColSearch] = (0, import_react18.useState)("");
+  (0, import_react18.useEffect)(() => {
     const handleMouseMove = (e) => {
       if (!resizingColumn) return;
       const col = columns.find((c) => String(c.key) === resizingColumn);
@@ -30046,7 +30389,7 @@ function DataGrid({
       document.removeEventListener("mouseup", handleMouseUp);
     };
   }, [resizingColumn, startX, startWidth, columns]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     const handleClickOutside = (e) => {
       if (menuRef.current && !menuRef.current.contains(e.target)) {
         setActiveMenu(null);
@@ -30083,7 +30426,7 @@ function DataGrid({
     ));
     setActiveMenu(null);
   };
-  const filteredData = (0, import_react17.useMemo)(() => {
+  const filteredData = (0, import_react18.useMemo)(() => {
     return data.filter((item) => {
       const matchesGlobal = !filterText || Object.values(item).some(
         (val2) => String(val2).toLowerCase().includes(filterText.toLowerCase())
@@ -30121,7 +30464,7 @@ function DataGrid({
       return matchesGlobal && matchesAdvanced;
     });
   }, [data, filterText, advancedFilters]);
-  const sortedData = (0, import_react17.useMemo)(() => {
+  const sortedData = (0, import_react18.useMemo)(() => {
     if (!sortKey || !sortDirection) return filteredData;
     return [...filteredData].sort((a, b) => {
       const aVal = a[sortKey];
@@ -30132,7 +30475,7 @@ function DataGrid({
     });
   }, [filteredData, sortKey, sortDirection]);
   const totalPages = Math.max(1, Math.ceil(sortedData.length / pageSize));
-  const paginatedData = (0, import_react17.useMemo)(() => {
+  const paginatedData = (0, import_react18.useMemo)(() => {
     const start = (currentPage - 1) * pageSize;
     return sortedData.slice(start, start + pageSize);
   }, [sortedData, currentPage, pageSize]);
@@ -30157,7 +30500,7 @@ function DataGrid({
     setMenuPosition({ top: rect.bottom + 4, left: rect.left });
     setActiveMenu(key);
   };
-  const visibleColumns = (0, import_react17.useMemo)(() => {
+  const visibleColumns = (0, import_react18.useMemo)(() => {
     const left = columns.filter((c) => !c.hidden && c.pinned === "left");
     const mid = columns.filter((c) => !c.hidden && !c.pinned);
     const right = columns.filter((c) => !c.hidden && c.pinned === "right");
@@ -30174,7 +30517,7 @@ function DataGrid({
     return offset2;
   };
   const hasActiveFilters = advancedFilters.some((f) => f.value);
-  return /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-root" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-header" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-header-info" }, /* @__PURE__ */ import_react17.default.createElement("h2", null, title), /* @__PURE__ */ import_react17.default.createElement("p", null, filteredData.length, " total records")), /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-header-actions" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-search-wrap" }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react.Search, { size: 15 }), /* @__PURE__ */ import_react17.default.createElement(
+  return /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-root" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-header" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-header-info" }, /* @__PURE__ */ import_react18.default.createElement("h2", null, title), /* @__PURE__ */ import_react18.default.createElement("p", null, filteredData.length, " total records")), /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-header-actions" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-search-wrap" }, /* @__PURE__ */ import_react18.default.createElement(import_lucide_react.Search, { size: 15 }), /* @__PURE__ */ import_react18.default.createElement(
     "input",
     {
       className: "dg-search",
@@ -30185,51 +30528,51 @@ function DataGrid({
         setCurrentPage(1);
       }
     }
-  )), /* @__PURE__ */ import_react17.default.createElement(
+  )), /* @__PURE__ */ import_react18.default.createElement(
     "button",
     {
       className: `dg-icon-btn ${hasActiveFilters ? "active" : ""}`,
       onClick: () => setShowAdvancedFilter(true),
       title: "Filters"
     },
-    /* @__PURE__ */ import_react17.default.createElement(import_lucide_react.Filter, { size: 16 })
-  ), /* @__PURE__ */ import_react17.default.createElement(
+    /* @__PURE__ */ import_react18.default.createElement(import_lucide_react.Filter, { size: 16 })
+  ), /* @__PURE__ */ import_react18.default.createElement(
     "button",
     {
       className: "dg-icon-btn",
       onClick: () => setShowManageColumns(true),
       title: "Manage Columns"
     },
-    /* @__PURE__ */ import_react17.default.createElement(import_lucide_react.Columns, { size: 16 })
-  ), /* @__PURE__ */ import_react17.default.createElement("button", { className: "dg-action-btn", onClick: handleExport }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react.Download, { size: 14 }), " Export CSV"))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-table-wrap" }, /* @__PURE__ */ import_react17.default.createElement("table", { className: "dg-table" }, /* @__PURE__ */ import_react17.default.createElement("thead", null, /* @__PURE__ */ import_react17.default.createElement("tr", null, visibleColumns.map((col, idx) => {
+    /* @__PURE__ */ import_react18.default.createElement(import_lucide_react.Columns, { size: 16 })
+  ), /* @__PURE__ */ import_react18.default.createElement("button", { className: "dg-action-btn", onClick: handleExport }, /* @__PURE__ */ import_react18.default.createElement(import_lucide_react.Download, { size: 14 }), " Export CSV"))), /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-table-wrap" }, /* @__PURE__ */ import_react18.default.createElement("table", { className: "dg-table" }, /* @__PURE__ */ import_react18.default.createElement("thead", null, /* @__PURE__ */ import_react18.default.createElement("tr", null, visibleColumns.map((col, idx) => {
     const colKey = String(col.key);
     const width = columnWidths[colKey] || 200;
     const leftOffset = getLeftOffset(col, idx);
     const isSorted = sortKey === col.key;
-    return /* @__PURE__ */ import_react17.default.createElement(
+    return /* @__PURE__ */ import_react18.default.createElement(
       "th",
       {
         key: colKey,
         className: `dg-thead-cell${col.pinned === "left" ? " pinned-left" : col.pinned === "right" ? " pinned-right" : ""}`,
         style: { width, minWidth: width, left: leftOffset }
       },
-      /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-th-inner" }, /* @__PURE__ */ import_react17.default.createElement(
+      /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-th-inner" }, /* @__PURE__ */ import_react18.default.createElement(
         "div",
         {
           className: `dg-th-label${col.sortable === false ? " no-sort" : ""}`,
           onClick: () => col.sortable !== false && handleSort(col.key)
         },
         col.header,
-        isSorted && sortDirection === "asc" && /* @__PURE__ */ import_react17.default.createElement(import_lucide_react.ChevronUp, { size: 12 }),
-        isSorted && sortDirection === "desc" && /* @__PURE__ */ import_react17.default.createElement(import_lucide_react.ChevronDown, { size: 12 })
-      ), /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-th-actions" }, /* @__PURE__ */ import_react17.default.createElement(
+        isSorted && sortDirection === "asc" && /* @__PURE__ */ import_react18.default.createElement(import_lucide_react.ChevronUp, { size: 12 }),
+        isSorted && sortDirection === "desc" && /* @__PURE__ */ import_react18.default.createElement(import_lucide_react.ChevronDown, { size: 12 })
+      ), /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-th-actions" }, /* @__PURE__ */ import_react18.default.createElement(
         "button",
         {
           className: "dg-th-menu-btn",
           onClick: (e) => handleMenuOpen(e, colKey)
         },
-        /* @__PURE__ */ import_react17.default.createElement(import_lucide_react.MoreVertical, { size: 13 })
-      ), /* @__PURE__ */ import_react17.default.createElement(
+        /* @__PURE__ */ import_react18.default.createElement(import_lucide_react.MoreVertical, { size: 13 })
+      ), /* @__PURE__ */ import_react18.default.createElement(
         "div",
         {
           className: `dg-resizer${resizingColumn === colKey ? " resizing" : ""}`,
@@ -30242,11 +30585,11 @@ function DataGrid({
         }
       )))
     );
-  }), actions && /* @__PURE__ */ import_react17.default.createElement("th", { style: { width: 0, padding: 0 } }))), /* @__PURE__ */ import_react17.default.createElement("tbody", null, paginatedData.length === 0 ? /* @__PURE__ */ import_react17.default.createElement("tr", null, /* @__PURE__ */ import_react17.default.createElement("td", { colSpan: visibleColumns.length + (actions ? 1 : 0), className: "dg-empty" }, "No records found")) : paginatedData.map((item) => /* @__PURE__ */ import_react17.default.createElement("tr", { key: item.id, className: "dg-tbody-row" }, visibleColumns.map((col, idx) => {
+  }), actions && /* @__PURE__ */ import_react18.default.createElement("th", { style: { width: 0, padding: 0 } }))), /* @__PURE__ */ import_react18.default.createElement("tbody", null, paginatedData.length === 0 ? /* @__PURE__ */ import_react18.default.createElement("tr", null, /* @__PURE__ */ import_react18.default.createElement("td", { colSpan: visibleColumns.length + (actions ? 1 : 0), className: "dg-empty" }, "No records found")) : paginatedData.map((item) => /* @__PURE__ */ import_react18.default.createElement("tr", { key: item.id, className: "dg-tbody-row" }, visibleColumns.map((col, idx) => {
     const colKey = String(col.key);
     const width = columnWidths[colKey] || 200;
     const leftOffset = getLeftOffset(col, idx);
-    return /* @__PURE__ */ import_react17.default.createElement(
+    return /* @__PURE__ */ import_react18.default.createElement(
       "td",
       {
         key: `${item.id}-${colKey}`,
@@ -30255,7 +30598,7 @@ function DataGrid({
       },
       col.render ? col.render(item[col.key], item) : String(item[col.key] ?? "")
     );
-  }), actions && /* @__PURE__ */ import_react17.default.createElement("td", { className: "dg-row-actions-cell" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-row-actions" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-action-group" }, actions.map((action, i) => /* @__PURE__ */ import_react17.default.createElement(
+  }), actions && /* @__PURE__ */ import_react18.default.createElement("td", { className: "dg-row-actions-cell" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-row-actions" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-action-group" }, actions.map((action, i) => /* @__PURE__ */ import_react18.default.createElement(
     "button",
     {
       key: i,
@@ -30265,7 +30608,7 @@ function DataGrid({
       title: action.label
     },
     action.icon
-  )))))))))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-pagination" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-page-info" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-per-page" }, /* @__PURE__ */ import_react17.default.createElement("span", null, "Rows per page:"), /* @__PURE__ */ import_react17.default.createElement(
+  )))))))))), /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-pagination" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-page-info" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-per-page" }, /* @__PURE__ */ import_react18.default.createElement("span", null, "Rows per page:"), /* @__PURE__ */ import_react18.default.createElement(
     "select",
     {
       value: pageSize,
@@ -30274,30 +30617,30 @@ function DataGrid({
         setCurrentPage(1);
       }
     },
-    pageSizeOptions.map((o) => /* @__PURE__ */ import_react17.default.createElement("option", { key: o, value: o }, o))
-  )), /* @__PURE__ */ import_react17.default.createElement("span", null, (currentPage - 1) * pageSize + 1, "\u2013", Math.min(currentPage * pageSize, filteredData.length), " of ", filteredData.length)), /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-page-nav" }, /* @__PURE__ */ import_react17.default.createElement("button", { className: "dg-page-btn", disabled: currentPage === 1, onClick: () => setCurrentPage((p) => p - 1) }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react.ChevronLeft, { size: 15 })), /* @__PURE__ */ import_react17.default.createElement("span", { className: "dg-page-fraction" }, currentPage, " / ", totalPages), /* @__PURE__ */ import_react17.default.createElement("button", { className: "dg-page-btn", disabled: currentPage === totalPages, onClick: () => setCurrentPage((p) => p + 1) }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react.ChevronRight, { size: 15 })))), activeMenu && /* @__PURE__ */ import_react17.default.createElement(
+    pageSizeOptions.map((o) => /* @__PURE__ */ import_react18.default.createElement("option", { key: o, value: o }, o))
+  )), /* @__PURE__ */ import_react18.default.createElement("span", null, (currentPage - 1) * pageSize + 1, "\u2013", Math.min(currentPage * pageSize, filteredData.length), " of ", filteredData.length)), /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-page-nav" }, /* @__PURE__ */ import_react18.default.createElement("button", { className: "dg-page-btn", disabled: currentPage === 1, onClick: () => setCurrentPage((p) => p - 1) }, /* @__PURE__ */ import_react18.default.createElement(import_lucide_react.ChevronLeft, { size: 15 })), /* @__PURE__ */ import_react18.default.createElement("span", { className: "dg-page-fraction" }, currentPage, " / ", totalPages), /* @__PURE__ */ import_react18.default.createElement("button", { className: "dg-page-btn", disabled: currentPage === totalPages, onClick: () => setCurrentPage((p) => p + 1) }, /* @__PURE__ */ import_react18.default.createElement(import_lucide_react.ChevronRight, { size: 15 })))), activeMenu && /* @__PURE__ */ import_react18.default.createElement(
     "div",
     {
       ref: menuRef,
       className: "dg-menu",
       style: { top: menuPosition.top, left: menuPosition.left }
     },
-    /* @__PURE__ */ import_react17.default.createElement("button", { className: "dg-menu-item", onClick: () => handleSort(activeMenu, "asc") }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react.ArrowUp, { size: 14 }), " Sort ascending"),
-    /* @__PURE__ */ import_react17.default.createElement("button", { className: "dg-menu-item", onClick: () => handleSort(activeMenu, "desc") }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react.ArrowDown, { size: 14 }), " Sort descending"),
-    /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-menu-divider" }),
-    /* @__PURE__ */ import_react17.default.createElement("button", { className: "dg-menu-item", onClick: () => togglePin(activeMenu, "left") }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react.Pin, { size: 14, style: { transform: "rotate(45deg)" } }), " Pin left"),
-    /* @__PURE__ */ import_react17.default.createElement("button", { className: "dg-menu-item", onClick: () => togglePin(activeMenu, "right") }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react.Pin, { size: 14, style: { transform: "rotate(-45deg)" } }), " Pin right"),
-    /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-menu-divider" }),
-    /* @__PURE__ */ import_react17.default.createElement("button", { className: "dg-menu-item", onClick: () => {
+    /* @__PURE__ */ import_react18.default.createElement("button", { className: "dg-menu-item", onClick: () => handleSort(activeMenu, "asc") }, /* @__PURE__ */ import_react18.default.createElement(import_lucide_react.ArrowUp, { size: 14 }), " Sort ascending"),
+    /* @__PURE__ */ import_react18.default.createElement("button", { className: "dg-menu-item", onClick: () => handleSort(activeMenu, "desc") }, /* @__PURE__ */ import_react18.default.createElement(import_lucide_react.ArrowDown, { size: 14 }), " Sort descending"),
+    /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-menu-divider" }),
+    /* @__PURE__ */ import_react18.default.createElement("button", { className: "dg-menu-item", onClick: () => togglePin(activeMenu, "left") }, /* @__PURE__ */ import_react18.default.createElement(import_lucide_react.Pin, { size: 14, style: { transform: "rotate(45deg)" } }), " Pin left"),
+    /* @__PURE__ */ import_react18.default.createElement("button", { className: "dg-menu-item", onClick: () => togglePin(activeMenu, "right") }, /* @__PURE__ */ import_react18.default.createElement(import_lucide_react.Pin, { size: 14, style: { transform: "rotate(-45deg)" } }), " Pin right"),
+    /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-menu-divider" }),
+    /* @__PURE__ */ import_react18.default.createElement("button", { className: "dg-menu-item", onClick: () => {
       setShowAdvancedFilter(true);
       setActiveMenu(null);
-    } }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react.Filter, { size: 14 }), " Filter\u2026"),
-    /* @__PURE__ */ import_react17.default.createElement("button", { className: "dg-menu-item", onClick: () => toggleHide(activeMenu) }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react.EyeOff, { size: 14 }), " Hide column"),
-    /* @__PURE__ */ import_react17.default.createElement("button", { className: "dg-menu-item", onClick: () => {
+    } }, /* @__PURE__ */ import_react18.default.createElement(import_lucide_react.Filter, { size: 14 }), " Filter\u2026"),
+    /* @__PURE__ */ import_react18.default.createElement("button", { className: "dg-menu-item", onClick: () => toggleHide(activeMenu) }, /* @__PURE__ */ import_react18.default.createElement(import_lucide_react.EyeOff, { size: 14 }), " Hide column"),
+    /* @__PURE__ */ import_react18.default.createElement("button", { className: "dg-menu-item", onClick: () => {
       setShowManageColumns(true);
       setActiveMenu(null);
-    } }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react.Columns, { size: 14 }), " Manage columns")
-  ), showManageColumns && /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-modal-overlay", onClick: () => setShowManageColumns(false) }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-modal", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-modal-header" }, /* @__PURE__ */ import_react17.default.createElement("h3", null, "Manage Columns"), /* @__PURE__ */ import_react17.default.createElement("button", { className: "dg-icon-btn", onClick: () => setShowManageColumns(false) }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react.X, { size: 18 }))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-modal-body" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-search-wrap", style: { marginBottom: 8 } }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react.Search, { size: 14 }), /* @__PURE__ */ import_react17.default.createElement(
+    } }, /* @__PURE__ */ import_react18.default.createElement(import_lucide_react.Columns, { size: 14 }), " Manage columns")
+  ), showManageColumns && /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-modal-overlay", onClick: () => setShowManageColumns(false) }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-modal", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-modal-header" }, /* @__PURE__ */ import_react18.default.createElement("h3", null, "Manage Columns"), /* @__PURE__ */ import_react18.default.createElement("button", { className: "dg-icon-btn", onClick: () => setShowManageColumns(false) }, /* @__PURE__ */ import_react18.default.createElement(import_lucide_react.X, { size: 18 }))), /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-modal-body" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-search-wrap", style: { marginBottom: 8 } }, /* @__PURE__ */ import_react18.default.createElement(import_lucide_react.Search, { size: 14 }), /* @__PURE__ */ import_react18.default.createElement(
     "input",
     {
       className: "dg-search",
@@ -30306,42 +30649,42 @@ function DataGrid({
       value: colSearch,
       onChange: (e) => setColSearch(e.target.value)
     }
-  )), columns.filter((c) => c.header.toLowerCase().includes(colSearch.toLowerCase())).map((col) => /* @__PURE__ */ import_react17.default.createElement("div", { key: String(col.key), className: "dg-col-row" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-col-label" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-col-dot", style: { background: col.hidden ? "var(--border-color)" : "var(--primary-color)" } }), col.header), /* @__PURE__ */ import_react17.default.createElement("button", { className: "dg-icon-btn", onClick: () => toggleHide(String(col.key)) }, col.hidden ? /* @__PURE__ */ import_react17.default.createElement(import_lucide_react.EyeOff, { size: 14 }) : /* @__PURE__ */ import_react17.default.createElement(import_lucide_react.EyeOff, { size: 14, style: { opacity: 0.4 } }))))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-modal-footer" }, /* @__PURE__ */ import_react17.default.createElement("button", { className: "dg-action-btn", onClick: () => setColumns((p) => p.map((c) => ({ ...c, hidden: false }))) }, "Show All"), /* @__PURE__ */ import_react17.default.createElement("button", { className: "dg-action-btn", onClick: () => setColumns((p) => p.map((c) => ({ ...c, hidden: true }))) }, "Hide All")))), showAdvancedFilter && /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-modal-overlay", onClick: () => setShowAdvancedFilter(false) }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-modal dg-modal-wide", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-modal-header" }, /* @__PURE__ */ import_react17.default.createElement("h3", null, "Filters"), /* @__PURE__ */ import_react17.default.createElement("button", { className: "dg-icon-btn", onClick: () => setShowAdvancedFilter(false) }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react.X, { size: 18 }))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-modal-body" }, advancedFilters.map((f, idx) => /* @__PURE__ */ import_react17.default.createElement("div", { key: idx }, idx > 0 && /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-filter-logic" }, /* @__PURE__ */ import_react17.default.createElement(
+  )), columns.filter((c) => c.header.toLowerCase().includes(colSearch.toLowerCase())).map((col) => /* @__PURE__ */ import_react18.default.createElement("div", { key: String(col.key), className: "dg-col-row" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-col-label" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-col-dot", style: { background: col.hidden ? "var(--border-color)" : "var(--primary-color)" } }), col.header), /* @__PURE__ */ import_react18.default.createElement("button", { className: "dg-icon-btn", onClick: () => toggleHide(String(col.key)) }, col.hidden ? /* @__PURE__ */ import_react18.default.createElement(import_lucide_react.EyeOff, { size: 14 }) : /* @__PURE__ */ import_react18.default.createElement(import_lucide_react.EyeOff, { size: 14, style: { opacity: 0.4 } }))))), /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-modal-footer" }, /* @__PURE__ */ import_react18.default.createElement("button", { className: "dg-action-btn", onClick: () => setColumns((p) => p.map((c) => ({ ...c, hidden: false }))) }, "Show All"), /* @__PURE__ */ import_react18.default.createElement("button", { className: "dg-action-btn", onClick: () => setColumns((p) => p.map((c) => ({ ...c, hidden: true }))) }, "Hide All")))), showAdvancedFilter && /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-modal-overlay", onClick: () => setShowAdvancedFilter(false) }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-modal dg-modal-wide", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-modal-header" }, /* @__PURE__ */ import_react18.default.createElement("h3", null, "Filters"), /* @__PURE__ */ import_react18.default.createElement("button", { className: "dg-icon-btn", onClick: () => setShowAdvancedFilter(false) }, /* @__PURE__ */ import_react18.default.createElement(import_lucide_react.X, { size: 18 }))), /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-modal-body" }, advancedFilters.map((f, idx) => /* @__PURE__ */ import_react18.default.createElement("div", { key: idx }, idx > 0 && /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-filter-logic" }, /* @__PURE__ */ import_react18.default.createElement(
     "button",
     {
       className: `dg-logic-btn${f.logic === "AND" ? " active" : ""}`,
       onClick: () => setAdvancedFilters((p) => p.map((fi, i) => i === idx ? { ...fi, logic: "AND" } : fi))
     },
     "AND"
-  ), /* @__PURE__ */ import_react17.default.createElement(
+  ), /* @__PURE__ */ import_react18.default.createElement(
     "button",
     {
       className: `dg-logic-btn${f.logic === "OR" ? " active" : ""}`,
       onClick: () => setAdvancedFilters((p) => p.map((fi, i) => i === idx ? { ...fi, logic: "OR" } : fi))
     },
     "OR"
-  )), /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-filter-row" }, advancedFilters.length > 1 && /* @__PURE__ */ import_react17.default.createElement("button", { className: "dg-icon-btn", onClick: () => setAdvancedFilters((p) => p.filter((_, i) => i !== idx)) }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react.X, { size: 14 })), /* @__PURE__ */ import_react17.default.createElement(
+  )), /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-filter-row" }, advancedFilters.length > 1 && /* @__PURE__ */ import_react18.default.createElement("button", { className: "dg-icon-btn", onClick: () => setAdvancedFilters((p) => p.filter((_, i) => i !== idx)) }, /* @__PURE__ */ import_react18.default.createElement(import_lucide_react.X, { size: 14 })), /* @__PURE__ */ import_react18.default.createElement(
     "select",
     {
       className: "dg-filter-select",
       value: f.column,
       onChange: (e) => setAdvancedFilters((p) => p.map((fi, i) => i === idx ? { ...fi, column: e.target.value } : fi))
     },
-    columns.map((c) => /* @__PURE__ */ import_react17.default.createElement("option", { key: String(c.key), value: String(c.key) }, c.header))
-  ), /* @__PURE__ */ import_react17.default.createElement(
+    columns.map((c) => /* @__PURE__ */ import_react18.default.createElement("option", { key: String(c.key), value: String(c.key) }, c.header))
+  ), /* @__PURE__ */ import_react18.default.createElement(
     "select",
     {
       className: "dg-filter-select dg-filter-select-sm",
       value: f.operator,
       onChange: (e) => setAdvancedFilters((p) => p.map((fi, i) => i === idx ? { ...fi, operator: e.target.value } : fi))
     },
-    /* @__PURE__ */ import_react17.default.createElement("option", { value: "contains" }, "contains"),
-    /* @__PURE__ */ import_react17.default.createElement("option", { value: "equals" }, "equals"),
-    /* @__PURE__ */ import_react17.default.createElement("option", { value: "starts with" }, "starts with"),
-    /* @__PURE__ */ import_react17.default.createElement("option", { value: "ends with" }, "ends with"),
-    /* @__PURE__ */ import_react17.default.createElement("option", { value: "is empty" }, "is empty"),
-    /* @__PURE__ */ import_react17.default.createElement("option", { value: "is not empty" }, "is not empty")
-  ), /* @__PURE__ */ import_react17.default.createElement(
+    /* @__PURE__ */ import_react18.default.createElement("option", { value: "contains" }, "contains"),
+    /* @__PURE__ */ import_react18.default.createElement("option", { value: "equals" }, "equals"),
+    /* @__PURE__ */ import_react18.default.createElement("option", { value: "starts with" }, "starts with"),
+    /* @__PURE__ */ import_react18.default.createElement("option", { value: "ends with" }, "ends with"),
+    /* @__PURE__ */ import_react18.default.createElement("option", { value: "is empty" }, "is empty"),
+    /* @__PURE__ */ import_react18.default.createElement("option", { value: "is not empty" }, "is not empty")
+  ), /* @__PURE__ */ import_react18.default.createElement(
     "input",
     {
       className: "dg-filter-input",
@@ -30349,28 +30692,28 @@ function DataGrid({
       value: f.value,
       onChange: (e) => setAdvancedFilters((p) => p.map((fi, i) => i === idx ? { ...fi, value: e.target.value } : fi))
     }
-  )))), /* @__PURE__ */ import_react17.default.createElement(
+  )))), /* @__PURE__ */ import_react18.default.createElement(
     "button",
     {
       className: "dg-action-btn",
       style: { alignSelf: "flex-start", marginTop: 4 },
       onClick: () => setAdvancedFilters((p) => [...p, { column: String(columns[0].key), operator: "contains", value: "", logic: "AND" }])
     },
-    /* @__PURE__ */ import_react17.default.createElement(import_lucide_react.Plus, { size: 14 }),
+    /* @__PURE__ */ import_react18.default.createElement(import_lucide_react.Plus, { size: 14 }),
     " Add Filter"
-  )), /* @__PURE__ */ import_react17.default.createElement("div", { className: "dg-modal-footer" }, /* @__PURE__ */ import_react17.default.createElement(
+  )), /* @__PURE__ */ import_react18.default.createElement("div", { className: "dg-modal-footer" }, /* @__PURE__ */ import_react18.default.createElement(
     "button",
     {
       className: "dg-action-btn",
       onClick: () => setAdvancedFilters([{ column: String(columns[0].key), operator: "contains", value: "", logic: "AND" }])
     },
-    /* @__PURE__ */ import_react17.default.createElement(import_lucide_react.Trash2, { size: 14 }),
+    /* @__PURE__ */ import_react18.default.createElement(import_lucide_react.Trash2, { size: 14 }),
     " Reset"
-  ), /* @__PURE__ */ import_react17.default.createElement("button", { className: "submit-btn", onClick: () => setShowAdvancedFilter(false) }, "Apply")))));
+  ), /* @__PURE__ */ import_react18.default.createElement("button", { className: "submit-btn", onClick: () => setShowAdvancedFilter(false) }, "Apply")))));
 }
 
 // lib/Editors/RichTextEditor.tsx
-var import_react18 = __toESM(require("react"), 1);
+var import_react19 = __toESM(require("react"), 1);
 var import_jodit_react = __toESM(require("jodit-react"), 1);
 var MOBILE_BREAKPOINT = 768;
 var TODO_STATES = [
@@ -30453,18 +30796,18 @@ function RichTextEditor({
   className = "",
   style
 }) {
-  const editorRef = (0, import_react18.useRef)(null);
-  const containerRef = (0, import_react18.useRef)(null);
-  const [isMobile, setIsMobile] = (0, import_react18.useState)(false);
-  const [showAll, setShowAll] = (0, import_react18.useState)(true);
-  const [isListening, setIsListening] = (0, import_react18.useState)(false);
-  const [speechText, setSpeechText] = (0, import_react18.useState)("");
-  const [speechVisible, setSpeechVisible] = (0, import_react18.useState)(false);
-  const [speechPos, setSpeechPos] = (0, import_react18.useState)({ top: 0, left: 0 });
-  const recognitionRef = (0, import_react18.useRef)(null);
-  const silenceTimer = (0, import_react18.useRef)(null);
-  const interimSpanRef = (0, import_react18.useRef)(null);
-  (0, import_react18.useEffect)(() => {
+  const editorRef = (0, import_react19.useRef)(null);
+  const containerRef = (0, import_react19.useRef)(null);
+  const [isMobile, setIsMobile] = (0, import_react19.useState)(false);
+  const [showAll, setShowAll] = (0, import_react19.useState)(true);
+  const [isListening, setIsListening] = (0, import_react19.useState)(false);
+  const [speechText, setSpeechText] = (0, import_react19.useState)("");
+  const [speechVisible, setSpeechVisible] = (0, import_react19.useState)(false);
+  const [speechPos, setSpeechPos] = (0, import_react19.useState)({ top: 0, left: 0 });
+  const recognitionRef = (0, import_react19.useRef)(null);
+  const silenceTimer = (0, import_react19.useRef)(null);
+  const interimSpanRef = (0, import_react19.useRef)(null);
+  (0, import_react19.useEffect)(() => {
     const check = () => {
       const mobile = window.innerWidth <= MOBILE_BREAKPOINT;
       setIsMobile(mobile);
@@ -30474,7 +30817,7 @@ function RichTextEditor({
     window.addEventListener("resize", check);
     return () => window.removeEventListener("resize", check);
   }, []);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     let cursorTimeout;
     Promise.resolve().then(() => (init_esm(), esm_exports)).then(({ Jodit: Jodit4 }) => {
       Jodit4.plugins.add("rteKeyLogger", (jodit) => {
@@ -30679,7 +31022,7 @@ function RichTextEditor({
     iconURL: showAll ? "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIi8+PHBvbHlsaW5lIHBvaW50cz0iOCAxNCAxMiAxMCAxNiAxNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=" : "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIi8+PHBvbHlsaW5lIHBvaW50cz0iOCAxMCAxMiAxNCAxNiAxMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=",
     exec: () => setShowAll((prev) => !prev)
   };
-  const config = import_react18.default.useMemo(() => {
+  const config = import_react19.default.useMemo(() => {
     let uploadConfig = {};
     if (uploadUrl) {
       const uploadData = {};
@@ -30795,14 +31138,14 @@ function RichTextEditor({
       safePluginList: ["changecase", "rteKeyLogger"]
     };
   }, [isMobile, showAll, isListening, disabled, aiSupport, licenseKey, translationKey, token, uploadUrl, mentions?.arr?.length, height, width, allowResizeY, fullSize, placeholder2]);
-  return /* @__PURE__ */ import_react18.default.createElement(
+  return /* @__PURE__ */ import_react19.default.createElement(
     "div",
     {
       ref: containerRef,
       className: `rte-wrapper ${isListening ? "rte-listening" : ""} ${className}`,
       style
     },
-    /* @__PURE__ */ import_react18.default.createElement(
+    /* @__PURE__ */ import_react19.default.createElement(
       import_jodit_react.default,
       {
         ref: editorRef,
@@ -30813,7 +31156,7 @@ function RichTextEditor({
         onBlur: (v) => onBlur?.(v)
       }
     ),
-    /* @__PURE__ */ import_react18.default.createElement(
+    /* @__PURE__ */ import_react19.default.createElement(
       "div",
       {
         className: "rte-speech-popup",
@@ -30825,10 +31168,10 @@ function RichTextEditor({
           pointerEvents: "none"
         }
       },
-      /* @__PURE__ */ import_react18.default.createElement("span", { className: "rte-speech-dot" }),
-      /* @__PURE__ */ import_react18.default.createElement("span", null, speechText || "\u2026")
+      /* @__PURE__ */ import_react19.default.createElement("span", { className: "rte-speech-dot" }),
+      /* @__PURE__ */ import_react19.default.createElement("span", null, speechText || "\u2026")
     ),
-    error2 && /* @__PURE__ */ import_react18.default.createElement("p", { className: "rte-error" }, error2)
+    error2 && /* @__PURE__ */ import_react19.default.createElement("p", { className: "rte-error" }, error2)
   );
 }
 // Annotate the CommonJS export names for ESM import in node:
@@ -30836,6 +31179,7 @@ function RichTextEditor({
   APP_THEMES,
   ActivateUserIcon,
   AddButton,
+  AddressLookup,
   ArchivedIcon,
   AssignGroupIcon,
   BaseDialog,