@dmsi/wedgekit-react 0.0.452 → 0.0.454

package/dist/{chunk-LCJZRP5S.js → chunk-2F3R3WXW.js}

@@ -1,19 +1,19 @@
 import {
   Label
-} from "./chunk-7CS736EF.js";
+} from "./chunk-AL5QIRY3.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
 import {
   Button
-} from "./chunk-WWAPK5PH.js";
+} from "./chunk-LPY6PMAY.js";
 import {
   baseTransition,
   componentGap,
   componentPadding,
   componentPaddingMinusBorder,
   componentPaddingYUsingComponentGap
-} from "./chunk-6CTCHYIS.js";
+} from "./chunk-IXR65MOU.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-4V6ZO2MR.js → chunk-35WYHAWI.js}

@@ -6,20 +6,20 @@ import {
 } from "./chunk-NVOZAVEX.js";
 import {
   MenuOption
-} from "./chunk-QNJTYAPX.js";
+} from "./chunk-SOZRGIQW.js";
+import {
+  Search
+} from "./chunk-RQRR4FEF.js";
 import {
   CSS
 } from "./chunk-WVUIIBRR.js";
-import {
-  Search
-} from "./chunk-MVMYXAXB.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
 import {
   componentPadding,
   paddingUsingComponentGap
-} from "./chunk-6CTCHYIS.js";
+} from "./chunk-IXR65MOU.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-NAY4I3FL.js → chunk-3DEYCNUE.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-5IFPG6TS.js";
 import {
   MobileDataGridColumn
-} from "./chunk-7HCS6TZN.js";
-import {
-  Stack
-} from "./chunk-DTW7JCBR.js";
+} from "./chunk-KW6V7O3H.js";
 import {
   Paragraph
-} from "./chunk-OGIFIPKH.js";
+} from "./chunk-ZSETMD4A.js";
+import {
+  Stack
+} from "./chunk-DORD2EBO.js";
 
 // src/components/MobileDataGrid/RowDetailModalProvider/ModalContent.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{chunk-SVTQGC2D.js → chunk-44TH3VC7.js}

@@ -1,6 +1,6 @@
 import {
   Label
-} from "./chunk-7CS736EF.js";
+} from "./chunk-AL5QIRY3.js";
 import {
   formatCurrencyDisplay,
   formatDecimalValue,
@@ -13,9 +13,10 @@ import {
   baseTransition,
   componentGap,
   componentPaddingMinusBorder,
+  componentPaddingMinusBorderDesktop,
   componentPaddingXUsingComponentGap,
   typography
-} from "./chunk-6CTCHYIS.js";
+} from "./chunk-IXR65MOU.js";
 import {
   __objRest,
   __spreadProps,
@@ -52,7 +53,8 @@ var InputBase = (_a) => {
     secondaryIconColor,
     fullWidth = true,
     width,
-    wrapperRef
+    wrapperRef,
+    autocompletePadding = false
   } = _b, props = __objRest(_b, [
     "id",
     "testid",
@@ -74,7 +76,8 @@ var InputBase = (_a) => {
     "secondaryIconColor",
     "fullWidth",
     "width",
-    "wrapperRef"
+    "wrapperRef",
+    "autocompletePadding"
   ]);
   const attributes = {
     "data-error": error && !focus || null,
@@ -102,7 +105,8 @@ var InputBase = (_a) => {
     componentGap,
     baseTransition,
     "outline-transparent outline-2 -outline-offset-2",
-    componentPaddingMinusBorder,
+    !autocompletePadding && componentPaddingMinusBorder,
+    autocompletePadding && componentPaddingMinusBorderDesktop,
     !removeRoundness && "rounded-base",
     !removeBorder && "border border-border-primary-normal",
     "relative"

package/dist/{chunk-3N66DG6V.js → chunk-5TUXHY4R.js}

@@ -1,18 +1,18 @@
 import {
   useMounted
 } from "./chunk-4RJKB7LC.js";
+import {
+  ModalContent
+} from "./chunk-FG7GNGE3.js";
 import {
   ModalHeader
-} from "./chunk-T36HX6QY.js";
+} from "./chunk-G7KIKHER.js";
 import {
   ModalScrim
 } from "./chunk-AG43RS4Q.js";
 import {
   ModalButtons
-} from "./chunk-XM7IQHBU.js";
-import {
-  ModalContent
-} from "./chunk-FRHPFACM.js";
+} from "./chunk-ZQJMNPCF.js";
 import {
   useMatchesMobile
 } from "./chunk-MYKYZHEO.js";

package/dist/{chunk-IFHMGICR.js → chunk-6TYWM26K.js}

@@ -1,9 +1,9 @@
 import {
   Label
-} from "./chunk-7CS736EF.js";
+} from "./chunk-AL5QIRY3.js";
 import {
   Stack
-} from "./chunk-DTW7JCBR.js";
+} from "./chunk-DORD2EBO.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/{chunk-PQWWVBSR.js → chunk-7BVUTFZ5.js}

@@ -1,9 +1,9 @@
 import {
   Subheader
-} from "./chunk-FA7IFW66.js";
+} from "./chunk-UCJUC5AZ.js";
 import {
   Stack
-} from "./chunk-DTW7JCBR.js";
+} from "./chunk-DORD2EBO.js";
 
 // src/components/SimpleTable.tsx
 import clsx from "clsx";

package/dist/{chunk-DCLNAUC4.js → chunk-7GHD74J3.js}

@@ -1,7 +1,7 @@
 import {
   componentPadding,
   typography
-} from "./chunk-6CTCHYIS.js";
+} from "./chunk-IXR65MOU.js";
 
 // src/components/Tooltip.tsx
 import clsx from "clsx";

package/dist/{chunk-7CS736EF.js → chunk-AL5QIRY3.js}

@@ -1,7 +1,7 @@
 import {
   componentPaddingXUsingComponentGap,
   typography
-} from "./chunk-6CTCHYIS.js";
+} from "./chunk-IXR65MOU.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-6LHBY2IH.js → chunk-B53XDCLO.js}

@@ -1,18 +1,18 @@
 import {
   Heading3
-} from "./chunk-EU73QPW7.js";
-import {
-  Stack
-} from "./chunk-DTW7JCBR.js";
+} from "./chunk-H2KC5XUY.js";
 import {
   Paragraph
-} from "./chunk-OGIFIPKH.js";
+} from "./chunk-ZSETMD4A.js";
+import {
+  Stack
+} from "./chunk-DORD2EBO.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
 import {
   Button
-} from "./chunk-WWAPK5PH.js";
+} from "./chunk-LPY6PMAY.js";
 
 // src/components/PDFViewer/PDFNavigation.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{chunk-DTW7JCBR.js → chunk-DORD2EBO.js}

@@ -1,6 +1,6 @@
 import {
   paddingYUsingLayoutGroupGap
-} from "./chunk-6CTCHYIS.js";
+} from "./chunk-IXR65MOU.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-5H4VGR2X.js → chunk-DVMIKJ6A.js}

@@ -1,15 +1,15 @@
 import {
   DownloadIcon
-} from "./chunk-EJSPFQCY.js";
+} from "./chunk-JUFBGNWW.js";
 import {
   PDFElement
-} from "./chunk-RQLWSLVE.js";
+} from "./chunk-YNKN6RKF.js";
 import {
   PdfNavigation
-} from "./chunk-6LHBY2IH.js";
+} from "./chunk-B53XDCLO.js";
 import {
   Modal
-} from "./chunk-3N66DG6V.js";
+} from "./chunk-5TUXHY4R.js";
 
 // src/components/PDFViewer/index.tsx
 import { useCallback, useState } from "react";

package/dist/{chunk-FRHPFACM.js → chunk-FG7GNGE3.js}

@@ -1,6 +1,6 @@
 import {
   layoutPaddding
-} from "./chunk-6CTCHYIS.js";
+} from "./chunk-IXR65MOU.js";
 
 // src/components/ModalContent.tsx
 import clsx from "clsx";

package/dist/{chunk-VEL4ICLU.js → chunk-G7EOLHST.js}

@@ -1,6 +1,6 @@
 import {
   Button
-} from "./chunk-WWAPK5PH.js";
+} from "./chunk-LPY6PMAY.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-T36HX6QY.js → chunk-G7KIKHER.js}

@@ -1,16 +1,16 @@
 import {
   Heading2
-} from "./chunk-EU73QPW7.js";
+} from "./chunk-H2KC5XUY.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
 import {
   Button
-} from "./chunk-WWAPK5PH.js";
+} from "./chunk-LPY6PMAY.js";
 import {
   layoutGroupGap,
   layoutPaddding
-} from "./chunk-6CTCHYIS.js";
+} from "./chunk-IXR65MOU.js";
 
 // src/components/ModalHeader.tsx
 import clsx from "clsx";

package/dist/{chunk-TYAQWVIM.js → chunk-GRGDX7JC.js}

@@ -1,12 +1,12 @@
 import {
   Subheader
-} from "./chunk-FA7IFW66.js";
+} from "./chunk-UCJUC5AZ.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
 import {
   paddingUsingComponentGap
-} from "./chunk-6CTCHYIS.js";
+} from "./chunk-IXR65MOU.js";
 
 // src/components/Pagination.tsx
 import { useCallback, useMemo } from "react";

package/dist/{chunk-EU73QPW7.js → chunk-H2KC5XUY.js}

@@ -1,6 +1,6 @@
 import {
   typography
-} from "./chunk-6CTCHYIS.js";
+} from "./chunk-IXR65MOU.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-JQWYQDH7.js → chunk-HVNHTM3P.js}

@@ -1,6 +1,6 @@
 import {
   InputBase
-} from "./chunk-SVTQGC2D.js";
+} from "./chunk-44TH3VC7.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/{chunk-DNYGKNQM.js → chunk-I363QX6Y.js}

@@ -21,7 +21,7 @@ import {
 } from "./chunk-MYKYZHEO.js";
 import {
   Stack
-} from "./chunk-DTW7JCBR.js";
+} from "./chunk-DORD2EBO.js";
 
 // src/components/ProductImagePreview/useProductImagePreview.ts
 import { useCallback, useEffect, useRef, useState, useMemo } from "react";

package/dist/{chunk-6CTCHYIS.js → chunk-IXR65MOU.js}

@@ -95,12 +95,18 @@ var componentPaddingXUsingComponentGap = clsx(
 var componentPaddingYUsingComponentGap = clsx(
   "py-mobile-component-gap desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
 );
+var componentPaddingYUsingComponentGap2xMobile = clsx(
+  "py-[calc(var(--spacing-mobile-component-gap)_+_8px)] desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
+);
 var componentPaddingMinusBorder = clsx(
   "p-[calc(var(--spacing-mobile-component-padding)_-_1px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_1px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_1px)]"
 );
 var componentPaddingMinus2pxBorder = clsx(
   "p-[calc(var(--spacing-mobile-component-padding)_-_2px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_2px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_2px)]"
 );
+var componentPaddingMinusBorderDesktop = clsx(
+  "p-[calc(var(--spacing-desktop-component-padding)_-_1px)]"
+);
 var layoutPaddding = clsx(
   "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
 );
@@ -141,8 +147,10 @@ export {
   componentPaddingY,
   componentPaddingXUsingComponentGap,
   componentPaddingYUsingComponentGap,
+  componentPaddingYUsingComponentGap2xMobile,
   componentPaddingMinusBorder,
   componentPaddingMinus2pxBorder,
+  componentPaddingMinusBorderDesktop,
   layoutPaddding,
   layoutPaddingBottom,
   containerPaddingX,

package/dist/{chunk-5TGP5EFM.js → chunk-IY7SXEVY.js}

@@ -1,18 +1,18 @@
 import {
   Card
 } from "./chunk-KBJZUVLM.js";
-import {
-  Stack
-} from "./chunk-DTW7JCBR.js";
 import {
   Paragraph
-} from "./chunk-OGIFIPKH.js";
+} from "./chunk-ZSETMD4A.js";
+import {
+  Stack
+} from "./chunk-DORD2EBO.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
 import {
   typography
-} from "./chunk-6CTCHYIS.js";
+} from "./chunk-IXR65MOU.js";
 
 // src/components/Accordion.tsx
 import clsx from "clsx";

package/dist/{chunk-EJSPFQCY.js → chunk-JUFBGNWW.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-NKUETCDA.js";
 import {
   Button
-} from "./chunk-WWAPK5PH.js";
+} from "./chunk-LPY6PMAY.js";
 
 // src/components/PDFViewer/DownloadIcon.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-GICZ5RWY.js → chunk-KHIJYWZ7.js}

@@ -1,6 +1,6 @@
 import {
   typography
-} from "./chunk-6CTCHYIS.js";
+} from "./chunk-IXR65MOU.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-7HCS6TZN.js → chunk-KW6V7O3H.js}

@@ -1,6 +1,6 @@
 import {
   Paragraph
-} from "./chunk-OGIFIPKH.js";
+} from "./chunk-ZSETMD4A.js";
 
 // src/components/MobileDataGrid/MobileDataGridCard/MobileDataGridColumn.tsx
 import { jsxs } from "react/jsx-runtime";

package/dist/{chunk-WWAPK5PH.js → chunk-LPY6PMAY.js}

@@ -5,7 +5,7 @@ import {
   componentPaddingXUsingComponentGap,
   paddingUsingComponentGap,
   typography
-} from "./chunk-6CTCHYIS.js";
+} from "./chunk-IXR65MOU.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-UOHCOOC2.js → chunk-LZH6DJEZ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-22VBZWJG.js";
 import {
   MenuOption
-} from "./chunk-QNJTYAPX.js";
+} from "./chunk-SOZRGIQW.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
@@ -12,7 +12,7 @@ import {
   layoutGap,
   layoutPaddding,
   typography
-} from "./chunk-6CTCHYIS.js";
+} from "./chunk-IXR65MOU.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-YUGQX4KH.js → chunk-OP7SXUO7.js}

@@ -1,12 +1,12 @@
 import {
   RowDetailModalProvider
-} from "./chunk-FJ7XT63P.js";
+} from "./chunk-ZBFOIMCY.js";
 import {
   GridContextProvider
 } from "./chunk-M7INAUAJ.js";
 import {
   ColumnList
-} from "./chunk-TJV3S52X.js";
+} from "./chunk-QMSPTD6L.js";
 import {
   useGridContext
 } from "./chunk-5IFPG6TS.js";
@@ -15,37 +15,37 @@ import {
 } from "./chunk-EWGHVZL5.js";
 import {
   Tooltip
-} from "./chunk-DCLNAUC4.js";
+} from "./chunk-7GHD74J3.js";
 import {
   Select
-} from "./chunk-JQWYQDH7.js";
+} from "./chunk-HVNHTM3P.js";
 import {
   Heading3
-} from "./chunk-EU73QPW7.js";
-import {
-  Checkbox
-} from "./chunk-NO5BIKWS.js";
+} from "./chunk-H2KC5XUY.js";
 import {
   DataCellHeader,
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "./chunk-4V6ZO2MR.js";
+} from "./chunk-35WYHAWI.js";
 import {
   Menu
 } from "./chunk-22VBZWJG.js";
 import {
   MenuOption
-} from "./chunk-QNJTYAPX.js";
+} from "./chunk-SOZRGIQW.js";
 import {
   Search
-} from "./chunk-MVMYXAXB.js";
+} from "./chunk-RQRR4FEF.js";
 import {
   Input
-} from "./chunk-SVTQGC2D.js";
+} from "./chunk-44TH3VC7.js";
 import {
   Label
-} from "./chunk-7CS736EF.js";
+} from "./chunk-AL5QIRY3.js";
+import {
+  Checkbox
+} from "./chunk-WEAVZEE4.js";
 import {
   useInfiniteScroll,
   useTableLayout
@@ -58,23 +58,23 @@ import {
 } from "./chunk-5UH6QUFB.js";
 import {
   Subheader
-} from "./chunk-FA7IFW66.js";
-import {
-  Stack
-} from "./chunk-DTW7JCBR.js";
+} from "./chunk-UCJUC5AZ.js";
 import {
   Paragraph
-} from "./chunk-OGIFIPKH.js";
+} from "./chunk-ZSETMD4A.js";
+import {
+  Stack
+} from "./chunk-DORD2EBO.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
 import {
   Button
-} from "./chunk-WWAPK5PH.js";
+} from "./chunk-LPY6PMAY.js";
 import {
   componentGap,
   componentPadding
-} from "./chunk-6CTCHYIS.js";
+} from "./chunk-IXR65MOU.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-FHQL42YP.js → chunk-PCQXSYTH.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-NKUETCDA.js";
 import {
   Button
-} from "./chunk-WWAPK5PH.js";
+} from "./chunk-LPY6PMAY.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-TJV3S52X.js → chunk-QMSPTD6L.js}

@@ -1,6 +1,6 @@
 import {
   MobileDataGridCard
-} from "./chunk-RDJT63IS.js";
+} from "./chunk-XIXQUEYC.js";
 import {
   useGridContext
 } from "./chunk-5IFPG6TS.js";

package/dist/{chunk-MVMYXAXB.js → chunk-RQRR4FEF.js}

@@ -1,6 +1,6 @@
 import {
   Input
-} from "./chunk-SVTQGC2D.js";
+} from "./chunk-44TH3VC7.js";
 import {
   __objRest,
   __spreadValues
@@ -25,7 +25,8 @@ var Search = (_a) => {
     renderMenu,
     onClick,
     wrapperClassName,
-    removeRoundness
+    removeRoundness,
+    autocompletePadding = false
   } = _b, props = __objRest(_b, [
     "id",
     "testid",
@@ -36,7 +37,8 @@ var Search = (_a) => {
     "renderMenu",
     "onClick",
     "wrapperClassName",
-    "removeRoundness"
+    "removeRoundness",
+    "autocompletePadding"
   ]);
   const inputRef = useRef(null);
   const inputContainerRef = useRef(null);
@@ -64,6 +66,7 @@ var Search = (_a) => {
         ref: inputRef,
         label,
         wrapperClassName,
+        autocompletePadding,
         onClick: (e) => {
           if (props.disabled || readOnly) {
             return;

package/dist/{chunk-QNJTYAPX.js → chunk-SOZRGIQW.js}

@@ -1,12 +1,12 @@
 import {
   Label
-} from "./chunk-7CS736EF.js";
+} from "./chunk-AL5QIRY3.js";
 import {
   useMatchesMobile
 } from "./chunk-MYKYZHEO.js";
 import {
   Paragraph
-} from "./chunk-OGIFIPKH.js";
+} from "./chunk-ZSETMD4A.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
@@ -14,7 +14,7 @@ import {
   baseTransition,
   componentGap,
   componentPadding
-} from "./chunk-6CTCHYIS.js";
+} from "./chunk-IXR65MOU.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-FA7IFW66.js → chunk-UCJUC5AZ.js}

@@ -1,6 +1,6 @@
 import {
   typography
-} from "./chunk-6CTCHYIS.js";
+} from "./chunk-IXR65MOU.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-CANJ2YPW.js → chunk-W53FKPJD.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-MYKYZHEO.js";
 import {
   Stack
-} from "./chunk-DTW7JCBR.js";
+} from "./chunk-DORD2EBO.js";
 
 // src/components/CompactImagesPreview.tsx
 import { useCallback } from "react";

package/dist/{chunk-NO5BIKWS.js → chunk-WEAVZEE4.js}

@@ -1,13 +1,13 @@
 import {
   Paragraph
-} from "./chunk-OGIFIPKH.js";
+} from "./chunk-ZSETMD4A.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
 import {
   baseTransition,
   componentGap
-} from "./chunk-6CTCHYIS.js";
+} from "./chunk-IXR65MOU.js";
 import {
   __objRest,
   __spreadValues