@dmsi/wedgekit-react 0.0.1228 → 0.0.1230

package/dist/components/MobileDataGrid/ColumnSelector/index.cjs

@@ -62,7 +62,7 @@ __export(ColumnSelector_exports, {
   ColumnSelector: () => ColumnSelector
 });
 module.exports = __toCommonJS(ColumnSelector_exports);
-var import_react43 = require("react");
+var import_react44 = require("react");
 
 // src/components/DataGridCell.tsx
 var import_sortable = require("@dnd-kit/sortable");
@@ -6213,10 +6213,11 @@ var import_jsx_runtime51 = require("react/jsx-runtime");
 var import_react32 = require("react");
 
 // src/components/ProductImagePreview/index.tsx
+var import_react33 = require("react");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 
 // src/components/CompactImagesPreview.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 var import_clsx36 = __toESM(require("clsx"), 1);
 var import_jsx_runtime53 = require("react/jsx-runtime");
 
@@ -6225,12 +6226,12 @@ var import_clsx37 = __toESM(require("clsx"), 1);
 var import_jsx_runtime54 = require("react/jsx-runtime");
 
 // src/components/ListGroup.tsx
-var import_react34 = require("react");
+var import_react35 = require("react");
 var import_clsx38 = __toESM(require("clsx"), 1);
 var import_jsx_runtime55 = require("react/jsx-runtime");
 
 // src/components/Pagination.tsx
-var import_react35 = require("react");
+var import_react36 = require("react");
 var import_clsx39 = __toESM(require("clsx"), 1);
 var import_jsx_runtime56 = require("react/jsx-runtime");
 var Pagination = ({
@@ -6242,7 +6243,7 @@ var Pagination = ({
   className,
   disabled
 }) => {
-  const goTo = (0, import_react35.useCallback)(
+  const goTo = (0, import_react36.useCallback)(
     (page) => {
       if (disabled) return;
       onPageChange(page);
@@ -6259,7 +6260,7 @@ var Pagination = ({
       goTo(currentPage + 1);
     }
   };
-  const pageTokens = (0, import_react35.useMemo)(() => {
+  const pageTokens = (0, import_react36.useMemo)(() => {
     if (totalPages <= 5) {
       return Array.from({ length: totalPages }, (_, i) => i + 1);
     }
@@ -6382,21 +6383,21 @@ var import_jsx_runtime57 = require("react/jsx-runtime");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 
 // src/components/SearchResultImage/index.tsx
-var import_react36 = require("react");
+var import_react37 = require("react");
 var import_jsx_runtime59 = require("react/jsx-runtime");
 
 // src/components/Alert.tsx
 var import_clsx40 = __toESM(require("clsx"), 1);
-var import_react37 = require("react");
+var import_react38 = require("react");
 var import_jsx_runtime60 = require("react/jsx-runtime");
 
 // src/components/OrderCheckIcon.tsx
 var import_jsx_runtime61 = require("react/jsx-runtime");
 
 // src/components/EditingContext.tsx
-var import_react38 = require("react");
+var import_react39 = require("react");
 var import_jsx_runtime62 = require("react/jsx-runtime");
-var EditingContext = (0, import_react38.createContext)(null);
+var EditingContext = (0, import_react39.createContext)(null);
 
 // src/components/AccessCard.tsx
 var import_clsx42 = __toESM(require("clsx"), 1);
@@ -6530,11 +6531,11 @@ var import_jsx_runtime64 = require("react/jsx-runtime");
 
 // src/components/AccessCardGroup.tsx
 var import_clsx43 = __toESM(require("clsx"), 1);
-var import_react39 = require("react");
+var import_react40 = require("react");
 var import_jsx_runtime65 = require("react/jsx-runtime");
 
 // src/components/EmblaCarousel/index.tsx
-var import_react42 = __toESM(require("react"), 1);
+var import_react43 = __toESM(require("react"), 1);
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
 var import_embla_carousel_autoplay = __toESM(require("embla-carousel-autoplay"), 1);
 
@@ -6542,7 +6543,7 @@ var import_embla_carousel_autoplay = __toESM(require("embla-carousel-autoplay"),
 var import_jsx_runtime66 = require("react/jsx-runtime");
 
 // src/components/EmblaCarousel/useSelectedSnapDisplay.ts
-var import_react40 = require("react");
+var import_react41 = require("react");
 
 // src/components/EmblaCarousel/ArrowButtons.tsx
 var import_clsx44 = __toESM(require("clsx"), 1);
@@ -6552,7 +6553,7 @@ var arrowButtonStyles = (0, import_clsx44.default)(
 );
 
 // src/components/EmblaCarousel/usePrevNextButtons.ts
-var import_react41 = require("react");
+var import_react42 = require("react");
 
 // src/components/EmblaCarousel/index.tsx
 var import_clsx45 = __toESM(require("clsx"), 1);
@@ -6562,8 +6563,8 @@ var import_jsx_runtime68 = require("react/jsx-runtime");
 var import_jsx_runtime69 = require("react/jsx-runtime");
 function ColumnSelector() {
   const context = useGridContext();
-  const ref = (0, import_react43.useRef)(null);
-  const [show, setShow] = (0, import_react43.useState)(false);
+  const ref = (0, import_react44.useRef)(null);
+  const [show, setShow] = (0, import_react44.useState)(false);
   const {
     columns,
     id,
@@ -6574,7 +6575,7 @@ function ColumnSelector() {
     resetColumnVisibility,
     dispatch
   } = context;
-  const toggleColumnVisibility = (0, import_react43.useCallback)(
+  const toggleColumnVisibility = (0, import_react44.useCallback)(
     (index, visible) => {
       dispatch({ type: "UPDATE", index, payload: { meta: { visible } } });
     },

package/dist/components/MobileDataGrid/ColumnSelector/index.js

@@ -5,11 +5,11 @@ import "../../../chunk-3UPUZBP5.js";
 import "../../../chunk-7ZJIGTFN.js";
 import "../../../chunk-E3FOCECQ.js";
 import "../../../chunk-Y5GD2FJA.js";
-import "../../../chunk-AJGTMNW5.js";
+import "../../../chunk-XW4B4CUY.js";
 import "../../../chunk-MBZ55T2D.js";
-import "../../../chunk-2IKT6IHB.js";
-import "../../../chunk-YCDDBSVU.js";
-import "../../../chunk-3X3Y4TMS.js";
+import "../../../chunk-S4XW2XZW.js";
+import "../../../chunk-65HTZ3R2.js";
+import "../../../chunk-JRNU5BZ4.js";
 import "../../../chunk-BQNPOGD5.js";
 import "../../../chunk-YULGJORA.js";
 import "../../../chunk-Z2HPSFEQ.js";
@@ -47,7 +47,7 @@ import "../../../chunk-PABII472.js";
 import "../../../chunk-4UGMSWWA.js";
 import "../../../chunk-WVUIIBRR.js";
 import "../../../chunk-I3W5K76C.js";
-import "../../../chunk-6R5GQV6W.js";
+import "../../../chunk-ICJARSLG.js";
 import "../../../chunk-ZRFXUER3.js";
 import "../../../chunk-WVGXD7HT.js";
 import "../../../chunk-VXWSAIB5.js";

package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs

@@ -721,7 +721,7 @@ function Theme({
 }
 
 // src/components/MobileDataGrid/ColumnSelector/index.tsx
-var import_react43 = require("react");
+var import_react44 = require("react");
 
 // src/components/DataGridCell.tsx
 var import_sortable = require("@dnd-kit/sortable");
@@ -6457,10 +6457,11 @@ var import_jsx_runtime50 = require("react/jsx-runtime");
 var import_react32 = require("react");
 
 // src/components/ProductImagePreview/index.tsx
+var import_react33 = require("react");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 
 // src/components/CompactImagesPreview.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 var import_clsx36 = __toESM(require("clsx"), 1);
 var import_jsx_runtime52 = require("react/jsx-runtime");
 
@@ -6469,12 +6470,12 @@ var import_clsx37 = __toESM(require("clsx"), 1);
 var import_jsx_runtime53 = require("react/jsx-runtime");
 
 // src/components/ListGroup.tsx
-var import_react34 = require("react");
+var import_react35 = require("react");
 var import_clsx38 = __toESM(require("clsx"), 1);
 var import_jsx_runtime54 = require("react/jsx-runtime");
 
 // src/components/Pagination.tsx
-var import_react35 = require("react");
+var import_react36 = require("react");
 var import_clsx39 = __toESM(require("clsx"), 1);
 var import_jsx_runtime55 = require("react/jsx-runtime");
 var Pagination = ({
@@ -6486,7 +6487,7 @@ var Pagination = ({
   className,
   disabled
 }) => {
-  const goTo = (0, import_react35.useCallback)(
+  const goTo = (0, import_react36.useCallback)(
     (page) => {
       if (disabled) return;
       onPageChange(page);
@@ -6503,7 +6504,7 @@ var Pagination = ({
       goTo(currentPage + 1);
     }
   };
-  const pageTokens = (0, import_react35.useMemo)(() => {
+  const pageTokens = (0, import_react36.useMemo)(() => {
     if (totalPages <= 5) {
       return Array.from({ length: totalPages }, (_, i) => i + 1);
     }
@@ -6626,21 +6627,21 @@ var import_jsx_runtime56 = require("react/jsx-runtime");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 
 // src/components/SearchResultImage/index.tsx
-var import_react36 = require("react");
+var import_react37 = require("react");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 
 // src/components/Alert.tsx
 var import_clsx40 = __toESM(require("clsx"), 1);
-var import_react37 = require("react");
+var import_react38 = require("react");
 var import_jsx_runtime59 = require("react/jsx-runtime");
 
 // src/components/OrderCheckIcon.tsx
 var import_jsx_runtime60 = require("react/jsx-runtime");
 
 // src/components/EditingContext.tsx
-var import_react38 = require("react");
+var import_react39 = require("react");
 var import_jsx_runtime61 = require("react/jsx-runtime");
-var EditingContext = (0, import_react38.createContext)(null);
+var EditingContext = (0, import_react39.createContext)(null);
 
 // src/components/AccessCard.tsx
 var import_clsx42 = __toESM(require("clsx"), 1);
@@ -6774,11 +6775,11 @@ var import_jsx_runtime63 = require("react/jsx-runtime");
 
 // src/components/AccessCardGroup.tsx
 var import_clsx43 = __toESM(require("clsx"), 1);
-var import_react39 = require("react");
+var import_react40 = require("react");
 var import_jsx_runtime64 = require("react/jsx-runtime");
 
 // src/components/EmblaCarousel/index.tsx
-var import_react42 = __toESM(require("react"), 1);
+var import_react43 = __toESM(require("react"), 1);
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
 var import_embla_carousel_autoplay = __toESM(require("embla-carousel-autoplay"), 1);
 
@@ -6786,7 +6787,7 @@ var import_embla_carousel_autoplay = __toESM(require("embla-carousel-autoplay"),
 var import_jsx_runtime65 = require("react/jsx-runtime");
 
 // src/components/EmblaCarousel/useSelectedSnapDisplay.ts
-var import_react40 = require("react");
+var import_react41 = require("react");
 
 // src/components/EmblaCarousel/ArrowButtons.tsx
 var import_clsx44 = __toESM(require("clsx"), 1);
@@ -6796,7 +6797,7 @@ var arrowButtonStyles = (0, import_clsx44.default)(
 );
 
 // src/components/EmblaCarousel/usePrevNextButtons.ts
-var import_react41 = require("react");
+var import_react42 = require("react");
 
 // src/components/EmblaCarousel/index.tsx
 var import_clsx45 = __toESM(require("clsx"), 1);
@@ -6806,8 +6807,8 @@ var import_jsx_runtime67 = require("react/jsx-runtime");
 var import_jsx_runtime68 = require("react/jsx-runtime");
 function ColumnSelector() {
   const context = useGridContext();
-  const ref = (0, import_react43.useRef)(null);
-  const [show, setShow] = (0, import_react43.useState)(false);
+  const ref = (0, import_react44.useRef)(null);
+  const [show, setShow] = (0, import_react44.useState)(false);
   const {
     columns,
     id,
@@ -6818,7 +6819,7 @@ function ColumnSelector() {
     resetColumnVisibility,
     dispatch
   } = context;
-  const toggleColumnVisibility = (0, import_react43.useCallback)(
+  const toggleColumnVisibility = (0, import_react44.useCallback)(
     (index, visible) => {
       dispatch({ type: "UPDATE", index, payload: { meta: { visible } } });
     },

package/dist/components/MobileDataGrid/MobileDataGridHeader.js

@@ -5,11 +5,11 @@ import "../../chunk-3UPUZBP5.js";
 import "../../chunk-7ZJIGTFN.js";
 import "../../chunk-E3FOCECQ.js";
 import "../../chunk-Y5GD2FJA.js";
-import "../../chunk-AJGTMNW5.js";
+import "../../chunk-XW4B4CUY.js";
 import "../../chunk-MBZ55T2D.js";
-import "../../chunk-2IKT6IHB.js";
-import "../../chunk-YCDDBSVU.js";
-import "../../chunk-3X3Y4TMS.js";
+import "../../chunk-S4XW2XZW.js";
+import "../../chunk-65HTZ3R2.js";
+import "../../chunk-JRNU5BZ4.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-YULGJORA.js";
 import "../../chunk-Z2HPSFEQ.js";
@@ -47,7 +47,7 @@ import "../../chunk-PABII472.js";
 import "../../chunk-4UGMSWWA.js";
 import "../../chunk-WVUIIBRR.js";
 import "../../chunk-I3W5K76C.js";
-import "../../chunk-6R5GQV6W.js";
+import "../../chunk-ICJARSLG.js";
 import "../../chunk-ZRFXUER3.js";
 import "../../chunk-WVGXD7HT.js";
 import "../../chunk-VXWSAIB5.js";

package/dist/components/MobileDataGrid/index.cjs

@@ -721,7 +721,7 @@ function Theme({
 }
 
 // src/components/MobileDataGrid/ColumnSelector/index.tsx
-var import_react40 = require("react");
+var import_react41 = require("react");
 
 // src/components/DataGridCell.tsx
 var import_sortable = require("@dnd-kit/sortable");
@@ -5987,10 +5987,11 @@ var import_jsx_runtime38 = require("react/jsx-runtime");
 var import_react29 = require("react");
 
 // src/components/ProductImagePreview/index.tsx
+var import_react30 = require("react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
 
 // src/components/CompactImagesPreview.tsx
-var import_react30 = require("react");
+var import_react31 = require("react");
 var import_clsx29 = __toESM(require("clsx"), 1);
 var import_jsx_runtime40 = require("react/jsx-runtime");
 
@@ -5999,12 +6000,12 @@ var import_clsx30 = __toESM(require("clsx"), 1);
 var import_jsx_runtime41 = require("react/jsx-runtime");
 
 // src/components/ListGroup.tsx
-var import_react31 = require("react");
+var import_react32 = require("react");
 var import_clsx31 = __toESM(require("clsx"), 1);
 var import_jsx_runtime42 = require("react/jsx-runtime");
 
 // src/components/Pagination.tsx
-var import_react32 = require("react");
+var import_react33 = require("react");
 var import_clsx32 = __toESM(require("clsx"), 1);
 var import_jsx_runtime43 = require("react/jsx-runtime");
 var Pagination = ({
@@ -6016,7 +6017,7 @@ var Pagination = ({
   className,
   disabled
 }) => {
-  const goTo = (0, import_react32.useCallback)(
+  const goTo = (0, import_react33.useCallback)(
     (page) => {
       if (disabled) return;
       onPageChange(page);
@@ -6033,7 +6034,7 @@ var Pagination = ({
       goTo(currentPage + 1);
     }
   };
-  const pageTokens = (0, import_react32.useMemo)(() => {
+  const pageTokens = (0, import_react33.useMemo)(() => {
     if (totalPages <= 5) {
       return Array.from({ length: totalPages }, (_, i) => i + 1);
     }
@@ -6156,21 +6157,21 @@ var import_jsx_runtime44 = require("react/jsx-runtime");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 
 // src/components/SearchResultImage/index.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 
 // src/components/Alert.tsx
 var import_clsx33 = __toESM(require("clsx"), 1);
-var import_react34 = require("react");
+var import_react35 = require("react");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 
 // src/components/OrderCheckIcon.tsx
 var import_jsx_runtime48 = require("react/jsx-runtime");
 
 // src/components/EditingContext.tsx
-var import_react35 = require("react");
+var import_react36 = require("react");
 var import_jsx_runtime49 = require("react/jsx-runtime");
-var EditingContext = (0, import_react35.createContext)(null);
+var EditingContext = (0, import_react36.createContext)(null);
 
 // src/components/AccessCard.tsx
 var import_clsx35 = __toESM(require("clsx"), 1);
@@ -6304,11 +6305,11 @@ var import_jsx_runtime51 = require("react/jsx-runtime");
 
 // src/components/AccessCardGroup.tsx
 var import_clsx36 = __toESM(require("clsx"), 1);
-var import_react36 = require("react");
+var import_react37 = require("react");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 
 // src/components/EmblaCarousel/index.tsx
-var import_react39 = __toESM(require("react"), 1);
+var import_react40 = __toESM(require("react"), 1);
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
 var import_embla_carousel_autoplay = __toESM(require("embla-carousel-autoplay"), 1);
 
@@ -6316,7 +6317,7 @@ var import_embla_carousel_autoplay = __toESM(require("embla-carousel-autoplay"),
 var import_jsx_runtime53 = require("react/jsx-runtime");
 
 // src/components/EmblaCarousel/useSelectedSnapDisplay.ts
-var import_react37 = require("react");
+var import_react38 = require("react");
 
 // src/components/EmblaCarousel/ArrowButtons.tsx
 var import_clsx37 = __toESM(require("clsx"), 1);
@@ -6326,7 +6327,7 @@ var arrowButtonStyles = (0, import_clsx37.default)(
 );
 
 // src/components/EmblaCarousel/usePrevNextButtons.ts
-var import_react38 = require("react");
+var import_react39 = require("react");
 
 // src/components/EmblaCarousel/index.tsx
 var import_clsx38 = __toESM(require("clsx"), 1);
@@ -6336,8 +6337,8 @@ var import_jsx_runtime55 = require("react/jsx-runtime");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 function ColumnSelector() {
   const context = useGridContext();
-  const ref = (0, import_react40.useRef)(null);
-  const [show, setShow] = (0, import_react40.useState)(false);
+  const ref = (0, import_react41.useRef)(null);
+  const [show, setShow] = (0, import_react41.useState)(false);
   const {
     columns,
     id,
@@ -6348,7 +6349,7 @@ function ColumnSelector() {
     resetColumnVisibility,
     dispatch
   } = context;
-  const toggleColumnVisibility = (0, import_react40.useCallback)(
+  const toggleColumnVisibility = (0, import_react41.useCallback)(
     (index, visible) => {
       dispatch({ type: "UPDATE", index, payload: { meta: { visible } } });
     },
@@ -6503,7 +6504,7 @@ function MobileDataGridHeader({
 }
 
 // src/components/MobileDataGrid/GridContextProvider/index.tsx
-var import_react41 = require("react");
+var import_react42 = require("react");
 
 // src/components/MobileDataGrid/dataGridReducer.ts
 function dataGridReducer(state, action) {
@@ -6546,10 +6547,10 @@ function GridContextProvider(props) {
     getId,
     onRowSelect
   } = props;
-  const [columns, dispatch] = (0, import_react41.useReducer)(dataGridReducer, initialColumns);
-  const [selectedRowIds, setSelectedRowIds] = (0, import_react41.useState)([]);
-  const [currentRow, setCurrentRow] = (0, import_react41.useState)(null);
-  const resetColumnVisibility = (0, import_react41.useCallback)(() => {
+  const [columns, dispatch] = (0, import_react42.useReducer)(dataGridReducer, initialColumns);
+  const [selectedRowIds, setSelectedRowIds] = (0, import_react42.useState)([]);
+  const [currentRow, setCurrentRow] = (0, import_react42.useState)(null);
+  const resetColumnVisibility = (0, import_react42.useCallback)(() => {
     const newColumns = columns.map((column) => {
       var _a;
       const initialColumn = initialColumns.find((c) => c.id === column.id);
@@ -6561,7 +6562,7 @@ function GridContextProvider(props) {
     });
     dispatch({ type: "SET", payload: newColumns });
   }, [columns, initialColumns]);
-  const handleRowSelect = (0, import_react41.useCallback)(
+  const handleRowSelect = (0, import_react42.useCallback)(
     (item) => {
       var _a;
       const rowId = (_a = getId(item)) != null ? _a : "";
@@ -6572,7 +6573,7 @@ function GridContextProvider(props) {
     },
     [getId, onRowSelect, selectedRowIds]
   );
-  const handleRowSelectAll = (0, import_react41.useCallback)(() => {
+  const handleRowSelectAll = (0, import_react42.useCallback)(() => {
     setSelectedRowIds((prev) => {
       if (prev.length === data.length) {
         return [];
@@ -6580,13 +6581,13 @@ function GridContextProvider(props) {
       return data.map(getId).filter((id2) => id2 !== void 0);
     });
   }, [data, getId]);
-  const openRowDetail = (0, import_react41.useCallback)((row) => {
+  const openRowDetail = (0, import_react42.useCallback)((row) => {
     setCurrentRow(row);
   }, []);
-  const closeRowDetail = (0, import_react41.useCallback)(() => {
+  const closeRowDetail = (0, import_react42.useCallback)(() => {
     setCurrentRow(null);
   }, []);
-  const visibleColumns = (0, import_react41.useMemo)(() => {
+  const visibleColumns = (0, import_react42.useMemo)(() => {
     const effectiveLimit = typeof numberOfColumnsToShow === "number" ? Math.max(numberOfColumnsToShow - 1, 0) : void 0;
     if (primaryKey) {
       const pkColumn = columns.find((col) => col.id === String(primaryKey));
@@ -6604,7 +6605,7 @@ function GridContextProvider(props) {
       return ((_a = x.meta) == null ? void 0 : _a.visible) !== false;
     }).slice(0, effectiveLimit);
   }, [columns, numberOfColumnsToShow, primaryKey]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     setCurrentRow((prev) => {
       if (!prev) return prev;
       const prevId = getId(prev);
@@ -6642,7 +6643,7 @@ function GridContextProvider(props) {
 
 // src/components/Modal.tsx
 var import_clsx43 = __toESM(require("clsx"), 1);
-var import_react43 = require("react");
+var import_react44 = require("react");
 
 // src/components/ModalHeader.tsx
 var import_clsx39 = __toESM(require("clsx"), 1);
@@ -6829,10 +6830,10 @@ var import_react_dom4 = require("react-dom");
 var import_react_use = require("react-use");
 
 // src/components/useMounted.tsx
-var import_react42 = require("react");
+var import_react43 = require("react");
 var useMounted = () => {
-  const [isMounted, setIsMounted] = (0, import_react42.useState)(false);
-  (0, import_react42.useEffect)(() => {
+  const [isMounted, setIsMounted] = (0, import_react43.useState)(false);
+  (0, import_react43.useEffect)(() => {
     setIsMounted(true);
     return () => setIsMounted(false);
   }, []);
@@ -6927,12 +6928,12 @@ var Modal = ({
 }) => {
   var _a;
   const mounted = useMounted();
-  const modalRef = (0, import_react43.useRef)(null);
-  const bgRef = (0, import_react43.useRef)(null);
+  const modalRef = (0, import_react44.useRef)(null);
+  const bgRef = (0, import_react44.useRef)(null);
   const wasOpen = (0, import_react_use.usePrevious)(open);
   const isMobile = useMatchesMobile();
   const computedFixedHeightScrolling = isMobile || fixedHeightScrolling;
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (!mounted) return;
     if (!modalRef.current || !bgRef.current) {
       console.error("Modal or background reference is not set.");
@@ -6952,7 +6953,7 @@ var Modal = ({
       bgFadeIn(bgRef.current);
     }
   }, [mounted, onClose, open, wasOpen]);
-  const handleKeyDown = (0, import_react43.useCallback)(
+  const handleKeyDown = (0, import_react44.useCallback)(
     (e) => {
       if (e.key === "Escape") {
         if (onClose) {
@@ -6963,12 +6964,12 @@ var Modal = ({
     },
     [onClose]
   );
-  const handleClose = (0, import_react43.useCallback)(() => {
+  const handleClose = (0, import_react44.useCallback)(() => {
     if (onClose) {
       onClose();
     }
   }, [onClose]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (open) {
       document.addEventListener("keyup", handleKeyDown);
     }
@@ -6976,7 +6977,7 @@ var Modal = ({
       document.removeEventListener("keyup", handleKeyDown);
     };
   }, [open, handleKeyDown]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (!open) return;
     const scrollY = window.scrollY;
     const body = document.body;
@@ -6997,7 +6998,7 @@ var Modal = ({
     };
   }, [open]);
   const { sizeClass } = (_a = sizes[size]) != null ? _a : sizes.small;
-  const backgroundClickHandler = (0, import_react43.useCallback)(
+  const backgroundClickHandler = (0, import_react44.useCallback)(
     (e) => {
       const target = e.target;
       const currentTarget = e.currentTarget;

package/dist/components/MobileDataGrid/index.js

@@ -5,11 +5,11 @@ import "../../chunk-3UPUZBP5.js";
 import "../../chunk-7ZJIGTFN.js";
 import "../../chunk-E3FOCECQ.js";
 import "../../chunk-Y5GD2FJA.js";
-import "../../chunk-AJGTMNW5.js";
+import "../../chunk-XW4B4CUY.js";
 import "../../chunk-MBZ55T2D.js";
-import "../../chunk-2IKT6IHB.js";
-import "../../chunk-YCDDBSVU.js";
-import "../../chunk-3X3Y4TMS.js";
+import "../../chunk-S4XW2XZW.js";
+import "../../chunk-65HTZ3R2.js";
+import "../../chunk-JRNU5BZ4.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-YULGJORA.js";
 import "../../chunk-Z2HPSFEQ.js";
@@ -47,7 +47,7 @@ import "../../chunk-PABII472.js";
 import "../../chunk-4UGMSWWA.js";
 import "../../chunk-WVUIIBRR.js";
 import "../../chunk-I3W5K76C.js";
-import "../../chunk-6R5GQV6W.js";
+import "../../chunk-ICJARSLG.js";
 import "../../chunk-ZRFXUER3.js";
 import "../../chunk-WVGXD7HT.js";
 import "../../chunk-VXWSAIB5.js";

package/dist/components/ProductImagePreview/MobileImageCarousel.cjs

@@ -31,6 +31,7 @@ function MobileImageCarousel({
   width = 483,
   height = 483,
   onChangeIndex,
+  onImageError,
   className = ""
 }) {
   const containerRef = (0, import_react.useRef)(null);
@@ -185,6 +186,7 @@ function MobileImageCarousel({
                     className: "w-full h-full object-cover",
                     draggable: false,
                     loading: distance <= 1 ? "eager" : "lazy",
+                    onError: () => onImageError == null ? void 0 : onImageError(image.src),
                     style: {
                       aspectRatio: "1 / 1"
                     }

package/dist/components/ProductImagePreview/MobileImageCarousel.js

@@ -1,6 +1,6 @@
 import {
   MobileImageCarousel
-} from "../../chunk-2IKT6IHB.js";
+} from "../../chunk-S4XW2XZW.js";
 import "../../chunk-ORMEWXMH.js";
 export {
   MobileImageCarousel

package/dist/components/ProductImagePreview/ProductPrimaryImage.cjs

@@ -52,6 +52,7 @@ function ProductPrimaryImage({
   scrollToZoomEnabled = false,
   className = "",
   isPlaceholder = false,
+  onImageError,
   onZoomPositionChange,
   onScrollZoom
 }) {
@@ -141,12 +142,13 @@ function ProductPrimaryImage({
   }, [scrollToZoomEnabled, zoomEnabled, active, onScrollZoom]);
   const handleImgError = (0, import_react.useCallback)(
     (e) => {
+      onImageError == null ? void 0 : onImageError(imageSrc);
       if (!placeholderImageUri) return;
       const img = e.currentTarget;
       if (img.src === placeholderImageUri) return;
       img.src = placeholderImageUri;
     },
-    []
+    [imageSrc, onImageError]
   );
   const pt = lastPointRef.current;
   let lensStyle;