@dmsi/wedgekit-react 0.0.14 → 0.0.16

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 (130) hide show
  1. package/dist/{chunk-SY3HT54E.js → chunk-3WTXVSHO.js} +1 -1
  2. package/dist/{chunk-UU3FA6LV.js → chunk-5TLFMKSR.js} +1 -1
  3. package/dist/{chunk-6ZY524ID.js → chunk-DBYSGYST.js} +7 -2
  4. package/dist/{chunk-TAW5ZZ4Z.js → chunk-GCPJH5R6.js} +5 -4
  5. package/dist/{chunk-TRUPPHBQ.js → chunk-KDEPZ6I7.js} +1 -1
  6. package/dist/{chunk-DKKYR6DS.js → chunk-N32PXOA5.js} +2 -2
  7. package/dist/{chunk-BWRHL2AG.js → chunk-OISE6NMA.js} +2 -2
  8. package/dist/{chunk-FY7PTP6E.js → chunk-OUTEIXV4.js} +16 -26
  9. package/dist/{chunk-KX3O6GJ6.js → chunk-RDLEIAQU.js} +11 -0
  10. package/dist/{chunk-4C66DLIJ.js → chunk-S7R37IUP.js} +1 -1
  11. package/dist/{chunk-KENSVWOY.js → chunk-T6HZARR7.js} +1 -1
  12. package/dist/{chunk-TYI74BSP.js → chunk-TJ44JJCB.js} +1 -1
  13. package/dist/{chunk-GTCSRHPF.js → chunk-TWP6YSFO.js} +1 -1
  14. package/dist/{chunk-K3IKUSZW.js → chunk-UIQ733QP.js} +1 -1
  15. package/dist/{chunk-XUIPGYP5.js → chunk-UK3WG7HQ.js} +13 -4
  16. package/dist/{chunk-BNHSAFMP.js → chunk-VELXLFMJ.js} +1 -1
  17. package/dist/{chunk-Q3FKEKIN.js → chunk-WIDBAFBU.js} +6 -1
  18. package/dist/{chunk-E5ALT5W7.js → chunk-YDREJNAS.js} +3 -3
  19. package/dist/{chunk-2G2E2JMA.js → chunk-YZQNTOIF.js} +4 -2
  20. package/dist/{chunk-TWZZB4WO.js → chunk-Z2LOGSGE.js} +3 -3
  21. package/dist/{chunk-5GOBP2JS.js → chunk-ZCBSLV7U.js} +1 -1
  22. package/dist/{chunk-27KIIUAR.js → chunk-ZFGGZXB6.js} +1 -1
  23. package/dist/components/Breadcrumbs.cjs +15 -3
  24. package/dist/components/Breadcrumbs.js +8 -5
  25. package/dist/components/Button.cjs +9 -0
  26. package/dist/components/Button.js +2 -2
  27. package/dist/components/CalendarRange.cjs +22 -21
  28. package/dist/components/CalendarRange.js +2 -2
  29. package/dist/components/Caption.cjs +9 -0
  30. package/dist/components/Caption.js +1 -1
  31. package/dist/components/Checkbox.cjs +9 -0
  32. package/dist/components/Checkbox.js +3 -3
  33. package/dist/components/ContentTab.cjs +9 -0
  34. package/dist/components/ContentTab.js +3 -3
  35. package/dist/components/ContentTabs.cjs +9 -0
  36. package/dist/components/ContentTabs.js +3 -3
  37. package/dist/components/DataGrid.cjs +12 -2
  38. package/dist/components/DataGrid.js +12 -12
  39. package/dist/components/DataGridCell.cjs +10 -1
  40. package/dist/components/DataGridCell.js +7 -7
  41. package/dist/components/DateInput.cjs +22 -21
  42. package/dist/components/DateInput.js +4 -4
  43. package/dist/components/DateRangeInput.cjs +22 -21
  44. package/dist/components/DateRangeInput.js +4 -4
  45. package/dist/components/Display.cjs +9 -0
  46. package/dist/components/Display.js +2 -2
  47. package/dist/components/FilterGroup.cjs +9 -0
  48. package/dist/components/FilterGroup.js +9 -9
  49. package/dist/components/Heading.cjs +9 -0
  50. package/dist/components/Heading.js +2 -2
  51. package/dist/components/Input.cjs +9 -0
  52. package/dist/components/Input.js +3 -3
  53. package/dist/components/InputGroup.cjs +9 -0
  54. package/dist/components/InputGroup.js +2 -2
  55. package/dist/components/Label.cjs +9 -0
  56. package/dist/components/Label.js +2 -2
  57. package/dist/components/Link.cjs +9 -0
  58. package/dist/components/Link.js +2 -2
  59. package/dist/components/MainBar.cjs +10 -1
  60. package/dist/components/MainBar.js +3 -2
  61. package/dist/components/MenuOption.cjs +9 -0
  62. package/dist/components/MenuOption.js +4 -4
  63. package/dist/components/MobileDataGrid.cjs +9 -0
  64. package/dist/components/MobileDataGrid.js +4 -4
  65. package/dist/components/Modal.cjs +26 -10
  66. package/dist/components/Modal.js +6 -6
  67. package/dist/components/ModalButtons.cjs +11 -1
  68. package/dist/components/ModalButtons.js +3 -3
  69. package/dist/components/ModalContent.cjs +131 -2
  70. package/dist/components/ModalContent.js +2 -1
  71. package/dist/components/ModalHeader.cjs +16 -2
  72. package/dist/components/ModalHeader.js +4 -4
  73. package/dist/components/NavigationTab.cjs +9 -0
  74. package/dist/components/NavigationTab.js +3 -3
  75. package/dist/components/NavigationTabs.cjs +9 -0
  76. package/dist/components/NavigationTabs.js +3 -3
  77. package/dist/components/Notification.cjs +9 -0
  78. package/dist/components/Notification.js +4 -4
  79. package/dist/components/OptionPill.cjs +9 -0
  80. package/dist/components/OptionPill.js +4 -4
  81. package/dist/components/Paragraph.cjs +9 -0
  82. package/dist/components/Paragraph.js +2 -2
  83. package/dist/components/Password.cjs +9 -0
  84. package/dist/components/Password.js +3 -3
  85. package/dist/components/ProjectBar.cjs +9 -0
  86. package/dist/components/ProjectBar.js +1 -1
  87. package/dist/components/Radio.cjs +12 -2
  88. package/dist/components/Radio.js +7 -5
  89. package/dist/components/Search.cjs +9 -0
  90. package/dist/components/Search.js +4 -4
  91. package/dist/components/Select.cjs +9 -0
  92. package/dist/components/Select.js +4 -4
  93. package/dist/components/SideMenuGroup.cjs +9 -0
  94. package/dist/components/SideMenuGroup.js +2 -2
  95. package/dist/components/SideMenuItem.cjs +9 -0
  96. package/dist/components/SideMenuItem.js +2 -2
  97. package/dist/components/StatusPill.cjs +13 -2
  98. package/dist/components/StatusPill.js +9 -4
  99. package/dist/components/Stepper.cjs +13 -1
  100. package/dist/components/Stepper.js +10 -5
  101. package/dist/components/Subheader.cjs +9 -0
  102. package/dist/components/Subheader.js +2 -2
  103. package/dist/components/Swatch.cjs +9 -0
  104. package/dist/components/Swatch.js +4 -4
  105. package/dist/components/Textarea.cjs +13 -8
  106. package/dist/components/Textarea.js +7 -9
  107. package/dist/components/Time.cjs +9 -0
  108. package/dist/components/Time.js +3 -3
  109. package/dist/components/Toast.cjs +14 -3
  110. package/dist/components/Toast.js +13 -7
  111. package/dist/components/Tooltip.cjs +11 -1
  112. package/dist/components/Tooltip.js +2 -2
  113. package/dist/components/TopBar.cjs +9 -0
  114. package/dist/components/TopBar.js +1 -1
  115. package/dist/index.css +23 -69
  116. package/package.json +1 -1
  117. package/src/classNames.ts +12 -0
  118. package/src/components/Breadcrumbs.tsx +6 -3
  119. package/src/components/CalendarRange.tsx +11 -21
  120. package/src/components/DataGridCell.tsx +2 -2
  121. package/src/components/MainBar.tsx +2 -1
  122. package/src/components/ModalButtons.tsx +3 -1
  123. package/src/components/ModalContent.tsx +3 -1
  124. package/src/components/ModalHeader.tsx +9 -2
  125. package/src/components/Radio.tsx +4 -3
  126. package/src/components/StatusPill.tsx +4 -1
  127. package/src/components/Stepper.tsx +5 -1
  128. package/src/components/Textarea.tsx +4 -9
  129. package/src/components/Toast.tsx +7 -3
  130. package/src/components/Tooltip.tsx +3 -2
package/dist/components/DateRangeInput.cjs CHANGED
@@ -137,6 +137,9 @@ var componentGap = (0, import_clsx.default)(
137
137
  var paddingUsingComponentGap = (0, import_clsx.default)(
138
138
  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
139
139
  );
140
+ var paddingXUsingLayoutGroupGap = (0, import_clsx.default)(
141
+ "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
142
+ );
140
143
  var paddingYUsingLayoutGroupGap = (0, import_clsx.default)(
141
144
  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
142
145
  );
@@ -146,6 +149,9 @@ var componentPadding = (0, import_clsx.default)(
146
149
  var componentPaddingBottom = (0, import_clsx.default)(
147
150
  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
148
151
  );
152
+ var componentPaddingX = (0, import_clsx.default)(
153
+ "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
154
+ );
149
155
  var componentPaddingY = (0, import_clsx.default)(
150
156
  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
151
157
  );
@@ -161,6 +167,9 @@ var componentPaddingMinusBorder = (0, import_clsx.default)(
161
167
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
162
168
  "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)]"
163
169
  );
170
+ var layoutPaddding = (0, import_clsx.default)(
171
+ "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
172
+ );
164
173
  var layoutPaddingBottom = (0, import_clsx.default)(
165
174
  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
166
175
  );
@@ -814,8 +823,8 @@ function CalendarRange({
814
823
  {
815
824
  className: (0, import_clsx5.default)(
816
825
  "relative bg-background-grouped-primary-normal rounded-base w-fit",
817
- componentPadding,
818
- componentGap,
826
+ layoutPaddding,
827
+ layoutGap,
819
828
  cardStyle && "shadow-4",
820
829
  // baseTransition,
821
830
  "overflow-hidden"
@@ -825,8 +834,7 @@ function CalendarRange({
825
834
  {
826
835
  className: (0, import_clsx5.default)(
827
836
  "flex flex-row items-start justify-start bg-background-primary-normal overflow-clip",
828
- componentGap,
829
- paddingUsingComponentGap
837
+ layoutGap
830
838
  ),
831
839
  children: (mode === "double" ? [0, 1] : [0]).map((offset, idx) => {
832
840
  const month = getMonthData(offset);
@@ -837,9 +845,7 @@ function CalendarRange({
837
845
  "div",
838
846
  {
839
847
  className: (0, import_clsx5.default)(
840
- "flex flex-col",
841
- componentGap,
842
- componentPadding
848
+ "flex flex-col"
843
849
  ),
844
850
  children: [
845
851
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
@@ -847,10 +853,6 @@ function CalendarRange({
847
853
  {
848
854
  className: (0, import_clsx5.default)(
849
855
  "flex flex-row items-center justify-between",
850
- componentGap,
851
- componentPaddingXUsingComponentGap,
852
- componentPaddingYUsingComponentGap,
853
- "mb-3",
854
856
  typography.label,
855
857
  "text-text-action-primary-normal"
856
858
  ),
@@ -860,9 +862,8 @@ function CalendarRange({
860
862
  {
861
863
  type: "button",
862
864
  className: (0, import_clsx5.default)(
863
- "flex items-center justify-center rounded-base hover:bg-action-100 active:bg-action-300 text-icon-primary-normal",
864
- componentPadding,
865
- "mr-1"
865
+ "flex items-center justify-center rounded-base hover:bg-action-100 active:bg-action-300 text-icon-action-primary-normal",
866
+ componentPadding
866
867
  ),
867
868
  "aria-label": "Previous month",
868
869
  onClick: () => setBaseMonth(baseMonth.subtract({ months: 1 })),
@@ -878,9 +879,8 @@ function CalendarRange({
878
879
  {
879
880
  type: "button",
880
881
  className: (0, import_clsx5.default)(
881
- "flex items-center justify-center rounded-base hover:bg-action-100 active:bg-action-300 text-icon-primary-normal",
882
- componentPadding,
883
- "ml-1"
882
+ "flex items-center justify-center rounded-base hover:bg-action-100 active:bg-action-300 text-icon-action-primary-normal",
883
+ componentPadding
884
884
  ),
885
885
  "aria-label": "Next month",
886
886
  onClick: () => setBaseMonth(baseMonth.add({ months: 1 })),
@@ -890,12 +890,13 @@ function CalendarRange({
890
890
  ]
891
891
  }
892
892
  ),
893
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: (0, import_clsx5.default)("grid grid-cols-7 mb-1", componentGap), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
893
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: (0, import_clsx5.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
894
894
  "span",
895
895
  {
896
896
  className: (0, import_clsx5.default)(
897
897
  typography.caption,
898
- "text-text-secondary-normal text-center"
898
+ "text-text-secondary-normal text-center",
899
+ "w-10"
899
900
  ),
900
901
  children: d
901
902
  },
@@ -930,7 +931,7 @@ function CalendarRange({
930
931
  isRangeStart: !!isRangeStart,
931
932
  isRangeEnd: !!isRangeEnd,
932
933
  isRangeDisabled: mode === "single" && disableRange,
933
- cellPadding: "p-1.5 md:p-2 lg:p-2.5"
934
+ cellPadding: componentPadding
934
935
  },
935
936
  i
936
937
  );
@@ -942,7 +943,7 @@ function CalendarRange({
942
943
  "div",
943
944
  {
944
945
  className: (0, import_clsx5.default)(
945
- "self-stretch bg-border-primary-normal rounded-base mx-mobile-component-padding desktop:mx-desktop-component-padding compact:mx-desktop-compact-component-padding",
946
+ "self-stretch bg-border-primary-normal rounded-base",
946
947
  // 1px width, full height, matches Figma divider
947
948
  "w-px"
948
949
  )
package/dist/components/DateRangeInput.js CHANGED
@@ -3,15 +3,15 @@ import {
3
3
  } from "../chunk-4T7F5BZZ.js";
4
4
  import {
5
5
  InputBase
6
- } from "../chunk-BWRHL2AG.js";
7
- import "../chunk-4C66DLIJ.js";
6
+ } from "../chunk-OISE6NMA.js";
7
+ import "../chunk-S7R37IUP.js";
8
8
  import {
9
9
  CalendarRange
10
- } from "../chunk-FY7PTP6E.js";
10
+ } from "../chunk-OUTEIXV4.js";
11
11
  import {
12
12
  Icon
13
13
  } from "../chunk-IGQVA7SC.js";
14
- import "../chunk-KX3O6GJ6.js";
14
+ import "../chunk-RDLEIAQU.js";
15
15
  import {
16
16
  __objRest,
17
17
  __spreadProps,
package/dist/components/Display.cjs CHANGED
@@ -134,6 +134,9 @@ var componentGap = (0, import_clsx.default)(
134
134
  var paddingUsingComponentGap = (0, import_clsx.default)(
135
135
  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
136
136
  );
137
+ var paddingXUsingLayoutGroupGap = (0, import_clsx.default)(
138
+ "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
139
+ );
137
140
  var paddingYUsingLayoutGroupGap = (0, import_clsx.default)(
138
141
  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
139
142
  );
@@ -143,6 +146,9 @@ var componentPadding = (0, import_clsx.default)(
143
146
  var componentPaddingBottom = (0, import_clsx.default)(
144
147
  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
145
148
  );
149
+ var componentPaddingX = (0, import_clsx.default)(
150
+ "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
151
+ );
146
152
  var componentPaddingY = (0, import_clsx.default)(
147
153
  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
148
154
  );
@@ -158,6 +164,9 @@ var componentPaddingMinusBorder = (0, import_clsx.default)(
158
164
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
159
165
  "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)]"
160
166
  );
167
+ var layoutPaddding = (0, import_clsx.default)(
168
+ "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
169
+ );
161
170
  var layoutPaddingBottom = (0, import_clsx.default)(
162
171
  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
163
172
  );
package/dist/components/Display.js CHANGED
@@ -2,8 +2,8 @@ import {
2
2
  Display,
3
3
  Display1,
4
4
  Display2
5
- } from "../chunk-27KIIUAR.js";
6
- import "../chunk-KX3O6GJ6.js";
5
+ } from "../chunk-ZFGGZXB6.js";
6
+ import "../chunk-RDLEIAQU.js";
7
7
  import "../chunk-ORMEWXMH.js";
8
8
  export {
9
9
  Display,
package/dist/components/FilterGroup.cjs CHANGED
@@ -137,6 +137,9 @@ var componentGap = (0, import_clsx.default)(
137
137
  var paddingUsingComponentGap = (0, import_clsx.default)(
138
138
  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
139
139
  );
140
+ var paddingXUsingLayoutGroupGap = (0, import_clsx.default)(
141
+ "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
142
+ );
140
143
  var paddingYUsingLayoutGroupGap = (0, import_clsx.default)(
141
144
  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
142
145
  );
@@ -146,6 +149,9 @@ var componentPadding = (0, import_clsx.default)(
146
149
  var componentPaddingBottom = (0, import_clsx.default)(
147
150
  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
148
151
  );
152
+ var componentPaddingX = (0, import_clsx.default)(
153
+ "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
154
+ );
149
155
  var componentPaddingY = (0, import_clsx.default)(
150
156
  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
151
157
  );
@@ -161,6 +167,9 @@ var componentPaddingMinusBorder = (0, import_clsx.default)(
161
167
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
162
168
  "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)]"
163
169
  );
170
+ var layoutPaddding = (0, import_clsx.default)(
171
+ "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
172
+ );
164
173
  var layoutPaddingBottom = (0, import_clsx.default)(
165
174
  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
166
175
  );
package/dist/components/FilterGroup.js CHANGED
@@ -1,22 +1,22 @@
1
1
  "use client";
2
2
  import {
3
3
  OptionPill
4
- } from "../chunk-TWZZB4WO.js";
4
+ } from "../chunk-Z2LOGSGE.js";
5
5
  import {
6
6
  Search
7
- } from "../chunk-GTCSRHPF.js";
8
- import "../chunk-BWRHL2AG.js";
7
+ } from "../chunk-TWP6YSFO.js";
8
+ import "../chunk-OISE6NMA.js";
9
9
  import {
10
10
  Label
11
- } from "../chunk-4C66DLIJ.js";
11
+ } from "../chunk-S7R37IUP.js";
12
12
  import {
13
13
  Link
14
- } from "../chunk-SY3HT54E.js";
15
- import "../chunk-KENSVWOY.js";
14
+ } from "../chunk-3WTXVSHO.js";
15
+ import "../chunk-T6HZARR7.js";
16
16
  import {
17
17
  Checkbox
18
- } from "../chunk-DKKYR6DS.js";
19
- import "../chunk-K3IKUSZW.js";
18
+ } from "../chunk-N32PXOA5.js";
19
+ import "../chunk-UIQ733QP.js";
20
20
  import {
21
21
  Icon
22
22
  } from "../chunk-IGQVA7SC.js";
@@ -27,7 +27,7 @@ import {
27
27
  componentPaddingY,
28
28
  layoutGroupGap,
29
29
  layoutPaddingBottom
30
- } from "../chunk-KX3O6GJ6.js";
30
+ } from "../chunk-RDLEIAQU.js";
31
31
  import {
32
32
  __objRest,
33
33
  __spreadProps,
package/dist/components/Heading.cjs CHANGED
@@ -135,6 +135,9 @@ var componentGap = (0, import_clsx.default)(
135
135
  var paddingUsingComponentGap = (0, import_clsx.default)(
136
136
  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
137
137
  );
138
+ var paddingXUsingLayoutGroupGap = (0, import_clsx.default)(
139
+ "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
140
+ );
138
141
  var paddingYUsingLayoutGroupGap = (0, import_clsx.default)(
139
142
  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
140
143
  );
@@ -144,6 +147,9 @@ var componentPadding = (0, import_clsx.default)(
144
147
  var componentPaddingBottom = (0, import_clsx.default)(
145
148
  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
146
149
  );
150
+ var componentPaddingX = (0, import_clsx.default)(
151
+ "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
152
+ );
147
153
  var componentPaddingY = (0, import_clsx.default)(
148
154
  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
149
155
  );
@@ -159,6 +165,9 @@ var componentPaddingMinusBorder = (0, import_clsx.default)(
159
165
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
160
166
  "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)]"
161
167
  );
168
+ var layoutPaddding = (0, import_clsx.default)(
169
+ "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
170
+ );
162
171
  var layoutPaddingBottom = (0, import_clsx.default)(
163
172
  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
164
173
  );
package/dist/components/Heading.js CHANGED
@@ -3,8 +3,8 @@ import {
3
3
  Heading1,
4
4
  Heading2,
5
5
  Heading3
6
- } from "../chunk-TYI74BSP.js";
7
- import "../chunk-KX3O6GJ6.js";
6
+ } from "../chunk-TJ44JJCB.js";
7
+ import "../chunk-RDLEIAQU.js";
8
8
  import "../chunk-ORMEWXMH.js";
9
9
  export {
10
10
  Heading,
package/dist/components/Input.cjs CHANGED
@@ -139,6 +139,9 @@ var componentGap = (0, import_clsx.default)(
139
139
  var paddingUsingComponentGap = (0, import_clsx.default)(
140
140
  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
141
141
  );
142
+ var paddingXUsingLayoutGroupGap = (0, import_clsx.default)(
143
+ "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
144
+ );
142
145
  var paddingYUsingLayoutGroupGap = (0, import_clsx.default)(
143
146
  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
144
147
  );
@@ -148,6 +151,9 @@ var componentPadding = (0, import_clsx.default)(
148
151
  var componentPaddingBottom = (0, import_clsx.default)(
149
152
  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
150
153
  );
154
+ var componentPaddingX = (0, import_clsx.default)(
155
+ "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
156
+ );
151
157
  var componentPaddingY = (0, import_clsx.default)(
152
158
  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
153
159
  );
@@ -163,6 +169,9 @@ var componentPaddingMinusBorder = (0, import_clsx.default)(
163
169
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
164
170
  "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)]"
165
171
  );
172
+ var layoutPaddding = (0, import_clsx.default)(
173
+ "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
174
+ );
166
175
  var layoutPaddingBottom = (0, import_clsx.default)(
167
176
  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
168
177
  );
package/dist/components/Input.js CHANGED
@@ -6,10 +6,10 @@ import {
6
6
  InputBase,
7
7
  Percentage,
8
8
  UOM
9
- } from "../chunk-BWRHL2AG.js";
10
- import "../chunk-4C66DLIJ.js";
9
+ } from "../chunk-OISE6NMA.js";
10
+ import "../chunk-S7R37IUP.js";
11
11
  import "../chunk-IGQVA7SC.js";
12
- import "../chunk-KX3O6GJ6.js";
12
+ import "../chunk-RDLEIAQU.js";
13
13
  import "../chunk-ORMEWXMH.js";
14
14
  export {
15
15
  Currency,
package/dist/components/InputGroup.cjs CHANGED
@@ -135,6 +135,9 @@ var componentGap = (0, import_clsx.default)(
135
135
  var paddingUsingComponentGap = (0, import_clsx.default)(
136
136
  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
137
137
  );
138
+ var paddingXUsingLayoutGroupGap = (0, import_clsx.default)(
139
+ "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
140
+ );
138
141
  var paddingYUsingLayoutGroupGap = (0, import_clsx.default)(
139
142
  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
140
143
  );
@@ -144,6 +147,9 @@ var componentPadding = (0, import_clsx.default)(
144
147
  var componentPaddingBottom = (0, import_clsx.default)(
145
148
  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
146
149
  );
150
+ var componentPaddingX = (0, import_clsx.default)(
151
+ "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
152
+ );
147
153
  var componentPaddingY = (0, import_clsx.default)(
148
154
  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
149
155
  );
@@ -159,6 +165,9 @@ var componentPaddingMinusBorder = (0, import_clsx.default)(
159
165
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
160
166
  "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)]"
161
167
  );
168
+ var layoutPaddding = (0, import_clsx.default)(
169
+ "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
170
+ );
162
171
  var layoutPaddingBottom = (0, import_clsx.default)(
163
172
  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
164
173
  );
package/dist/components/InputGroup.js CHANGED
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  import {
3
3
  Label
4
- } from "../chunk-4C66DLIJ.js";
4
+ } from "../chunk-S7R37IUP.js";
5
5
  import {
6
6
  componentGap,
7
7
  layoutGap
8
- } from "../chunk-KX3O6GJ6.js";
8
+ } from "../chunk-RDLEIAQU.js";
9
9
  import {
10
10
  __objRest,
11
11
  __spreadProps,
package/dist/components/Label.cjs CHANGED
@@ -132,6 +132,9 @@ var componentGap = (0, import_clsx.default)(
132
132
  var paddingUsingComponentGap = (0, import_clsx.default)(
133
133
  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
134
134
  );
135
+ var paddingXUsingLayoutGroupGap = (0, import_clsx.default)(
136
+ "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
137
+ );
135
138
  var paddingYUsingLayoutGroupGap = (0, import_clsx.default)(
136
139
  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
137
140
  );
@@ -141,6 +144,9 @@ var componentPadding = (0, import_clsx.default)(
141
144
  var componentPaddingBottom = (0, import_clsx.default)(
142
145
  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
143
146
  );
147
+ var componentPaddingX = (0, import_clsx.default)(
148
+ "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
149
+ );
144
150
  var componentPaddingY = (0, import_clsx.default)(
145
151
  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
146
152
  );
@@ -156,6 +162,9 @@ var componentPaddingMinusBorder = (0, import_clsx.default)(
156
162
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
157
163
  "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)]"
158
164
  );
165
+ var layoutPaddding = (0, import_clsx.default)(
166
+ "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
167
+ );
159
168
  var layoutPaddingBottom = (0, import_clsx.default)(
160
169
  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
161
170
  );
package/dist/components/Label.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  Label
3
- } from "../chunk-4C66DLIJ.js";
4
- import "../chunk-KX3O6GJ6.js";
3
+ } from "../chunk-S7R37IUP.js";
4
+ import "../chunk-RDLEIAQU.js";
5
5
  import "../chunk-ORMEWXMH.js";
6
6
  export {
7
7
  Label
package/dist/components/Link.cjs CHANGED
@@ -132,6 +132,9 @@ var componentGap = (0, import_clsx.default)(
132
132
  var paddingUsingComponentGap = (0, import_clsx.default)(
133
133
  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
134
134
  );
135
+ var paddingXUsingLayoutGroupGap = (0, import_clsx.default)(
136
+ "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
137
+ );
135
138
  var paddingYUsingLayoutGroupGap = (0, import_clsx.default)(
136
139
  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
137
140
  );
@@ -141,6 +144,9 @@ var componentPadding = (0, import_clsx.default)(
141
144
  var componentPaddingBottom = (0, import_clsx.default)(
142
145
  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
143
146
  );
147
+ var componentPaddingX = (0, import_clsx.default)(
148
+ "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
149
+ );
144
150
  var componentPaddingY = (0, import_clsx.default)(
145
151
  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
146
152
  );
@@ -156,6 +162,9 @@ var componentPaddingMinusBorder = (0, import_clsx.default)(
156
162
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
157
163
  "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)]"
158
164
  );
165
+ var layoutPaddding = (0, import_clsx.default)(
166
+ "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
167
+ );
159
168
  var layoutPaddingBottom = (0, import_clsx.default)(
160
169
  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
161
170
  );
package/dist/components/Link.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  Link
3
- } from "../chunk-SY3HT54E.js";
4
- import "../chunk-KX3O6GJ6.js";
3
+ } from "../chunk-3WTXVSHO.js";
4
+ import "../chunk-RDLEIAQU.js";
5
5
  import "../chunk-ORMEWXMH.js";
6
6
  export {
7
7
  Link
package/dist/components/MainBar.cjs CHANGED
@@ -103,6 +103,9 @@ var componentGap = (0, import_clsx.default)(
103
103
  var paddingUsingComponentGap = (0, import_clsx.default)(
104
104
  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
105
105
  );
106
+ var paddingXUsingLayoutGroupGap = (0, import_clsx.default)(
107
+ "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
108
+ );
106
109
  var paddingYUsingLayoutGroupGap = (0, import_clsx.default)(
107
110
  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
108
111
  );
@@ -112,6 +115,9 @@ var componentPadding = (0, import_clsx.default)(
112
115
  var componentPaddingBottom = (0, import_clsx.default)(
113
116
  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
114
117
  );
118
+ var componentPaddingX = (0, import_clsx.default)(
119
+ "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
120
+ );
115
121
  var componentPaddingY = (0, import_clsx.default)(
116
122
  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
117
123
  );
@@ -127,6 +133,9 @@ var componentPaddingMinusBorder = (0, import_clsx.default)(
127
133
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
128
134
  "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)]"
129
135
  );
136
+ var layoutPaddding = (0, import_clsx.default)(
137
+ "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
138
+ );
130
139
  var layoutPaddingBottom = (0, import_clsx.default)(
131
140
  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
132
141
  );
@@ -189,7 +198,7 @@ var MainBar = ({
189
198
  {
190
199
  className: (0, import_clsx2.default)(
191
200
  "hidden desktop:flex items-center ml-auto",
192
- layoutGroupGap
201
+ layoutGap
193
202
  ),
194
203
  children: [
195
204
  right,
package/dist/components/MainBar.js CHANGED
@@ -2,8 +2,9 @@ import {
2
2
  componentPaddingYUsingComponentGap,
3
3
  containerPaddingX,
4
4
  containerPaddingY,
5
+ layoutGap,
5
6
  layoutGroupGap
6
- } from "../chunk-KX3O6GJ6.js";
7
+ } from "../chunk-RDLEIAQU.js";
7
8
  import "../chunk-ORMEWXMH.js";
8
9
 
9
10
  // src/components/MainBar.tsx
@@ -44,7 +45,7 @@ var MainBar = ({
44
45
  {
45
46
  className: clsx(
46
47
  "hidden desktop:flex items-center ml-auto",
47
- layoutGroupGap
48
+ layoutGap
48
49
  ),
49
50
  children: [
50
51
  right,
package/dist/components/MenuOption.cjs CHANGED
@@ -134,6 +134,9 @@ var componentGap = (0, import_clsx.default)(
134
134
  var paddingUsingComponentGap = (0, import_clsx.default)(
135
135
  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
136
136
  );
137
+ var paddingXUsingLayoutGroupGap = (0, import_clsx.default)(
138
+ "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
139
+ );
137
140
  var paddingYUsingLayoutGroupGap = (0, import_clsx.default)(
138
141
  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
139
142
  );
@@ -143,6 +146,9 @@ var componentPadding = (0, import_clsx.default)(
143
146
  var componentPaddingBottom = (0, import_clsx.default)(
144
147
  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
145
148
  );
149
+ var componentPaddingX = (0, import_clsx.default)(
150
+ "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
151
+ );
146
152
  var componentPaddingY = (0, import_clsx.default)(
147
153
  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
148
154
  );
@@ -158,6 +164,9 @@ var componentPaddingMinusBorder = (0, import_clsx.default)(
158
164
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
159
165
  "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)]"
160
166
  );
167
+ var layoutPaddding = (0, import_clsx.default)(
168
+ "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
169
+ );
161
170
  var layoutPaddingBottom = (0, import_clsx.default)(
162
171
  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
163
172
  );
package/dist/components/MenuOption.js CHANGED
@@ -1,12 +1,12 @@
1
1
  "use client";
2
2
  import {
3
3
  MenuOption
4
- } from "../chunk-E5ALT5W7.js";
4
+ } from "../chunk-YDREJNAS.js";
5
5
  import "../chunk-SEKKGFM6.js";
6
- import "../chunk-4C66DLIJ.js";
7
- import "../chunk-K3IKUSZW.js";
6
+ import "../chunk-S7R37IUP.js";
7
+ import "../chunk-UIQ733QP.js";
8
8
  import "../chunk-IGQVA7SC.js";
9
- import "../chunk-KX3O6GJ6.js";
9
+ import "../chunk-RDLEIAQU.js";
10
10
  import "../chunk-ORMEWXMH.js";
11
11
  export {
12
12
  MenuOption
package/dist/components/MobileDataGrid.cjs CHANGED
@@ -268,6 +268,9 @@ var componentGap = (0, import_clsx3.default)(
268
268
  var paddingUsingComponentGap = (0, import_clsx3.default)(
269
269
  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
270
270
  );
271
+ var paddingXUsingLayoutGroupGap = (0, import_clsx3.default)(
272
+ "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
273
+ );
271
274
  var paddingYUsingLayoutGroupGap = (0, import_clsx3.default)(
272
275
  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
273
276
  );
@@ -277,6 +280,9 @@ var componentPadding = (0, import_clsx3.default)(
277
280
  var componentPaddingBottom = (0, import_clsx3.default)(
278
281
  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
279
282
  );
283
+ var componentPaddingX = (0, import_clsx3.default)(
284
+ "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
285
+ );
280
286
  var componentPaddingY = (0, import_clsx3.default)(
281
287
  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
282
288
  );
@@ -292,6 +298,9 @@ var componentPaddingMinusBorder = (0, import_clsx3.default)(
292
298
  var componentPaddingMinus2pxBorder = (0, import_clsx3.default)(
293
299
  "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)]"
294
300
  );
301
+ var layoutPaddding = (0, import_clsx3.default)(
302
+ "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
303
+ );
295
304
  var layoutPaddingBottom = (0, import_clsx3.default)(
296
305
  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
297
306
  );
package/dist/components/MobileDataGrid.js CHANGED
@@ -6,17 +6,17 @@ import {
6
6
  } from "../chunk-U42SKNR6.js";
7
7
  import {
8
8
  Heading3
9
- } from "../chunk-TYI74BSP.js";
9
+ } from "../chunk-TJ44JJCB.js";
10
10
  import {
11
11
  Button
12
- } from "../chunk-KENSVWOY.js";
12
+ } from "../chunk-T6HZARR7.js";
13
13
  import {
14
14
  Paragraph
15
- } from "../chunk-K3IKUSZW.js";
15
+ } from "../chunk-UIQ733QP.js";
16
16
  import {
17
17
  Icon
18
18
  } from "../chunk-IGQVA7SC.js";
19
- import "../chunk-KX3O6GJ6.js";
19
+ import "../chunk-RDLEIAQU.js";
20
20
  import "../chunk-ORMEWXMH.js";
21
21
 
22
22
  // src/components/MobileDataGrid.tsx