@dmsi/wedgekit-react 0.0.388 → 0.0.389

package/dist/components/MobileDataGrid/index.cjs

@@ -526,7 +526,8 @@ var Stack = (_a) => {
     marginBottom,
     testid,
     bottom,
-    zIndex
+    zIndex,
+    flexWrap
   } = _b, props = __objRest(_b, [
     "children",
     "items",
@@ -565,9 +566,10 @@ var Stack = (_a) => {
     "marginBottom",
     "testid",
     "bottom",
-    "zIndex"
+    "zIndex",
+    "flexWrap"
   ]);
-  var _a2, _b2, _c, _d, _e, _f;
+  var _a2, _b2, _c, _d, _e, _f, _g;
   const flexClassNames = getFlexClassNames({ items, justify, grow });
   const gapClassNames = useGapClassNames(sizing);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
@@ -594,7 +596,9 @@ var Stack = (_a) => {
         borderBlock: (_d = props.style) == null ? void 0 : _d.borderBlock,
         marginInline: (_e = props.style) == null ? void 0 : _e.marginInline,
         zIndex: zIndex !== void 0 ? zIndex : void 0,
-        gap: (_f = props.style) == null ? void 0 : _f.gap
+        flexWrap,
+        paddingInline: (_f = props.style) == null ? void 0 : _f.paddingInline,
+        gap: (_g = props.style) == null ? void 0 : _g.gap
       },
       className: (0, import_clsx6.default)(
         "scrollbar-thin",
@@ -666,7 +670,7 @@ function Theme({
 }
 
 // src/components/MobileDataGrid/ColumnSelector/index.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 
 // src/components/DataGridCell.tsx
 var import_sortable = require("@dnd-kit/sortable");
@@ -4288,6 +4292,9 @@ var import_jsx_runtime25 = require("react/jsx-runtime");
 // src/components/Accordion.tsx
 var import_jsx_runtime26 = require("react/jsx-runtime");
 
+// src/components/ProductImagePreview/Thumbnail.tsx
+var import_react20 = require("react");
+
 // src/components/ImagePlaceholder.tsx
 var import_react19 = require("react");
 var import_jsx_runtime27 = require("react/jsx-runtime");
@@ -4296,12 +4303,12 @@ var import_jsx_runtime27 = require("react/jsx-runtime");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 
 // src/components/Grid.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 var import_clsx23 = __toESM(require("clsx"), 1);
 var import_jsx_runtime29 = require("react/jsx-runtime");
 
 // src/components/ProductImagePreview/ProductPrimaryImage.tsx
-var import_react21 = require("react");
+var import_react22 = require("react");
 
 // src/components/Spinner.tsx
 var import_jsx_runtime30 = require("react/jsx-runtime");
@@ -4337,7 +4344,7 @@ Spinner.displayName = "Spinner";
 var import_jsx_runtime31 = require("react/jsx-runtime");
 
 // src/components/ProductImagePreview/ZoomWindow.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 
 // src/components/Surface.tsx
 var import_clsx24 = __toESM(require("clsx"), 1);
@@ -4382,26 +4389,26 @@ var import_clsx25 = require("clsx");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 
 // src/components/ProductImagePreview/MobileImageCarousel.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 
 // src/components/ProductImagePreview/useProductImagePreview.ts
-var import_react24 = require("react");
+var import_react25 = require("react");
 
 // src/components/ProductImagePreview/index.tsx
 var import_jsx_runtime36 = require("react/jsx-runtime");
 
 // src/components/CompactImagesPreview.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_clsx26 = __toESM(require("clsx"), 1);
 var import_jsx_runtime37 = require("react/jsx-runtime");
 
 // src/components/PDFViewer/index.tsx
-var import_react30 = require("react");
+var import_react31 = require("react");
 
 // src/components/Modal.tsx
 var import_clsx31 = __toESM(require("clsx"), 1);
-var import_react27 = require("react");
+var import_react28 = require("react");
 
 // src/components/ModalHeader.tsx
 var import_clsx27 = __toESM(require("clsx"), 1);
@@ -4573,10 +4580,10 @@ var import_react_dom3 = require("react-dom");
 var import_react_use = require("react-use");
 
 // src/components/useMounted.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 var useMounted = () => {
-  const [isMounted, setIsMounted] = (0, import_react26.useState)(false);
-  (0, import_react26.useEffect)(() => {
+  const [isMounted, setIsMounted] = (0, import_react27.useState)(false);
+  (0, import_react27.useEffect)(() => {
     setIsMounted(true);
     return () => setIsMounted(false);
   }, []);
@@ -4668,12 +4675,12 @@ var Modal = ({
 }) => {
   var _a;
   const mounted = useMounted();
-  const modalRef = (0, import_react27.useRef)(null);
-  const bgRef = (0, import_react27.useRef)(null);
+  const modalRef = (0, import_react28.useRef)(null);
+  const bgRef = (0, import_react28.useRef)(null);
   const wasOpen = (0, import_react_use.usePrevious)(open);
   const isMobile = useMatchesMobile();
   const computedFixedHeightScrolling = isMobile || fixedHeightScrolling;
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (!mounted) return;
     if (!modalRef.current || !bgRef.current) {
       console.error("Modal or background reference is not set.");
@@ -4693,7 +4700,7 @@ var Modal = ({
       bgFadeIn(bgRef.current);
     }
   }, [mounted, onClose, open, wasOpen]);
-  const handleKeyDown = (0, import_react27.useCallback)(
+  const handleKeyDown = (0, import_react28.useCallback)(
     (e) => {
       if (e.key === "Escape") {
         if (onClose) {
@@ -4704,12 +4711,12 @@ var Modal = ({
     },
     [onClose]
   );
-  const handleClose = (0, import_react27.useCallback)(() => {
+  const handleClose = (0, import_react28.useCallback)(() => {
     if (onClose) {
       onClose();
     }
   }, [onClose]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (open) {
       document.addEventListener("keyup", handleKeyDown);
     }
@@ -4717,7 +4724,7 @@ var Modal = ({
       document.removeEventListener("keyup", handleKeyDown);
     };
   }, [open, handleKeyDown]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (!open) return;
     const scrollY = window.scrollY;
     const body = document.body;
@@ -4738,7 +4745,7 @@ var Modal = ({
     };
   }, [open]);
   const { sizeClass } = (_a = sizes[size]) != null ? _a : sizes.small;
-  const backgroundClickHandler = (0, import_react27.useCallback)(
+  const backgroundClickHandler = (0, import_react28.useCallback)(
     (e) => {
       const target = e.target;
       const currentTarget = e.currentTarget;
@@ -4824,11 +4831,11 @@ Modal.displayName = "Modal";
 
 // src/components/PDFViewer/PDFElement.tsx
 var import_react_pdf2 = require("@mikecousins/react-pdf");
-var import_react29 = require("react");
+var import_react30 = require("react");
 
 // src/components/PDFViewer/PDFPage.tsx
 var import_react_pdf = require("@mikecousins/react-pdf");
-var import_react28 = require("react");
+var import_react29 = require("react");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 
 // src/components/PDFViewer/PDFElement.tsx
@@ -4845,15 +4852,15 @@ var import_jsx_runtime46 = require("react/jsx-runtime");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 
 // src/components/MobileDataGrid/GridContextProvider/useGridContext.ts
-var import_react32 = require("react");
+var import_react33 = require("react");
 
 // src/components/MobileDataGrid/GridContextProvider/GridContext.tsx
-var import_react31 = require("react");
-var GridContext = (0, import_react31.createContext)(null);
+var import_react32 = require("react");
+var GridContext = (0, import_react32.createContext)(null);
 
 // src/components/MobileDataGrid/GridContextProvider/useGridContext.ts
 function useGridContext() {
-  const ctx = (0, import_react32.useContext)(GridContext);
+  const ctx = (0, import_react33.useContext)(GridContext);
   if (!ctx) {
     throw new Error("useGridContext must be used within GridContextProvider");
   }
@@ -4864,8 +4871,8 @@ function useGridContext() {
 var import_jsx_runtime48 = require("react/jsx-runtime");
 function ColumnSelector() {
   const context = useGridContext();
-  const ref = (0, import_react33.useRef)(null);
-  const [show, setShow] = (0, import_react33.useState)(false);
+  const ref = (0, import_react34.useRef)(null);
+  const [show, setShow] = (0, import_react34.useState)(false);
   const {
     columns,
     id,
@@ -4876,7 +4883,7 @@ function ColumnSelector() {
     resetColumnVisibility,
     dispatch
   } = context;
-  const toggleColumnVisibility = (0, import_react33.useCallback)(
+  const toggleColumnVisibility = (0, import_react34.useCallback)(
     (index, visible) => {
       dispatch({ type: "UPDATE", index, payload: { meta: { visible } } });
     },
@@ -5030,7 +5037,7 @@ function MobileDataGridHeader({
 }
 
 // src/components/MobileDataGrid/GridContextProvider/index.tsx
-var import_react34 = require("react");
+var import_react35 = require("react");
 
 // src/components/MobileDataGrid/dataGridReducer.ts
 function dataGridReducer(state, action) {
@@ -5073,10 +5080,10 @@ function GridContextProvider(props) {
     getId,
     onRowSelect
   } = props;
-  const [columns, dispatch] = (0, import_react34.useReducer)(dataGridReducer, initialColumns);
-  const [selectedRowIds, setSelectedRowIds] = (0, import_react34.useState)([]);
-  const [currentRow, setCurrentRow] = (0, import_react34.useState)(null);
-  const resetColumnVisibility = (0, import_react34.useCallback)(() => {
+  const [columns, dispatch] = (0, import_react35.useReducer)(dataGridReducer, initialColumns);
+  const [selectedRowIds, setSelectedRowIds] = (0, import_react35.useState)([]);
+  const [currentRow, setCurrentRow] = (0, import_react35.useState)(null);
+  const resetColumnVisibility = (0, import_react35.useCallback)(() => {
     const newColumns = columns.map((column) => {
       var _a;
       const initialColumn = initialColumns.find((c) => c.id === column.id);
@@ -5088,7 +5095,7 @@ function GridContextProvider(props) {
     });
     dispatch({ type: "SET", payload: newColumns });
   }, [columns, initialColumns]);
-  const handleRowSelect = (0, import_react34.useCallback)(
+  const handleRowSelect = (0, import_react35.useCallback)(
     (item) => {
       var _a;
       const rowId = (_a = getId(item)) != null ? _a : "";
@@ -5099,7 +5106,7 @@ function GridContextProvider(props) {
     },
     [getId, onRowSelect, selectedRowIds]
   );
-  const handleRowSelectAll = (0, import_react34.useCallback)(() => {
+  const handleRowSelectAll = (0, import_react35.useCallback)(() => {
     setSelectedRowIds((prev) => {
       if (prev.length === data.length) {
         return [];
@@ -5107,13 +5114,13 @@ function GridContextProvider(props) {
       return data.map(getId).filter((id2) => id2 !== void 0);
     });
   }, [data, getId]);
-  const openRowDetail = (0, import_react34.useCallback)((row) => {
+  const openRowDetail = (0, import_react35.useCallback)((row) => {
     setCurrentRow(row);
   }, []);
-  const closeRowDetail = (0, import_react34.useCallback)(() => {
+  const closeRowDetail = (0, import_react35.useCallback)(() => {
     setCurrentRow(null);
   }, []);
-  const visibleColumns = (0, import_react34.useMemo)(() => {
+  const visibleColumns = (0, import_react35.useMemo)(() => {
     const effectiveLimit = typeof numberOfColumnsToShow === "number" ? Math.max(numberOfColumnsToShow - 1, 0) : void 0;
     if (primaryKey) {
       const pkColumn = columns.find((col) => col.id === String(primaryKey));

package/dist/components/MobileDataGrid/index.css

@@ -823,6 +823,9 @@
   .min-h-\[120px\] {
     min-height: 120px;
   }
+  .min-h-full {
+    min-height: 100%;
+  }
   .min-h-min {
     min-height: min-content;
   }
@@ -3594,6 +3597,21 @@
       outline-style: none;
     }
   }
+  .data-active\:border-transparent {
+    &[data-active] {
+      border-color: transparent;
+    }
+  }
+  .data-active\:bg-background-action-primary-normal {
+    &[data-active] {
+      background-color: var(--color-background-action-primary-normal);
+    }
+  }
+  .data-active\:text-white {
+    &[data-active] {
+      color: var(--color-white);
+    }
+  }
   .data-disabled\:cursor-default {
     &[data-disabled] {
       cursor: default;

package/dist/components/MobileDataGrid/index.js

@@ -1,60 +1,60 @@
 import {
   MobileDataGrid
-} from "../../chunk-B6FYJZG7.js";
+} from "../../chunk-OW3WN3JV.js";
 import "../../chunk-M7INAUAJ.js";
-import "../../chunk-5Z4ODAYB.js";
-import "../../chunk-QJTAFSQA.js";
-import "../../chunk-A7CEYUVE.js";
-import "../../chunk-CQFPNZTN.js";
-import "../../chunk-HPQWEZJL.js";
+import "../../chunk-6I5LZ2ZC.js";
+import "../../chunk-44TDIHUP.js";
+import "../../chunk-LZGYABCX.js";
+import "../../chunk-G5DEC7H3.js";
+import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
-import "../../chunk-2XHBPMHQ.js";
-import "../../chunk-XFZRKXMV.js";
-import "../../chunk-DCCTNHNL.js";
-import "../../chunk-BPJR54VM.js";
+import "../../chunk-LLZ3SSZJ.js";
+import "../../chunk-EJSPFQCY.js";
+import "../../chunk-ERW5DEIO.js";
+import "../../chunk-2HMCS25C.js";
 import "../../chunk-VJVY6NPF.js";
 import "../../chunk-MBZ55T2D.js";
 import "../../chunk-2IKT6IHB.js";
-import "../../chunk-KSAN4ZLA.js";
-import "../../chunk-QF654HYZ.js";
+import "../../chunk-AA6GE3TH.js";
+import "../../chunk-KZZKQLKF.js";
 import "../../chunk-5IFPG6TS.js";
 import "../../chunk-AJ5M6MVX.js";
 import "../../chunk-M6TSTDNZ.js";
-import "../../chunk-EWGHVZL5.js";
 import "../../chunk-QQ5G773N.js";
 import "../../chunk-AT4AWD6B.js";
+import "../../chunk-EWGHVZL5.js";
 import "../../chunk-J5V2JRIK.js";
-import "../../chunk-E4AGWXFA.js";
+import "../../chunk-D6YCMQPO.js";
 import "../../chunk-4RJKB7LC.js";
-import "../../chunk-EC7SC3MO.js";
-import "../../chunk-AG43RS4Q.js";
-import "../../chunk-5OPI4GTJ.js";
+import "../../chunk-XM7IQHBU.js";
 import "../../chunk-FRHPFACM.js";
+import "../../chunk-T36HX6QY.js";
+import "../../chunk-AG43RS4Q.js";
 import "../../chunk-SBRRNFOP.js";
 import "../../chunk-ER6RCOH3.js";
 import "../../chunk-EU73QPW7.js";
 import "../../chunk-QVWYTQKL.js";
-import "../../chunk-77IGUML3.js";
+import "../../chunk-NO5BIKWS.js";
+import "../../chunk-MQX7GFLX.js";
+import "../../chunk-V47RTW7E.js";
 import "../../chunk-22VBZWJG.js";
 import "../../chunk-NVOZAVEX.js";
 import "../../chunk-QNJTYAPX.js";
+import "../../chunk-WVUIIBRR.js";
 import "../../chunk-6DPFKSCT.js";
 import "../../chunk-ZL5X7KP6.js";
 import "../../chunk-7CS736EF.js";
-import "../../chunk-WVUIIBRR.js";
-import "../../chunk-NO5BIKWS.js";
-import "../../chunk-FSLETAX4.js";
-import "../../chunk-WWAPK5PH.js";
 import "../../chunk-MYKYZHEO.js";
 import "../../chunk-VXWSAIB5.js";
 import "../../chunk-TYTD4FLW.js";
 import "../../chunk-5UH6QUFB.js";
 import "../../chunk-FA7IFW66.js";
-import "../../chunk-JRHYNZM6.js";
-import "../../chunk-4LXG6QNT.js";
+import "../../chunk-JIMJIJOF.js";
+import "../../chunk-EZCH4PQS.js";
+import "../../chunk-GB4ZTUQV.js";
 import "../../chunk-OGIFIPKH.js";
-import "../../chunk-MX57T3HP.js";
 import "../../chunk-NKUETCDA.js";
+import "../../chunk-WWAPK5PH.js";
 import "../../chunk-6CTCHYIS.js";
 import "../../chunk-ORMEWXMH.js";
 export {

package/dist/components/Modal.js

@@ -1,19 +1,19 @@
 "use client";
 import {
   Modal
-} from "../chunk-E4AGWXFA.js";
+} from "../chunk-D6YCMQPO.js";
 import "../chunk-4RJKB7LC.js";
-import "../chunk-EC7SC3MO.js";
-import "../chunk-AG43RS4Q.js";
-import "../chunk-5OPI4GTJ.js";
+import "../chunk-XM7IQHBU.js";
 import "../chunk-FRHPFACM.js";
+import "../chunk-T36HX6QY.js";
+import "../chunk-AG43RS4Q.js";
 import "../chunk-EU73QPW7.js";
-import "../chunk-WWAPK5PH.js";
 import "../chunk-MYKYZHEO.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-TYTD4FLW.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-NKUETCDA.js";
+import "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/ModalButtons.js

@@ -1,8 +1,8 @@
 import {
   ModalButtons
-} from "../chunk-5OPI4GTJ.js";
-import "../chunk-WWAPK5PH.js";
+} from "../chunk-XM7IQHBU.js";
 import "../chunk-NKUETCDA.js";
+import "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/ModalHeader.js

@@ -1,9 +1,9 @@
 import {
   ModalHeader
-} from "../chunk-EC7SC3MO.js";
+} from "../chunk-T36HX6QY.js";
 import "../chunk-EU73QPW7.js";
-import "../chunk-WWAPK5PH.js";
 import "../chunk-NKUETCDA.js";
+import "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/NavigationTab.js

@@ -1,8 +1,8 @@
 import {
   NavigationTab
-} from "../chunk-YUBQJQ75.js";
-import "../chunk-WWAPK5PH.js";
+} from "../chunk-FHQL42YP.js";
 import "../chunk-NKUETCDA.js";
+import "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/NavigationTabs.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   NavigationTab
-} from "../chunk-YUBQJQ75.js";
-import "../chunk-WWAPK5PH.js";
+} from "../chunk-FHQL42YP.js";
 import "../chunk-NKUETCDA.js";
+import "../chunk-WWAPK5PH.js";
 import {
   componentGap
 } from "../chunk-6CTCHYIS.js";

package/dist/components/Notification.cjs

@@ -544,7 +544,8 @@ var Stack = (_a) => {
     marginBottom,
     testid,
     bottom,
-    zIndex
+    zIndex,
+    flexWrap
   } = _b, props = __objRest(_b, [
     "children",
     "items",
@@ -583,9 +584,10 @@ var Stack = (_a) => {
     "marginBottom",
     "testid",
     "bottom",
-    "zIndex"
+    "zIndex",
+    "flexWrap"
   ]);
-  var _a2, _b2, _c, _d, _e, _f;
+  var _a2, _b2, _c, _d, _e, _f, _g;
   const flexClassNames = getFlexClassNames({ items, justify, grow });
   const gapClassNames = useGapClassNames(sizing);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
@@ -612,7 +614,9 @@ var Stack = (_a) => {
         borderBlock: (_d = props.style) == null ? void 0 : _d.borderBlock,
         marginInline: (_e = props.style) == null ? void 0 : _e.marginInline,
         zIndex: zIndex !== void 0 ? zIndex : void 0,
-        gap: (_f = props.style) == null ? void 0 : _f.gap
+        flexWrap,
+        paddingInline: (_f = props.style) == null ? void 0 : _f.paddingInline,
+        gap: (_g = props.style) == null ? void 0 : _g.gap
       },
       className: (0, import_clsx6.default)(
         "scrollbar-thin",

package/dist/components/Notification.js

@@ -3,17 +3,17 @@ import {
   Heading3
 } from "../chunk-EU73QPW7.js";
 import {
-  Button
-} from "../chunk-WWAPK5PH.js";
+  Stack
+} from "../chunk-GB4ZTUQV.js";
 import {
   Paragraph
 } from "../chunk-OGIFIPKH.js";
-import {
-  Stack
-} from "../chunk-MX57T3HP.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
+import {
+  Button
+} from "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
 import {
   __objRest,

package/dist/components/OptionPill.cjs

@@ -423,6 +423,7 @@ var OptionPill = (_a) => {
     onClick,
     onRemove,
     removable = false,
+    active = false,
     disabled = false,
     children,
     className
@@ -433,19 +434,27 @@ var OptionPill = (_a) => {
     "onClick",
     "onRemove",
     "removable",
+    "active",
     "disabled",
     "children",
     "className"
   ]);
   const additionalAttributes = {
     "data-disabled": disabled || null,
-    "data-selected": selected || null
+    "data-selected": selected || null,
+    "data-active": active || null
   };
   const classNames = (0, import_clsx5.default)(
     {
+      // Base interactive (only when not disabled)
       "hover:border-border-action-hover active:border-border-action-active": !disabled,
+      // Disabled base
       "data-disabled:cursor-default data-disabled:border-border-primary-normal": disabled,
+      // Active (Figma: filled blue background, white text)
+      "data-active:bg-background-action-primary-normal data-active:text-white data-active:border-transparent": active && !selected,
+      // Selected (filled style) overrides background & border, but keeps outline interaction chain.
       "data-selected:border-transparent data-selected:bg-background-action-secondary-hover data-selected:outline-border-action-normal data-selected:hover:outline-border-action-hover data-selected:active:outline-border-action-active": selected,
+      // Disabled + Selected combination
       "data-selected:data-disabled:bg-background-action-secondary-disabled data-selected:data-disabled:border-border-action-disabled data-selected:data-disabled:outline-transparent": disabled && selected
     },
     !removable && componentPadding,
@@ -497,7 +506,7 @@ var OptionPill = (_a) => {
             ),
             iconOnly: true,
             variant: "tertiary",
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: "close" })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: "close", size: 16 })
           }
         )
       ]

package/dist/components/OptionPill.js

@@ -1,9 +1,9 @@
 import {
   OptionPill
-} from "../chunk-4XTTJOQA.js";
+} from "../chunk-LCJZRP5S.js";
 import "../chunk-7CS736EF.js";
-import "../chunk-WWAPK5PH.js";
 import "../chunk-NKUETCDA.js";
+import "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/PDFViewer/DownloadIcon.js

@@ -1,8 +1,8 @@
 import {
   DownloadIcon
-} from "../../chunk-XFZRKXMV.js";
-import "../../chunk-WWAPK5PH.js";
+} from "../../chunk-EJSPFQCY.js";
 import "../../chunk-NKUETCDA.js";
+import "../../chunk-WWAPK5PH.js";
 import "../../chunk-6CTCHYIS.js";
 import "../../chunk-ORMEWXMH.js";
 export {

package/dist/components/PDFViewer/PDFElement.cjs

@@ -293,7 +293,8 @@ var Stack = (_a) => {
     marginBottom,
     testid,
     bottom,
-    zIndex
+    zIndex,
+    flexWrap
   } = _b, props = __objRest(_b, [
     "children",
     "items",
@@ -332,9 +333,10 @@ var Stack = (_a) => {
     "marginBottom",
     "testid",
     "bottom",
-    "zIndex"
+    "zIndex",
+    "flexWrap"
   ]);
-  var _a2, _b2, _c, _d, _e, _f;
+  var _a2, _b2, _c, _d, _e, _f, _g;
   const flexClassNames = getFlexClassNames({ items, justify, grow });
   const gapClassNames = useGapClassNames(sizing);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -361,7 +363,9 @@ var Stack = (_a) => {
         borderBlock: (_d = props.style) == null ? void 0 : _d.borderBlock,
         marginInline: (_e = props.style) == null ? void 0 : _e.marginInline,
         zIndex: zIndex !== void 0 ? zIndex : void 0,
-        gap: (_f = props.style) == null ? void 0 : _f.gap
+        flexWrap,
+        paddingInline: (_f = props.style) == null ? void 0 : _f.paddingInline,
+        gap: (_g = props.style) == null ? void 0 : _g.gap
       },
       className: (0, import_clsx2.default)(
         "scrollbar-thin",

package/dist/components/PDFViewer/PDFElement.js

@@ -1,9 +1,9 @@
 import {
   PDFElement
-} from "../../chunk-DCCTNHNL.js";
+} from "../../chunk-ERW5DEIO.js";
 import "../../chunk-VJVY6NPF.js";
 import "../../chunk-SBRRNFOP.js";
-import "../../chunk-MX57T3HP.js";
+import "../../chunk-GB4ZTUQV.js";
 import "../../chunk-6CTCHYIS.js";
 import "../../chunk-ORMEWXMH.js";
 export {