@dmsi/wedgekit-react 0.0.451 → 0.0.453

package/dist/components/DateRangeInput.cjs

@@ -166,12 +166,18 @@ var componentPaddingXUsingComponentGap = (0, import_clsx.default)(
 var componentPaddingYUsingComponentGap = (0, import_clsx.default)(
   "py-mobile-component-gap desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
 );
+var componentPaddingYUsingComponentGap2xMobile = (0, import_clsx.default)(
+  "py-[calc(var(--spacing-mobile-component-gap)_+_8px)] desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
+);
 var componentPaddingMinusBorder = (0, import_clsx.default)(
   "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 = (0, import_clsx.default)(
   "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 = (0, import_clsx.default)(
+  "p-[calc(var(--spacing-desktop-component-padding)_-_1px)]"
+);
 var layoutPaddding = (0, import_clsx.default)(
   "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
 );
@@ -336,7 +342,8 @@ var InputBase = (_a) => {
     secondaryIconColor,
     fullWidth = true,
     width,
-    wrapperRef
+    wrapperRef,
+    autocompletePadding = false
   } = _b, props = __objRest(_b, [
     "id",
     "testid",
@@ -358,7 +365,8 @@ var InputBase = (_a) => {
     "secondaryIconColor",
     "fullWidth",
     "width",
-    "wrapperRef"
+    "wrapperRef",
+    "autocompletePadding"
   ]);
   const attributes = {
     "data-error": error && !focus || null,
@@ -386,7 +394,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"
@@ -1894,7 +1903,8 @@ var Search = (_a) => {
     renderMenu,
     onClick,
     wrapperClassName,
-    removeRoundness
+    removeRoundness,
+    autocompletePadding = false
   } = _b, props = __objRest(_b, [
     "id",
     "testid",
@@ -1905,7 +1915,8 @@ var Search = (_a) => {
     "renderMenu",
     "onClick",
     "wrapperClassName",
-    "removeRoundness"
+    "removeRoundness",
+    "autocompletePadding"
   ]);
   const inputRef = (0, import_react10.useRef)(null);
   const inputContainerRef = (0, import_react10.useRef)(null);
@@ -1933,6 +1944,7 @@ var Search = (_a) => {
         ref: inputRef,
         label,
         wrapperClassName,
+        autocompletePadding,
         onClick: (e) => {
           if (props.disabled || readOnly) {
             return;
@@ -4930,8 +4942,11 @@ Pagination.displayName = "Pagination";
 // src/components/SkeletonParagraph.tsx
 var import_jsx_runtime60 = require("react/jsx-runtime");
 
-// src/components/CalendarRange.tsx
+// src/components/EmptyCartIcon.tsx
 var import_jsx_runtime61 = require("react/jsx-runtime");
+
+// src/components/CalendarRange.tsx
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function DateCell(_a) {
   var _b = _a, {
     date,
@@ -4966,7 +4981,7 @@ function DateCell(_a) {
     "id",
     "testid"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     "span",
     __spreadProps(__spreadValues({}, props), {
       id,
@@ -5120,7 +5135,7 @@ function CalendarRange({
     }
     return false;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     "div",
     {
       id,
@@ -5133,7 +5148,7 @@ function CalendarRange({
         // baseTransition,
         "overflow-hidden"
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         "div",
         {
           className: (0, import_clsx38.default)(
@@ -5141,7 +5156,7 @@ function CalendarRange({
             layoutGap
           ),
           children: (mode === "double" ? [0, 1] : [0]).map((offset, idx) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
               CalendarPane,
               {
                 getMonthData,
@@ -5206,13 +5221,13 @@ function CalendarPane({
   const month = getMonthData(offset);
   const totalCells = 42;
   const emptyCells = month.firstDayOffset;
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_react37.default.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_react37.default.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
       "div",
       {
         className: (0, import_clsx38.default)("flex flex-col"),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
             "div",
             {
               className: (0, import_clsx38.default)(
@@ -5221,7 +5236,7 @@ function CalendarPane({
                 "text-text-action-primary-normal"
               ),
               children: [
-                idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                   "button",
                   {
                     id: id ? `${id}-prev-month-button` : void 0,
@@ -5233,11 +5248,11 @@ function CalendarPane({
                     ),
                     "aria-label": "Previous month",
                     onClick: () => setBaseMonth(baseMonth.subtract({ months: 1 })),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: "chevron_left", size: 24 })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: "chevron_left", size: 24 })
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: (0, import_clsx38.default)(componentPadding, "mr-1") }),
-                /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                ) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: (0, import_clsx38.default)(componentPadding, "mr-1") }),
+                /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                     "button",
                     {
                       ref: (el) => {
@@ -5252,13 +5267,13 @@ function CalendarPane({
                       children: month.name
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                     Menu,
                     {
                       show: monthMenuOpen,
                       positionTo: monthMenuRef,
                       setShow: () => setMonthMenuOpen(false),
-                      children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                      children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                         MenuOption,
                         {
                           selected: baseMonth.month === x + 1,
@@ -5272,7 +5287,7 @@ function CalendarPane({
                       ))
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                     "button",
                     {
                       ref: (el) => {
@@ -5287,13 +5302,13 @@ function CalendarPane({
                       children: month.year
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                     Menu,
                     {
                       show: yearMenuOpen,
                       positionTo: yearMenuRef,
                       setShow: () => setYearMenuOpen(false),
-                      children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                      children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                         MenuOption,
                         {
                           selected: baseMonth.year === y,
@@ -5308,7 +5323,7 @@ function CalendarPane({
                     }
                   )
                 ] }),
-                (mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                (mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                   "button",
                   {
                     id: id ? `${id}-next-month-button` : void 0,
@@ -5320,13 +5335,13 @@ function CalendarPane({
                     ),
                     "aria-label": "Next month",
                     onClick: () => setBaseMonth(baseMonth.add({ months: 1 })),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: "chevron_right", size: 24 })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: "chevron_right", size: 24 })
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: (0, import_clsx38.default)(componentPadding, "ml-1") })
+                ) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: (0, import_clsx38.default)(componentPadding, "ml-1") })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: (0, import_clsx38.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: (0, import_clsx38.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
             "span",
             {
               className: (0, import_clsx38.default)(
@@ -5338,7 +5353,7 @@ function CalendarPane({
             },
             d
           )) }),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: (0, import_clsx38.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: (0, import_clsx38.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
             const day = i - emptyCells + 1;
             const date = month.date.with({ day: 1 }).add({
               days: i - emptyCells
@@ -5352,7 +5367,7 @@ function CalendarPane({
             const hoverDateIsAfterPendingFrom = hoveredDate && pendingFrom && import_polyfill.Temporal.PlainDate.compare(hoveredDate, pendingFrom) >= 0;
             const isRangeStart = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && fromDate && date.equals(fromDate) || hoverDateIsAfterPendingFrom && date.equals(pendingFrom);
             const isRangeEnd = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && toDate && date.equals(toDate) || hoverDateIsBeforePendingFrom && date.equals(pendingFrom);
-            return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
               DateCell,
               {
                 id: id ? `${id}-date-${date.toString()}` : void 0,
@@ -5377,7 +5392,7 @@ function CalendarPane({
         ]
       }
     ),
-    mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       "div",
       {
         className: (0, import_clsx38.default)(
@@ -5391,7 +5406,7 @@ function CalendarPane({
 }
 
 // src/components/DateRangeInput.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var DateRangeInput = (_a) => {
   var _b = _a, {
     id,
@@ -5811,8 +5826,8 @@ var DateRangeInput = (_a) => {
       }
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       InputBase,
       __spreadProps(__spreadValues({
         id,
@@ -5826,7 +5841,7 @@ var DateRangeInput = (_a) => {
         placeholder: disableRange ? "MM/DD/YYYY" : placeholder,
         disabled,
         readOnly,
-        after: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: "calendar_month" }),
+        after: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { name: "calendar_month" }),
         onFocus: handleFocus,
         onClick: handleClick,
         onChange: handleInputChange,
@@ -5837,7 +5852,7 @@ var DateRangeInput = (_a) => {
       })
     ),
     visible && !readOnly && (0, import_react_dom4.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
         "div",
         {
           ref: (el) => {
@@ -5849,7 +5864,7 @@ var DateRangeInput = (_a) => {
             left: `${calendarPosition.left}px`,
             minWidth: `${calendarPosition.width}px`
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
             CalendarRange,
             {
               id: id ? `${id}-calendar` : void 0,

package/dist/components/DateRangeInput.css

@@ -895,12 +895,12 @@
   .max-w-38 {
     max-width: calc(var(--spacing) * 38);
   }
+  .max-w-100 {
+    max-width: calc(var(--spacing) * 100);
+  }
   .max-w-240 {
     max-width: calc(var(--spacing) * 240);
   }
-  .max-w-\[400px\] {
-    max-width: 400px;
-  }
   .max-w-fit {
     max-width: fit-content;
   }
@@ -1919,6 +1919,9 @@
   .p-6 {
     padding: calc(var(--spacing) * 6);
   }
+  .p-\[calc\(var\(--spacing-desktop-component-padding\)_-_1px\)\] {
+    padding: calc(var(--spacing-desktop-component-padding) - 1px);
+  }
   .p-\[calc\(var\(--spacing-mobile-component-padding\)_-_1px\)\] {
     padding: calc(var(--spacing-mobile-component-padding) - 1px);
   }
@@ -1997,6 +2000,9 @@
   .py-\[15px\] {
     padding-block: 15px;
   }
+  .py-\[calc\(var\(--spacing-mobile-component-gap\)_\+_8px\)\] {
+    padding-block: calc(var(--spacing-mobile-component-gap) + 8px);
+  }
   .py-mobile-component-gap {
     padding-block: var(--spacing-mobile-component-gap);
   }

package/dist/components/DateRangeInput.js

@@ -1,56 +1,57 @@
 import {
   CalendarRange
-} from "../chunk-UOHCOOC2.js";
-import "../chunk-7B334WPV.js";
-import "../chunk-FFGIFICI.js";
-import "../chunk-NAY4I3FL.js";
+} from "../chunk-LZH6DJEZ.js";
+import "../chunk-BYRLHNBP.js";
+import "../chunk-UKSV4UHI.js";
+import "../chunk-IT4VFU6T.js";
 import "../chunk-M7INAUAJ.js";
-import "../chunk-3HBYDOYE.js";
-import "../chunk-DNYGKNQM.js";
+import "../chunk-DNUBM26R.js";
+import "../chunk-I363QX6Y.js";
 import "../chunk-MBZ55T2D.js";
 import "../chunk-2IKT6IHB.js";
 import "../chunk-YCDDBSVU.js";
 import "../chunk-3X3Y4TMS.js";
 import "../chunk-BQNPOGD5.js";
-import "../chunk-TJV3S52X.js";
-import "../chunk-RDJT63IS.js";
+import "../chunk-KJNK7KEV.js";
+import "../chunk-TVXBP5CW.js";
 import "../chunk-5IFPG6TS.js";
+import "../chunk-KW6V7O3H.js";
 import "../chunk-AJ5M6MVX.js";
-import "../chunk-7HCS6TZN.js";
-import "../chunk-EJSPFQCY.js";
-import "../chunk-RQLWSLVE.js";
-import "../chunk-6LHBY2IH.js";
+import "../chunk-JUFBGNWW.js";
+import "../chunk-YNKN6RKF.js";
 import "../chunk-VJVY6NPF.js";
+import "../chunk-GTBGPBH6.js";
+import "../chunk-AT4AWD6B.js";
 import "../chunk-EWGHVZL5.js";
-import "../chunk-DCLNAUC4.js";
-import "../chunk-PQWWVBSR.js";
+import "../chunk-7GHD74J3.js";
+import "../chunk-7BVUTFZ5.js";
 import "../chunk-ETAEB3TA.js";
-import "../chunk-AT4AWD6B.js";
-import "../chunk-JQWYQDH7.js";
-import "../chunk-TYAQWVIM.js";
-import "../chunk-SBCFBHNG.js";
+import "../chunk-HVNHTM3P.js";
+import "../chunk-GRGDX7JC.js";
+import "../chunk-KCUB3UWA.js";
 import "../chunk-4RJKB7LC.js";
+import "../chunk-G7KIKHER.js";
 import "../chunk-AG43RS4Q.js";
-import "../chunk-XM7IQHBU.js";
-import "../chunk-FRHPFACM.js";
-import "../chunk-T36HX6QY.js";
-import "../chunk-IFHMGICR.js";
+import "../chunk-ZQJMNPCF.js";
+import "../chunk-FG7GNGE3.js";
+import "../chunk-6TYWM26K.js";
 import "../chunk-SBRRNFOP.js";
 import "../chunk-Y2GK27RX.js";
-import "../chunk-EU73QPW7.js";
+import "../chunk-H2KC5XUY.js";
 import "../chunk-QVWYTQKL.js";
-import "../chunk-NO5BIKWS.js";
-import "../chunk-CANJ2YPW.js";
-import "../chunk-4V6ZO2MR.js";
+import "../chunk-75USUR3I.js";
+import "../chunk-WEAVZEE4.js";
+import "../chunk-W53FKPJD.js";
+import "../chunk-WX62IDZ5.js";
 import "../chunk-22VBZWJG.js";
 import "../chunk-NVOZAVEX.js";
-import "../chunk-QNJTYAPX.js";
+import "../chunk-SOZRGIQW.js";
 import "../chunk-WVUIIBRR.js";
-import "../chunk-MVMYXAXB.js";
+import "../chunk-RQRR4FEF.js";
 import {
   InputBase
-} from "../chunk-SVTQGC2D.js";
-import "../chunk-7CS736EF.js";
+} from "../chunk-44TH3VC7.js";
+import "../chunk-AL5QIRY3.js";
 import "../chunk-MYKYZHEO.js";
 import {
   findDocumentRoot
@@ -64,16 +65,16 @@ import {
   parseInputDate
 } from "../chunk-TYTD4FLW.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-FA7IFW66.js";
-import "../chunk-5TGP5EFM.js";
+import "../chunk-UCJUC5AZ.js";
+import "../chunk-ZQSD74IJ.js";
 import "../chunk-KBJZUVLM.js";
-import "../chunk-DTW7JCBR.js";
-import "../chunk-OGIFIPKH.js";
+import "../chunk-DORD2EBO.js";
+import "../chunk-ZSETMD4A.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import "../chunk-WWAPK5PH.js";
-import "../chunk-6CTCHYIS.js";
+import "../chunk-LPY6PMAY.js";
+import "../chunk-IXR65MOU.js";
 import {
   __objRest,
   __spreadProps,

package/dist/components/Display.cjs

@@ -163,12 +163,18 @@ var componentPaddingXUsingComponentGap = (0, import_clsx.default)(
 var componentPaddingYUsingComponentGap = (0, import_clsx.default)(
   "py-mobile-component-gap desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
 );
+var componentPaddingYUsingComponentGap2xMobile = (0, import_clsx.default)(
+  "py-[calc(var(--spacing-mobile-component-gap)_+_8px)] desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
+);
 var componentPaddingMinusBorder = (0, import_clsx.default)(
   "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 = (0, import_clsx.default)(
   "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 = (0, import_clsx.default)(
+  "p-[calc(var(--spacing-desktop-component-padding)_-_1px)]"
+);
 var layoutPaddding = (0, import_clsx.default)(
   "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
 );

package/dist/components/Display.js

@@ -2,8 +2,8 @@ import {
   Display,
   Display1,
   Display2
-} from "../chunk-GICZ5RWY.js";
-import "../chunk-6CTCHYIS.js";
+} from "../chunk-KHIJYWZ7.js";
+import "../chunk-IXR65MOU.js";
 import "../chunk-ORMEWXMH.js";
 export {
   Display,

package/dist/components/EmptyCartIcon.cjs

@@ -0,0 +1,51 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/EmptyCartIcon.tsx
+var EmptyCartIcon_exports = {};
+__export(EmptyCartIcon_exports, {
+  EmptyCartIcon: () => EmptyCartIcon
+});
+module.exports = __toCommonJS(EmptyCartIcon_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function EmptyCartIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      width: "211",
+      height: "196",
+      viewBox: "0 0 211 196",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M54.5305 76.3333H137.059L154.793 141.333L22.0305 141.333L54.5305 76.3333ZM3.60295 152.73C7.57878 159.165 14.4688 163 22.0305 163L160.697 163L167.381 187.516C168.67 192.228 172.95 195.5 177.835 195.5H199.502C205.493 195.5 210.335 190.647 210.335 184.667C210.335 178.687 205.493 173.833 199.502 173.833H186.112L155.79 62.6508C154.5 57.9383 150.221 54.6667 145.335 54.6667L47.8354 54.6667C43.7296 54.6667 39.9813 56.985 38.1396 60.6575L2.64963 131.648C-0.741211 138.419 -0.372879 146.295 3.60295 152.73ZM150.75 33C159.72 33 167 25.7308 167 16.75C167 7.76917 159.72 0.5 150.75 0.5C141.78 0.5 134.5 7.76917 134.5 16.75C134.5 25.7308 141.78 33 150.75 33ZM58.6666 16.75C58.6666 25.7308 51.3866 33 42.4166 33C33.4466 33 26.1666 25.7308 26.1666 16.75C26.1666 7.76917 33.4466 0.5 42.4166 0.5C51.3866 0.5 58.6666 7.76917 58.6666 16.75Z",
+          fill: "#6B6D6D"
+        }
+      )
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EmptyCartIcon
+});

package/dist/components/EmptyCartIcon.js

@@ -0,0 +1,7 @@
+import {
+  EmptyCartIcon
+} from "../chunk-75USUR3I.js";
+import "../chunk-ORMEWXMH.js";
+export {
+  EmptyCartIcon
+};

package/dist/components/FilterGroup.cjs

@@ -166,12 +166,18 @@ var componentPaddingXUsingComponentGap = (0, import_clsx.default)(
 var componentPaddingYUsingComponentGap = (0, import_clsx.default)(
   "py-mobile-component-gap desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
 );
+var componentPaddingYUsingComponentGap2xMobile = (0, import_clsx.default)(
+  "py-[calc(var(--spacing-mobile-component-gap)_+_8px)] desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
+);
 var componentPaddingMinusBorder = (0, import_clsx.default)(
   "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 = (0, import_clsx.default)(
   "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 = (0, import_clsx.default)(
+  "p-[calc(var(--spacing-desktop-component-padding)_-_1px)]"
+);
 var layoutPaddding = (0, import_clsx.default)(
   "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
 );
@@ -865,7 +871,8 @@ var InputBase = (_a) => {
     secondaryIconColor,
     fullWidth = true,
     width,
-    wrapperRef
+    wrapperRef,
+    autocompletePadding = false
   } = _b, props = __objRest(_b, [
     "id",
     "testid",
@@ -887,7 +894,8 @@ var InputBase = (_a) => {
     "secondaryIconColor",
     "fullWidth",
     "width",
-    "wrapperRef"
+    "wrapperRef",
+    "autocompletePadding"
   ]);
   const attributes = {
     "data-error": error && !focus || null,
@@ -915,7 +923,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"
@@ -1260,7 +1269,8 @@ var Search = (_a) => {
     renderMenu,
     onClick,
     wrapperClassName,
-    removeRoundness
+    removeRoundness,
+    autocompletePadding = false
   } = _b, props = __objRest(_b, [
     "id",
     "testid",
@@ -1271,7 +1281,8 @@ var Search = (_a) => {
     "renderMenu",
     "onClick",
     "wrapperClassName",
-    "removeRoundness"
+    "removeRoundness",
+    "autocompletePadding"
   ]);
   const inputRef = (0, import_react2.useRef)(null);
   const inputContainerRef = (0, import_react2.useRef)(null);
@@ -1299,6 +1310,7 @@ var Search = (_a) => {
         ref: inputRef,
         label,
         wrapperClassName,
+        autocompletePadding,
         onClick: (e) => {
           if (props.disabled || readOnly) {
             return;

package/dist/components/FilterGroup.js

@@ -1,26 +1,26 @@
 "use client";
 import {
   OptionPill
-} from "../chunk-LCJZRP5S.js";
+} from "../chunk-2F3R3WXW.js";
 import {
   Link
-} from "../chunk-4OMINRN5.js";
+} from "../chunk-Z6HIIJK3.js";
 import {
   Checkbox
-} from "../chunk-NO5BIKWS.js";
+} from "../chunk-WEAVZEE4.js";
 import {
   Search
-} from "../chunk-MVMYXAXB.js";
-import "../chunk-SVTQGC2D.js";
+} from "../chunk-RQRR4FEF.js";
+import "../chunk-44TH3VC7.js";
 import {
   Label
-} from "../chunk-7CS736EF.js";
+} from "../chunk-AL5QIRY3.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-OGIFIPKH.js";
+import "../chunk-ZSETMD4A.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import "../chunk-WWAPK5PH.js";
+import "../chunk-LPY6PMAY.js";
 import {
   baseTransition,
   componentGap,
@@ -28,7 +28,7 @@ import {
   componentPaddingY,
   layoutGroupGap,
   layoutPaddingBottom
-} from "../chunk-6CTCHYIS.js";
+} from "../chunk-IXR65MOU.js";
 import {
   __objRest,
   __spreadProps,