@dmsi/wedgekit-react 0.0.451 → 0.0.453

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (217) hide show
  1. package/dist/{chunk-LCJZRP5S.js → chunk-2F3R3WXW.js} +3 -3
  2. package/dist/{chunk-SVTQGC2D.js → chunk-44TH3VC7.js} +9 -5
  3. package/dist/{chunk-IFHMGICR.js → chunk-6TYWM26K.js} +2 -2
  4. package/dist/chunk-75USUR3I.js +27 -0
  5. package/dist/{chunk-PQWWVBSR.js → chunk-7BVUTFZ5.js} +2 -2
  6. package/dist/{chunk-DCLNAUC4.js → chunk-7GHD74J3.js} +1 -1
  7. package/dist/{chunk-7CS736EF.js → chunk-AL5QIRY3.js} +1 -1
  8. package/dist/{chunk-7B334WPV.js → chunk-BYRLHNBP.js} +16 -16
  9. package/dist/{chunk-3HBYDOYE.js → chunk-DNUBM26R.js} +4 -4
  10. package/dist/{chunk-DTW7JCBR.js → chunk-DORD2EBO.js} +1 -1
  11. package/dist/{chunk-FRHPFACM.js → chunk-FG7GNGE3.js} +1 -1
  12. package/dist/{chunk-VEL4ICLU.js → chunk-G7EOLHST.js} +1 -1
  13. package/dist/{chunk-T36HX6QY.js → chunk-G7KIKHER.js} +3 -3
  14. package/dist/{chunk-TYAQWVIM.js → chunk-GRGDX7JC.js} +2 -2
  15. package/dist/{chunk-6LHBY2IH.js → chunk-GTBGPBH6.js} +4 -4
  16. package/dist/{chunk-EU73QPW7.js → chunk-H2KC5XUY.js} +1 -1
  17. package/dist/{chunk-JQWYQDH7.js → chunk-HVNHTM3P.js} +1 -1
  18. package/dist/{chunk-DNYGKNQM.js → chunk-I363QX6Y.js} +1 -1
  19. package/dist/{chunk-NAY4I3FL.js → chunk-IT4VFU6T.js} +3 -3
  20. package/dist/{chunk-6CTCHYIS.js → chunk-IXR65MOU.js} +8 -0
  21. package/dist/{chunk-EJSPFQCY.js → chunk-JUFBGNWW.js} +1 -1
  22. package/dist/{chunk-SBCFBHNG.js → chunk-KCUB3UWA.js} +5 -5
  23. package/dist/{chunk-GICZ5RWY.js → chunk-KHIJYWZ7.js} +1 -1
  24. package/dist/{chunk-TJV3S52X.js → chunk-KJNK7KEV.js} +1 -1
  25. package/dist/{chunk-7HCS6TZN.js → chunk-KW6V7O3H.js} +1 -1
  26. package/dist/{chunk-WWAPK5PH.js → chunk-LPY6PMAY.js} +1 -1
  27. package/dist/{chunk-UOHCOOC2.js → chunk-LZH6DJEZ.js} +2 -2
  28. package/dist/{chunk-FHQL42YP.js → chunk-PCQXSYTH.js} +1 -1
  29. package/dist/{chunk-MVMYXAXB.js → chunk-RQRR4FEF.js} +6 -3
  30. package/dist/{chunk-QNJTYAPX.js → chunk-SOZRGIQW.js} +3 -3
  31. package/dist/{chunk-RDJT63IS.js → chunk-TVXBP5CW.js} +5 -5
  32. package/dist/{chunk-FA7IFW66.js → chunk-UCJUC5AZ.js} +1 -1
  33. package/dist/{chunk-FFGIFICI.js → chunk-UKSV4UHI.js} +5 -5
  34. package/dist/{chunk-CANJ2YPW.js → chunk-W53FKPJD.js} +1 -1
  35. package/dist/{chunk-NO5BIKWS.js → chunk-WEAVZEE4.js} +2 -2
  36. package/dist/{chunk-4V6ZO2MR.js → chunk-WX62IDZ5.js} +3 -3
  37. package/dist/{chunk-RQLWSLVE.js → chunk-YNKN6RKF.js} +1 -1
  38. package/dist/{chunk-4OMINRN5.js → chunk-Z6HIIJK3.js} +1 -1
  39. package/dist/{chunk-XM7IQHBU.js → chunk-ZQJMNPCF.js} +2 -2
  40. package/dist/{chunk-5TGP5EFM.js → chunk-ZQSD74IJ.js} +3 -3
  41. package/dist/{chunk-OGIFIPKH.js → chunk-ZSETMD4A.js} +1 -1
  42. package/dist/components/AccessChangerTabItem.cjs +6 -0
  43. package/dist/components/AccessChangerTabItem.js +2 -2
  44. package/dist/components/Accordion.cjs +6 -0
  45. package/dist/components/Accordion.js +4 -4
  46. package/dist/components/Breadcrumbs.cjs +6 -0
  47. package/dist/components/Breadcrumbs.js +2 -2
  48. package/dist/components/Button.cjs +6 -0
  49. package/dist/components/Button.js +2 -2
  50. package/dist/components/CalendarRange.cjs +45 -30
  51. package/dist/components/CalendarRange.css +9 -3
  52. package/dist/components/CalendarRange.js +37 -36
  53. package/dist/components/Caption.cjs +6 -0
  54. package/dist/components/Caption.js +1 -1
  55. package/dist/components/Checkbox.cjs +6 -0
  56. package/dist/components/Checkbox.js +3 -3
  57. package/dist/components/CompactImagesPreview.cjs +6 -0
  58. package/dist/components/CompactImagesPreview.js +3 -3
  59. package/dist/components/ContentTab.cjs +6 -0
  60. package/dist/components/ContentTab.js +3 -3
  61. package/dist/components/ContentTabs.cjs +6 -0
  62. package/dist/components/ContentTabs.js +3 -3
  63. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +22 -7
  64. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css +9 -3
  65. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +36 -35
  66. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +29 -14
  67. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css +9 -3
  68. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +36 -35
  69. package/dist/components/DataGrid/PinnedColumns.cjs +40 -25
  70. package/dist/components/DataGrid/PinnedColumns.css +9 -3
  71. package/dist/components/DataGrid/PinnedColumns.js +36 -35
  72. package/dist/components/DataGrid/TableBody/LoadingCell.cjs +25 -10
  73. package/dist/components/DataGrid/TableBody/LoadingCell.css +9 -3
  74. package/dist/components/DataGrid/TableBody/LoadingCell.js +36 -35
  75. package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +27 -12
  76. package/dist/components/DataGrid/TableBody/TableBodyRow.css +9 -3
  77. package/dist/components/DataGrid/TableBody/TableBodyRow.js +36 -35
  78. package/dist/components/DataGrid/TableBody/index.cjs +40 -25
  79. package/dist/components/DataGrid/TableBody/index.css +9 -3
  80. package/dist/components/DataGrid/TableBody/index.js +36 -35
  81. package/dist/components/DataGrid/index.cjs +100 -85
  82. package/dist/components/DataGrid/index.css +9 -3
  83. package/dist/components/DataGrid/index.js +36 -35
  84. package/dist/components/DataGrid/utils.cjs +23 -8
  85. package/dist/components/DataGrid/utils.css +9 -3
  86. package/dist/components/DataGrid/utils.js +36 -35
  87. package/dist/components/DataGridCell.cjs +17 -5
  88. package/dist/components/DataGridCell.js +7 -7
  89. package/dist/components/DateInput.cjs +51 -36
  90. package/dist/components/DateInput.css +9 -3
  91. package/dist/components/DateInput.js +37 -36
  92. package/dist/components/DateRangeInput.cjs +51 -36
  93. package/dist/components/DateRangeInput.css +9 -3
  94. package/dist/components/DateRangeInput.js +37 -36
  95. package/dist/components/Display.cjs +6 -0
  96. package/dist/components/Display.js +2 -2
  97. package/dist/components/EmptyCartIcon.cjs +51 -0
  98. package/dist/components/EmptyCartIcon.js +7 -0
  99. package/dist/components/FilterGroup.cjs +17 -5
  100. package/dist/components/FilterGroup.js +9 -9
  101. package/dist/components/Heading.cjs +6 -0
  102. package/dist/components/Heading.js +2 -2
  103. package/dist/components/Input.cjs +12 -3
  104. package/dist/components/Input.js +3 -3
  105. package/dist/components/InputGroup.cjs +6 -0
  106. package/dist/components/InputGroup.js +2 -2
  107. package/dist/components/Label.cjs +6 -0
  108. package/dist/components/Label.js +2 -2
  109. package/dist/components/Link.cjs +6 -0
  110. package/dist/components/Link.js +2 -2
  111. package/dist/components/ListGroup.cjs +6 -0
  112. package/dist/components/ListGroup.js +4 -4
  113. package/dist/components/MainBar.cjs +8 -2
  114. package/dist/components/MainBar.js +4 -4
  115. package/dist/components/MenuOption.cjs +6 -0
  116. package/dist/components/MenuOption.js +4 -4
  117. package/dist/components/MobileDataGrid/ColumnList.cjs +6 -0
  118. package/dist/components/MobileDataGrid/ColumnList.js +8 -8
  119. package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +28 -13
  120. package/dist/components/MobileDataGrid/ColumnSelector/index.css +9 -3
  121. package/dist/components/MobileDataGrid/ColumnSelector/index.js +36 -35
  122. package/dist/components/MobileDataGrid/MobileDataGridCard/MobileDataGridColumn.cjs +6 -0
  123. package/dist/components/MobileDataGrid/MobileDataGridCard/MobileDataGridColumn.js +3 -3
  124. package/dist/components/MobileDataGrid/MobileDataGridCard/index.cjs +6 -0
  125. package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +7 -7
  126. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +36 -21
  127. package/dist/components/MobileDataGrid/MobileDataGridHeader.css +9 -3
  128. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +36 -35
  129. package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.cjs +6 -0
  130. package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js +5 -5
  131. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.cjs +6 -0
  132. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +12 -12
  133. package/dist/components/MobileDataGrid/index.cjs +81 -66
  134. package/dist/components/MobileDataGrid/index.css +9 -3
  135. package/dist/components/MobileDataGrid/index.js +36 -35
  136. package/dist/components/Modal.cjs +6 -0
  137. package/dist/components/Modal.js +7 -7
  138. package/dist/components/ModalButtons.cjs +6 -0
  139. package/dist/components/ModalButtons.js +3 -3
  140. package/dist/components/ModalContent.cjs +6 -0
  141. package/dist/components/ModalContent.js +2 -2
  142. package/dist/components/ModalHeader.cjs +6 -0
  143. package/dist/components/ModalHeader.js +4 -4
  144. package/dist/components/NavigationTab.cjs +6 -0
  145. package/dist/components/NavigationTab.js +3 -3
  146. package/dist/components/NavigationTabs.cjs +6 -0
  147. package/dist/components/NavigationTabs.js +3 -3
  148. package/dist/components/NestedMenu.cjs +6 -0
  149. package/dist/components/NestedMenu.js +4 -4
  150. package/dist/components/Notification.cjs +6 -0
  151. package/dist/components/Notification.js +5 -5
  152. package/dist/components/OptionPill.cjs +6 -0
  153. package/dist/components/OptionPill.js +4 -4
  154. package/dist/components/PDFViewer/DownloadIcon.cjs +6 -0
  155. package/dist/components/PDFViewer/DownloadIcon.js +3 -3
  156. package/dist/components/PDFViewer/PDFElement.cjs +6 -0
  157. package/dist/components/PDFViewer/PDFElement.js +3 -3
  158. package/dist/components/PDFViewer/PDFNavigation.cjs +6 -0
  159. package/dist/components/PDFViewer/PDFNavigation.js +6 -6
  160. package/dist/components/PDFViewer/index.cjs +6 -0
  161. package/dist/components/PDFViewer/index.js +13 -13
  162. package/dist/components/Pagination.cjs +6 -0
  163. package/dist/components/Pagination.js +3 -3
  164. package/dist/components/Paragraph.cjs +6 -0
  165. package/dist/components/Paragraph.js +2 -2
  166. package/dist/components/Password.cjs +12 -3
  167. package/dist/components/Password.js +3 -3
  168. package/dist/components/ProductImagePreview/index.cjs +6 -0
  169. package/dist/components/ProductImagePreview/index.js +3 -3
  170. package/dist/components/ProjectBar.cjs +6 -0
  171. package/dist/components/ProjectBar.js +1 -1
  172. package/dist/components/Radio.cjs +6 -0
  173. package/dist/components/Radio.js +2 -2
  174. package/dist/components/Search.cjs +17 -5
  175. package/dist/components/Search.js +4 -4
  176. package/dist/components/Select.cjs +12 -3
  177. package/dist/components/Select.js +4 -4
  178. package/dist/components/SideMenuGroup.cjs +6 -0
  179. package/dist/components/SideMenuGroup.js +3 -3
  180. package/dist/components/SideMenuItem.cjs +6 -0
  181. package/dist/components/SideMenuItem.js +3 -3
  182. package/dist/components/SimpleTable.cjs +6 -0
  183. package/dist/components/SimpleTable.js +4 -4
  184. package/dist/components/Stack.cjs +6 -0
  185. package/dist/components/Stack.js +2 -2
  186. package/dist/components/StatusPill.cjs +6 -0
  187. package/dist/components/StatusPill.js +2 -2
  188. package/dist/components/Stepper.cjs +12 -3
  189. package/dist/components/Stepper.js +4 -4
  190. package/dist/components/Subheader.cjs +6 -0
  191. package/dist/components/Subheader.js +2 -2
  192. package/dist/components/Swatch.cjs +6 -0
  193. package/dist/components/Swatch.js +5 -5
  194. package/dist/components/Textarea.cjs +6 -0
  195. package/dist/components/Textarea.js +1 -1
  196. package/dist/components/Time.cjs +12 -3
  197. package/dist/components/Time.js +4 -4
  198. package/dist/components/Toast.cjs +6 -0
  199. package/dist/components/Toast.js +4 -4
  200. package/dist/components/Tooltip.cjs +6 -0
  201. package/dist/components/Tooltip.js +2 -2
  202. package/dist/components/TopBar.cjs +8 -2
  203. package/dist/components/TopBar.js +3 -3
  204. package/dist/components/Upload.cjs +6 -0
  205. package/dist/components/Upload.js +4 -4
  206. package/dist/components/index.cjs +43 -5
  207. package/dist/components/index.css +9 -3
  208. package/dist/components/index.js +39 -35
  209. package/dist/index.css +9 -3
  210. package/package.json +1 -1
  211. package/src/classNames.ts +8 -0
  212. package/src/components/EmptyCartIcon.tsx +18 -0
  213. package/src/components/Input.tsx +5 -1
  214. package/src/components/MainBar.tsx +3 -3
  215. package/src/components/Search.tsx +3 -0
  216. package/src/components/TopBar.tsx +2 -2
  217. package/src/components/index.ts +1 -0
@@ -197,12 +197,18 @@ var componentPaddingXUsingComponentGap = (0, import_clsx2.default)(
197
197
  var componentPaddingYUsingComponentGap = (0, import_clsx2.default)(
198
198
  "py-mobile-component-gap desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
199
199
  );
200
+ var componentPaddingYUsingComponentGap2xMobile = (0, import_clsx2.default)(
201
+ "py-[calc(var(--spacing-mobile-component-gap)_+_8px)] desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
202
+ );
200
203
  var componentPaddingMinusBorder = (0, import_clsx2.default)(
201
204
  "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)]"
202
205
  );
203
206
  var componentPaddingMinus2pxBorder = (0, import_clsx2.default)(
204
207
  "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)]"
205
208
  );
209
+ var componentPaddingMinusBorderDesktop = (0, import_clsx2.default)(
210
+ "p-[calc(var(--spacing-desktop-component-padding)_-_1px)]"
211
+ );
206
212
  var layoutPaddding = (0, import_clsx2.default)(
207
213
  "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
208
214
  );
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  Pagination
3
- } from "../chunk-TYAQWVIM.js";
4
- import "../chunk-FA7IFW66.js";
3
+ } from "../chunk-GRGDX7JC.js";
4
+ import "../chunk-UCJUC5AZ.js";
5
5
  import "../chunk-NKUETCDA.js";
6
- import "../chunk-6CTCHYIS.js";
6
+ import "../chunk-IXR65MOU.js";
7
7
  import "../chunk-ORMEWXMH.js";
8
8
  export {
9
9
  Pagination
@@ -161,12 +161,18 @@ var componentPaddingXUsingComponentGap = (0, import_clsx.default)(
161
161
  var componentPaddingYUsingComponentGap = (0, import_clsx.default)(
162
162
  "py-mobile-component-gap desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
163
163
  );
164
+ var componentPaddingYUsingComponentGap2xMobile = (0, import_clsx.default)(
165
+ "py-[calc(var(--spacing-mobile-component-gap)_+_8px)] desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
166
+ );
164
167
  var componentPaddingMinusBorder = (0, import_clsx.default)(
165
168
  "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)]"
166
169
  );
167
170
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
168
171
  "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)]"
169
172
  );
173
+ var componentPaddingMinusBorderDesktop = (0, import_clsx.default)(
174
+ "p-[calc(var(--spacing-desktop-component-padding)_-_1px)]"
175
+ );
170
176
  var layoutPaddding = (0, import_clsx.default)(
171
177
  "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
172
178
  );
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  Paragraph
3
- } from "../chunk-OGIFIPKH.js";
4
- import "../chunk-6CTCHYIS.js";
3
+ } from "../chunk-ZSETMD4A.js";
4
+ import "../chunk-IXR65MOU.js";
5
5
  import "../chunk-ORMEWXMH.js";
6
6
  export {
7
7
  Paragraph
@@ -166,12 +166,18 @@ var componentPaddingXUsingComponentGap = (0, import_clsx.default)(
166
166
  var componentPaddingYUsingComponentGap = (0, import_clsx.default)(
167
167
  "py-mobile-component-gap desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
168
168
  );
169
+ var componentPaddingYUsingComponentGap2xMobile = (0, import_clsx.default)(
170
+ "py-[calc(var(--spacing-mobile-component-gap)_+_8px)] desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
171
+ );
169
172
  var componentPaddingMinusBorder = (0, import_clsx.default)(
170
173
  "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)]"
171
174
  );
172
175
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
173
176
  "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)]"
174
177
  );
178
+ var componentPaddingMinusBorderDesktop = (0, import_clsx.default)(
179
+ "p-[calc(var(--spacing-desktop-component-padding)_-_1px)]"
180
+ );
175
181
  var layoutPaddding = (0, import_clsx.default)(
176
182
  "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
177
183
  );
@@ -336,7 +342,8 @@ var InputBase = (_a) => {
336
342
  secondaryIconColor,
337
343
  fullWidth = true,
338
344
  width,
339
- wrapperRef
345
+ wrapperRef,
346
+ autocompletePadding = false
340
347
  } = _b, props = __objRest(_b, [
341
348
  "id",
342
349
  "testid",
@@ -358,7 +365,8 @@ var InputBase = (_a) => {
358
365
  "secondaryIconColor",
359
366
  "fullWidth",
360
367
  "width",
361
- "wrapperRef"
368
+ "wrapperRef",
369
+ "autocompletePadding"
362
370
  ]);
363
371
  const attributes = {
364
372
  "data-error": error && !focus || null,
@@ -386,7 +394,8 @@ var InputBase = (_a) => {
386
394
  componentGap,
387
395
  baseTransition,
388
396
  "outline-transparent outline-2 -outline-offset-2",
389
- componentPaddingMinusBorder,
397
+ !autocompletePadding && componentPaddingMinusBorder,
398
+ autocompletePadding && componentPaddingMinusBorderDesktop,
390
399
  !removeRoundness && "rounded-base",
391
400
  !removeBorder && "border border-border-primary-normal",
392
401
  "relative"
@@ -1,13 +1,13 @@
1
1
  "use client";
2
2
  import {
3
3
  InputBase
4
- } from "../chunk-SVTQGC2D.js";
5
- import "../chunk-7CS736EF.js";
4
+ } from "../chunk-44TH3VC7.js";
5
+ import "../chunk-AL5QIRY3.js";
6
6
  import "../chunk-5UH6QUFB.js";
7
7
  import {
8
8
  Icon
9
9
  } from "../chunk-NKUETCDA.js";
10
- import "../chunk-6CTCHYIS.js";
10
+ import "../chunk-IXR65MOU.js";
11
11
  import {
12
12
  __objRest,
13
13
  __spreadProps,
@@ -229,12 +229,18 @@ var componentPaddingXUsingComponentGap = (0, import_clsx.default)(
229
229
  var componentPaddingYUsingComponentGap = (0, import_clsx.default)(
230
230
  "py-mobile-component-gap desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
231
231
  );
232
+ var componentPaddingYUsingComponentGap2xMobile = (0, import_clsx.default)(
233
+ "py-[calc(var(--spacing-mobile-component-gap)_+_8px)] desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
234
+ );
232
235
  var componentPaddingMinusBorder = (0, import_clsx.default)(
233
236
  "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)]"
234
237
  );
235
238
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
236
239
  "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)]"
237
240
  );
241
+ var componentPaddingMinusBorderDesktop = (0, import_clsx.default)(
242
+ "p-[calc(var(--spacing-desktop-component-padding)_-_1px)]"
243
+ );
238
244
  var layoutPaddding = (0, import_clsx.default)(
239
245
  "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
240
246
  );
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  ProductImagePreview
3
- } from "../../chunk-DNYGKNQM.js";
3
+ } from "../../chunk-I363QX6Y.js";
4
4
  import "../../chunk-MBZ55T2D.js";
5
5
  import "../../chunk-2IKT6IHB.js";
6
6
  import "../../chunk-YCDDBSVU.js";
@@ -13,8 +13,8 @@ import "../../chunk-MYKYZHEO.js";
13
13
  import "../../chunk-VXWSAIB5.js";
14
14
  import "../../chunk-TYTD4FLW.js";
15
15
  import "../../chunk-5UH6QUFB.js";
16
- import "../../chunk-DTW7JCBR.js";
17
- import "../../chunk-6CTCHYIS.js";
16
+ import "../../chunk-DORD2EBO.js";
17
+ import "../../chunk-IXR65MOU.js";
18
18
  import "../../chunk-ORMEWXMH.js";
19
19
  export {
20
20
  ProductImagePreview
@@ -146,12 +146,18 @@ var componentPaddingXUsingComponentGap = (0, import_clsx.default)(
146
146
  var componentPaddingYUsingComponentGap = (0, import_clsx.default)(
147
147
  "py-mobile-component-gap desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
148
148
  );
149
+ var componentPaddingYUsingComponentGap2xMobile = (0, import_clsx.default)(
150
+ "py-[calc(var(--spacing-mobile-component-gap)_+_8px)] desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
151
+ );
149
152
  var componentPaddingMinusBorder = (0, import_clsx.default)(
150
153
  "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)]"
151
154
  );
152
155
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
153
156
  "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)]"
154
157
  );
158
+ var componentPaddingMinusBorderDesktop = (0, import_clsx.default)(
159
+ "p-[calc(var(--spacing-desktop-component-padding)_-_1px)]"
160
+ );
155
161
  var layoutPaddding = (0, import_clsx.default)(
156
162
  "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
157
163
  );
@@ -9,7 +9,7 @@ import {
9
9
  layoutGap,
10
10
  layoutGroupGap,
11
11
  paddingYUsingLayoutGroupGap
12
- } from "../chunk-6CTCHYIS.js";
12
+ } from "../chunk-IXR65MOU.js";
13
13
  import {
14
14
  __spreadValues
15
15
  } from "../chunk-ORMEWXMH.js";
@@ -162,12 +162,18 @@ var componentPaddingXUsingComponentGap = (0, import_clsx.default)(
162
162
  var componentPaddingYUsingComponentGap = (0, import_clsx.default)(
163
163
  "py-mobile-component-gap desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
164
164
  );
165
+ var componentPaddingYUsingComponentGap2xMobile = (0, import_clsx.default)(
166
+ "py-[calc(var(--spacing-mobile-component-gap)_+_8px)] desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
167
+ );
165
168
  var componentPaddingMinusBorder = (0, import_clsx.default)(
166
169
  "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)]"
167
170
  );
168
171
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
169
172
  "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)]"
170
173
  );
174
+ var componentPaddingMinusBorderDesktop = (0, import_clsx.default)(
175
+ "p-[calc(var(--spacing-desktop-component-padding)_-_1px)]"
176
+ );
171
177
  var layoutPaddding = (0, import_clsx.default)(
172
178
  "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
173
179
  );
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  import {
3
3
  Paragraph
4
- } from "../chunk-OGIFIPKH.js";
4
+ } from "../chunk-ZSETMD4A.js";
5
5
  import {
6
6
  baseTransition,
7
7
  componentGap
8
- } from "../chunk-6CTCHYIS.js";
8
+ } from "../chunk-IXR65MOU.js";
9
9
  import {
10
10
  __objRest,
11
11
  __spreadValues
@@ -166,12 +166,18 @@ var componentPaddingXUsingComponentGap = (0, import_clsx.default)(
166
166
  var componentPaddingYUsingComponentGap = (0, import_clsx.default)(
167
167
  "py-mobile-component-gap desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
168
168
  );
169
+ var componentPaddingYUsingComponentGap2xMobile = (0, import_clsx.default)(
170
+ "py-[calc(var(--spacing-mobile-component-gap)_+_8px)] desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
171
+ );
169
172
  var componentPaddingMinusBorder = (0, import_clsx.default)(
170
173
  "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)]"
171
174
  );
172
175
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
173
176
  "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)]"
174
177
  );
178
+ var componentPaddingMinusBorderDesktop = (0, import_clsx.default)(
179
+ "p-[calc(var(--spacing-desktop-component-padding)_-_1px)]"
180
+ );
175
181
  var layoutPaddding = (0, import_clsx.default)(
176
182
  "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
177
183
  );
@@ -336,7 +342,8 @@ var InputBase = (_a) => {
336
342
  secondaryIconColor,
337
343
  fullWidth = true,
338
344
  width,
339
- wrapperRef
345
+ wrapperRef,
346
+ autocompletePadding = false
340
347
  } = _b, props = __objRest(_b, [
341
348
  "id",
342
349
  "testid",
@@ -358,7 +365,8 @@ var InputBase = (_a) => {
358
365
  "secondaryIconColor",
359
366
  "fullWidth",
360
367
  "width",
361
- "wrapperRef"
368
+ "wrapperRef",
369
+ "autocompletePadding"
362
370
  ]);
363
371
  const attributes = {
364
372
  "data-error": error && !focus || null,
@@ -386,7 +394,8 @@ var InputBase = (_a) => {
386
394
  componentGap,
387
395
  baseTransition,
388
396
  "outline-transparent outline-2 -outline-offset-2",
389
- componentPaddingMinusBorder,
397
+ !autocompletePadding && componentPaddingMinusBorder,
398
+ autocompletePadding && componentPaddingMinusBorderDesktop,
390
399
  !removeRoundness && "rounded-base",
391
400
  !removeBorder && "border border-border-primary-normal",
392
401
  "relative"
@@ -731,7 +740,8 @@ var Search = (_a) => {
731
740
  renderMenu,
732
741
  onClick,
733
742
  wrapperClassName,
734
- removeRoundness
743
+ removeRoundness,
744
+ autocompletePadding = false
735
745
  } = _b, props = __objRest(_b, [
736
746
  "id",
737
747
  "testid",
@@ -742,7 +752,8 @@ var Search = (_a) => {
742
752
  "renderMenu",
743
753
  "onClick",
744
754
  "wrapperClassName",
745
- "removeRoundness"
755
+ "removeRoundness",
756
+ "autocompletePadding"
746
757
  ]);
747
758
  const inputRef = (0, import_react2.useRef)(null);
748
759
  const inputContainerRef = (0, import_react2.useRef)(null);
@@ -770,6 +781,7 @@ var Search = (_a) => {
770
781
  ref: inputRef,
771
782
  label,
772
783
  wrapperClassName,
784
+ autocompletePadding,
773
785
  onClick: (e) => {
774
786
  if (props.disabled || readOnly) {
775
787
  return;
@@ -1,12 +1,12 @@
1
1
  "use client";
2
2
  import {
3
3
  Search
4
- } from "../chunk-MVMYXAXB.js";
5
- import "../chunk-SVTQGC2D.js";
6
- import "../chunk-7CS736EF.js";
4
+ } from "../chunk-RQRR4FEF.js";
5
+ import "../chunk-44TH3VC7.js";
6
+ import "../chunk-AL5QIRY3.js";
7
7
  import "../chunk-5UH6QUFB.js";
8
8
  import "../chunk-NKUETCDA.js";
9
- import "../chunk-6CTCHYIS.js";
9
+ import "../chunk-IXR65MOU.js";
10
10
  import "../chunk-ORMEWXMH.js";
11
11
  export {
12
12
  Search
@@ -166,12 +166,18 @@ var componentPaddingXUsingComponentGap = (0, import_clsx.default)(
166
166
  var componentPaddingYUsingComponentGap = (0, import_clsx.default)(
167
167
  "py-mobile-component-gap desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
168
168
  );
169
+ var componentPaddingYUsingComponentGap2xMobile = (0, import_clsx.default)(
170
+ "py-[calc(var(--spacing-mobile-component-gap)_+_8px)] desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
171
+ );
169
172
  var componentPaddingMinusBorder = (0, import_clsx.default)(
170
173
  "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)]"
171
174
  );
172
175
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
173
176
  "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)]"
174
177
  );
178
+ var componentPaddingMinusBorderDesktop = (0, import_clsx.default)(
179
+ "p-[calc(var(--spacing-desktop-component-padding)_-_1px)]"
180
+ );
175
181
  var layoutPaddding = (0, import_clsx.default)(
176
182
  "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
177
183
  );
@@ -336,7 +342,8 @@ var InputBase = (_a) => {
336
342
  secondaryIconColor,
337
343
  fullWidth = true,
338
344
  width,
339
- wrapperRef
345
+ wrapperRef,
346
+ autocompletePadding = false
340
347
  } = _b, props = __objRest(_b, [
341
348
  "id",
342
349
  "testid",
@@ -358,7 +365,8 @@ var InputBase = (_a) => {
358
365
  "secondaryIconColor",
359
366
  "fullWidth",
360
367
  "width",
361
- "wrapperRef"
368
+ "wrapperRef",
369
+ "autocompletePadding"
362
370
  ]);
363
371
  const attributes = {
364
372
  "data-error": error && !focus || null,
@@ -386,7 +394,8 @@ var InputBase = (_a) => {
386
394
  componentGap,
387
395
  baseTransition,
388
396
  "outline-transparent outline-2 -outline-offset-2",
389
- componentPaddingMinusBorder,
397
+ !autocompletePadding && componentPaddingMinusBorder,
398
+ autocompletePadding && componentPaddingMinusBorderDesktop,
390
399
  !removeRoundness && "rounded-base",
391
400
  !removeBorder && "border border-border-primary-normal",
392
401
  "relative"
@@ -1,12 +1,12 @@
1
1
  "use client";
2
2
  import {
3
3
  Select
4
- } from "../chunk-JQWYQDH7.js";
5
- import "../chunk-SVTQGC2D.js";
6
- import "../chunk-7CS736EF.js";
4
+ } from "../chunk-HVNHTM3P.js";
5
+ import "../chunk-44TH3VC7.js";
6
+ import "../chunk-AL5QIRY3.js";
7
7
  import "../chunk-5UH6QUFB.js";
8
8
  import "../chunk-NKUETCDA.js";
9
- import "../chunk-6CTCHYIS.js";
9
+ import "../chunk-IXR65MOU.js";
10
10
  import "../chunk-ORMEWXMH.js";
11
11
  export {
12
12
  Select
@@ -166,12 +166,18 @@ var componentPaddingXUsingComponentGap = (0, import_clsx.default)(
166
166
  var componentPaddingYUsingComponentGap = (0, import_clsx.default)(
167
167
  "py-mobile-component-gap desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
168
168
  );
169
+ var componentPaddingYUsingComponentGap2xMobile = (0, import_clsx.default)(
170
+ "py-[calc(var(--spacing-mobile-component-gap)_+_8px)] desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
171
+ );
169
172
  var componentPaddingMinusBorder = (0, import_clsx.default)(
170
173
  "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)]"
171
174
  );
172
175
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
173
176
  "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)]"
174
177
  );
178
+ var componentPaddingMinusBorderDesktop = (0, import_clsx.default)(
179
+ "p-[calc(var(--spacing-desktop-component-padding)_-_1px)]"
180
+ );
175
181
  var layoutPaddding = (0, import_clsx.default)(
176
182
  "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
177
183
  );
@@ -1,16 +1,16 @@
1
1
  "use client";
2
2
  import {
3
3
  Label
4
- } from "../chunk-7CS736EF.js";
4
+ } from "../chunk-AL5QIRY3.js";
5
5
  import {
6
6
  Stack
7
- } from "../chunk-DTW7JCBR.js";
7
+ } from "../chunk-DORD2EBO.js";
8
8
  import {
9
9
  Icon
10
10
  } from "../chunk-NKUETCDA.js";
11
11
  import {
12
12
  baseTransition
13
- } from "../chunk-6CTCHYIS.js";
13
+ } from "../chunk-IXR65MOU.js";
14
14
  import {
15
15
  __spreadProps,
16
16
  __spreadValues
@@ -161,12 +161,18 @@ var componentPaddingXUsingComponentGap = (0, import_clsx.default)(
161
161
  var componentPaddingYUsingComponentGap = (0, import_clsx.default)(
162
162
  "py-mobile-component-gap desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
163
163
  );
164
+ var componentPaddingYUsingComponentGap2xMobile = (0, import_clsx.default)(
165
+ "py-[calc(var(--spacing-mobile-component-gap)_+_8px)] desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
166
+ );
164
167
  var componentPaddingMinusBorder = (0, import_clsx.default)(
165
168
  "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)]"
166
169
  );
167
170
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
168
171
  "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)]"
169
172
  );
173
+ var componentPaddingMinusBorderDesktop = (0, import_clsx.default)(
174
+ "p-[calc(var(--spacing-desktop-component-padding)_-_1px)]"
175
+ );
170
176
  var layoutPaddding = (0, import_clsx.default)(
171
177
  "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
172
178
  );
@@ -1,13 +1,13 @@
1
1
  import {
2
2
  Stack
3
- } from "../chunk-DTW7JCBR.js";
3
+ } from "../chunk-DORD2EBO.js";
4
4
  import {
5
5
  Paragraph
6
- } from "../chunk-OGIFIPKH.js";
6
+ } from "../chunk-ZSETMD4A.js";
7
7
  import {
8
8
  baseTransition,
9
9
  componentPaddingMinus2pxBorder
10
- } from "../chunk-6CTCHYIS.js";
10
+ } from "../chunk-IXR65MOU.js";
11
11
  import "../chunk-ORMEWXMH.js";
12
12
 
13
13
  // src/components/SideMenuItem.tsx
@@ -163,12 +163,18 @@ var componentPaddingXUsingComponentGap = (0, import_clsx.default)(
163
163
  var componentPaddingYUsingComponentGap = (0, import_clsx.default)(
164
164
  "py-mobile-component-gap desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
165
165
  );
166
+ var componentPaddingYUsingComponentGap2xMobile = (0, import_clsx.default)(
167
+ "py-[calc(var(--spacing-mobile-component-gap)_+_8px)] desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
168
+ );
166
169
  var componentPaddingMinusBorder = (0, import_clsx.default)(
167
170
  "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)]"
168
171
  );
169
172
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
170
173
  "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)]"
171
174
  );
175
+ var componentPaddingMinusBorderDesktop = (0, import_clsx.default)(
176
+ "p-[calc(var(--spacing-desktop-component-padding)_-_1px)]"
177
+ );
172
178
  var layoutPaddding = (0, import_clsx.default)(
173
179
  "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
174
180
  );
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  SimpleTable
3
- } from "../chunk-PQWWVBSR.js";
4
- import "../chunk-FA7IFW66.js";
5
- import "../chunk-DTW7JCBR.js";
6
- import "../chunk-6CTCHYIS.js";
3
+ } from "../chunk-7BVUTFZ5.js";
4
+ import "../chunk-UCJUC5AZ.js";
5
+ import "../chunk-DORD2EBO.js";
6
+ import "../chunk-IXR65MOU.js";
7
7
  import "../chunk-ORMEWXMH.js";
8
8
  export {
9
9
  SimpleTable
@@ -161,12 +161,18 @@ var componentPaddingXUsingComponentGap = (0, import_clsx.default)(
161
161
  var componentPaddingYUsingComponentGap = (0, import_clsx.default)(
162
162
  "py-mobile-component-gap desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
163
163
  );
164
+ var componentPaddingYUsingComponentGap2xMobile = (0, import_clsx.default)(
165
+ "py-[calc(var(--spacing-mobile-component-gap)_+_8px)] desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
166
+ );
164
167
  var componentPaddingMinusBorder = (0, import_clsx.default)(
165
168
  "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)]"
166
169
  );
167
170
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
168
171
  "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)]"
169
172
  );
173
+ var componentPaddingMinusBorderDesktop = (0, import_clsx.default)(
174
+ "p-[calc(var(--spacing-desktop-component-padding)_-_1px)]"
175
+ );
170
176
  var layoutPaddding = (0, import_clsx.default)(
171
177
  "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
172
178
  );
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  Stack
3
- } from "../chunk-DTW7JCBR.js";
4
- import "../chunk-6CTCHYIS.js";
3
+ } from "../chunk-DORD2EBO.js";
4
+ import "../chunk-IXR65MOU.js";
5
5
  import "../chunk-ORMEWXMH.js";
6
6
  export {
7
7
  Stack
@@ -163,12 +163,18 @@ var componentPaddingXUsingComponentGap = (0, import_clsx.default)(
163
163
  var componentPaddingYUsingComponentGap = (0, import_clsx.default)(
164
164
  "py-mobile-component-gap desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
165
165
  );
166
+ var componentPaddingYUsingComponentGap2xMobile = (0, import_clsx.default)(
167
+ "py-[calc(var(--spacing-mobile-component-gap)_+_8px)] desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
168
+ );
166
169
  var componentPaddingMinusBorder = (0, import_clsx.default)(
167
170
  "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)]"
168
171
  );
169
172
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
170
173
  "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)]"
171
174
  );
175
+ var componentPaddingMinusBorderDesktop = (0, import_clsx.default)(
176
+ "p-[calc(var(--spacing-desktop-component-padding)_-_1px)]"
177
+ );
172
178
  var layoutPaddding = (0, import_clsx.default)(
173
179
  "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
174
180
  );
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  Label
3
- } from "../chunk-7CS736EF.js";
3
+ } from "../chunk-AL5QIRY3.js";
4
4
  import {
5
5
  componentPaddingYUsingComponentGap,
6
6
  paddingXUsingLayoutGroupGap
7
- } from "../chunk-6CTCHYIS.js";
7
+ } from "../chunk-IXR65MOU.js";
8
8
  import {
9
9
  __objRest,
10
10
  __spreadProps,
@@ -164,12 +164,18 @@ var componentPaddingXUsingComponentGap = (0, import_clsx.default)(
164
164
  var componentPaddingYUsingComponentGap = (0, import_clsx.default)(
165
165
  "py-mobile-component-gap desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
166
166
  );
167
+ var componentPaddingYUsingComponentGap2xMobile = (0, import_clsx.default)(
168
+ "py-[calc(var(--spacing-mobile-component-gap)_+_8px)] desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
169
+ );
167
170
  var componentPaddingMinusBorder = (0, import_clsx.default)(
168
171
  "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)]"
169
172
  );
170
173
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
171
174
  "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)]"
172
175
  );
176
+ var componentPaddingMinusBorderDesktop = (0, import_clsx.default)(
177
+ "p-[calc(var(--spacing-desktop-component-padding)_-_1px)]"
178
+ );
173
179
  var layoutPaddding = (0, import_clsx.default)(
174
180
  "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
175
181
  );
@@ -476,7 +482,8 @@ var InputBase = (_a) => {
476
482
  secondaryIconColor,
477
483
  fullWidth = true,
478
484
  width,
479
- wrapperRef
485
+ wrapperRef,
486
+ autocompletePadding = false
480
487
  } = _b, props = __objRest(_b, [
481
488
  "id",
482
489
  "testid",
@@ -498,7 +505,8 @@ var InputBase = (_a) => {
498
505
  "secondaryIconColor",
499
506
  "fullWidth",
500
507
  "width",
501
- "wrapperRef"
508
+ "wrapperRef",
509
+ "autocompletePadding"
502
510
  ]);
503
511
  const attributes = {
504
512
  "data-error": error && !focus || null,
@@ -526,7 +534,8 @@ var InputBase = (_a) => {
526
534
  componentGap,
527
535
  baseTransition,
528
536
  "outline-transparent outline-2 -outline-offset-2",
529
- componentPaddingMinusBorder,
537
+ !autocompletePadding && componentPaddingMinusBorder,
538
+ autocompletePadding && componentPaddingMinusBorderDesktop,
530
539
  !removeRoundness && "rounded-base",
531
540
  !removeBorder && "border border-border-primary-normal",
532
541
  "relative"
@@ -1,18 +1,18 @@
1
1
  "use client";
2
2
  import {
3
3
  InputBase
4
- } from "../chunk-SVTQGC2D.js";
5
- import "../chunk-7CS736EF.js";
4
+ } from "../chunk-44TH3VC7.js";
5
+ import "../chunk-AL5QIRY3.js";
6
6
  import "../chunk-5UH6QUFB.js";
7
7
  import {
8
8
  Icon
9
9
  } from "../chunk-NKUETCDA.js";
10
10
  import {
11
11
  Button
12
- } from "../chunk-WWAPK5PH.js";
12
+ } from "../chunk-LPY6PMAY.js";
13
13
  import {
14
14
  componentGap
15
- } from "../chunk-6CTCHYIS.js";
15
+ } from "../chunk-IXR65MOU.js";
16
16
  import {
17
17
  __objRest,
18
18
  __spreadProps,