@wipco/sdui 0.39.0 → 0.41.0

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 (129) hide show
  1. package/dist/{DatePicker-B5Q3XhAY.d.ts → DatePicker-BK_jsV7i.d.ts} +1 -1
  2. package/dist/{chunk-SET7XWBR.js → chunk-23VK3GYJ.js} +2 -2
  3. package/dist/{chunk-B6ZBQCSI.js → chunk-3SLRFWVS.js} +2 -2
  4. package/dist/{chunk-IMVCYJ6G.js → chunk-3YXCPPTE.js} +3 -3
  5. package/dist/{chunk-MLOZHGKP.js → chunk-47B6RYOF.js} +3 -3
  6. package/dist/{chunk-VMHG4IFO.js → chunk-4WHJ2DUP.js} +1 -1
  7. package/dist/{chunk-LVCIHZ45.js → chunk-5N7DANNM.js} +4 -4
  8. package/dist/{chunk-AMVQ2LHD.js → chunk-5WYPKIXU.js} +3 -3
  9. package/dist/{chunk-I3UJ4ZCQ.js → chunk-7A4OWANN.js} +1 -1
  10. package/dist/{chunk-SE3H5QCS.js → chunk-7TXK6LS7.js} +4 -2
  11. package/dist/{chunk-ZOUWMQSO.js → chunk-AKBVOXMH.js} +2 -2
  12. package/dist/{chunk-6Q4RZDBA.js → chunk-AODRYCWT.js} +1 -1
  13. package/dist/{chunk-CUGU5WIU.js → chunk-AZOA44R4.js} +2 -2
  14. package/dist/{chunk-OPEGWGU4.js → chunk-CHHAOYUC.js} +1 -1
  15. package/dist/{chunk-QLLBS2NM.js → chunk-CRTYWGCU.js} +3 -3
  16. package/dist/{chunk-2LLSXF6X.js → chunk-GANJMJZV.js} +1 -1
  17. package/dist/{chunk-V6I3JZSY.js → chunk-GRT4V5BH.js} +2 -2
  18. package/dist/{chunk-TQM2UWN2.js → chunk-HI5MY3PW.js} +2 -2
  19. package/dist/{chunk-73GLCVJJ.js → chunk-J3PQUPCI.js} +2 -2
  20. package/dist/{chunk-E3WX7A54.js → chunk-J3WZFFZG.js} +1 -1
  21. package/dist/{chunk-2DJO2RBW.js → chunk-JKM3AM42.js} +39 -10
  22. package/dist/{chunk-X2ANYFPH.js → chunk-JL2SAB2Y.js} +4 -4
  23. package/dist/{chunk-AZTCPRKA.js → chunk-KEAKI4VT.js} +3 -3
  24. package/dist/{chunk-VT3OCB76.js → chunk-LDZVLZ3H.js} +1 -1
  25. package/dist/{chunk-DGAGQD35.js → chunk-LGJHN6RF.js} +3 -3
  26. package/dist/{chunk-45QGQVFB.js → chunk-MLW3TYLC.js} +2 -2
  27. package/dist/{chunk-ZFXEWKFM.js → chunk-MM4AVQKV.js} +3 -3
  28. package/dist/{chunk-CKGPE2AY.js → chunk-MSME7EBU.js} +2 -2
  29. package/dist/{chunk-G6CQMPOS.js → chunk-NS6RXTC5.js} +3 -3
  30. package/dist/{chunk-JD62GZLP.js → chunk-OK7DIJYU.js} +2 -2
  31. package/dist/{chunk-X4OPJJVD.js → chunk-Q3GTFOUD.js} +3 -3
  32. package/dist/{chunk-KTKEJHTB.js → chunk-QBBWU6PR.js} +1 -1
  33. package/dist/{chunk-PIVD4G3T.js → chunk-QRBZ2B7T.js} +2 -2
  34. package/dist/{chunk-RHQW467O.js → chunk-R2RARD7C.js} +2 -2
  35. package/dist/{chunk-N4LKGACS.js → chunk-RJQXY4Z7.js} +3 -3
  36. package/dist/{chunk-WDOTLDHG.js → chunk-U7DUTXK6.js} +2 -2
  37. package/dist/{chunk-3W4Q7X65.js → chunk-UJ57GOID.js} +3 -3
  38. package/dist/{chunk-LSKLL2CR.js → chunk-UNQRZWUV.js} +3 -3
  39. package/dist/{chunk-Q2FNUNG6.js → chunk-VXJVGUKE.js} +2 -2
  40. package/dist/{chunk-TUB3PFKQ.js → chunk-W3HJGDAK.js} +2 -2
  41. package/dist/{chunk-LBKIBSHY.js → chunk-WOGLJBBD.js} +1 -1
  42. package/dist/{chunk-2VJIERUW.js → chunk-XHW33PRH.js} +2 -2
  43. package/dist/{chunk-YGX4I6ZT.js → chunk-YZ2YOPUU.js} +2 -2
  44. package/dist/{chunk-6FLEB6A6.js → chunk-Z3VU7XQV.js} +2 -2
  45. package/dist/{chunk-M2Q2ZQIX.js → chunk-ZGNYD2ZP.js} +2 -2
  46. package/dist/{chunk-ANNLDR3C.js → chunk-ZYH4U3LJ.js} +3 -3
  47. package/dist/index.d.ts +21 -12
  48. package/dist/index.js +17 -17
  49. package/dist/{layout-C7uTe1ue.d.ts → layout-C3nRXMwb.d.ts} +13 -0
  50. package/dist/meta.js +80 -0
  51. package/dist/rich/ExcelUploadCard.d.ts +1 -1
  52. package/dist/rich/ExcelUploadCard.js +3 -3
  53. package/dist/rich.d.ts +2 -2
  54. package/dist/rich.js +6 -6
  55. package/dist/widgets/ApprovalLineEditor.d.ts +1 -1
  56. package/dist/widgets/ApprovalLineEditor.js +5 -5
  57. package/dist/widgets/ApprovalOverridesEditor.d.ts +1 -1
  58. package/dist/widgets/ApprovalOverridesEditor.js +7 -7
  59. package/dist/widgets/ApprovalStepper.d.ts +1 -1
  60. package/dist/widgets/ApprovalStepper.js +3 -3
  61. package/dist/widgets/AutocompleteField.d.ts +1 -1
  62. package/dist/widgets/AutocompleteField.js +5 -5
  63. package/dist/widgets/ColumnBoard.d.ts +1 -1
  64. package/dist/widgets/ColumnBoard.js +3 -3
  65. package/dist/widgets/DiffView.d.ts +1 -1
  66. package/dist/widgets/DiffView.js +3 -3
  67. package/dist/widgets/Disclosure.d.ts +1 -1
  68. package/dist/widgets/Disclosure.js +3 -3
  69. package/dist/widgets/EventCalendar.d.ts +1 -1
  70. package/dist/widgets/EventCalendar.js +3 -3
  71. package/dist/widgets/FileDropzone.d.ts +1 -1
  72. package/dist/widgets/FileDropzone.js +5 -5
  73. package/dist/widgets/ImageLightbox.d.ts +1 -1
  74. package/dist/widgets/ImageLightbox.js +4 -4
  75. package/dist/widgets/InlineEdit.d.ts +1 -1
  76. package/dist/widgets/InlineEdit.js +3 -3
  77. package/dist/widgets/JsonField.d.ts +1 -1
  78. package/dist/widgets/JsonField.js +3 -3
  79. package/dist/widgets/LiveClock.d.ts +1 -1
  80. package/dist/widgets/LiveClock.js +2 -2
  81. package/dist/widgets/OptionSchemaEditor.d.ts +1 -1
  82. package/dist/widgets/OptionSchemaEditor.js +4 -4
  83. package/dist/widgets/OptionValueFields.d.ts +1 -1
  84. package/dist/widgets/OptionValueFields.js +4 -4
  85. package/dist/widgets/OrgChart.d.ts +1 -1
  86. package/dist/widgets/OrgChart.js +3 -3
  87. package/dist/widgets/OrgChartBoard.d.ts +1 -1
  88. package/dist/widgets/OrgChartBoard.js +5 -5
  89. package/dist/widgets/PeriodFilter.d.ts +1 -1
  90. package/dist/widgets/PeriodFilter.js +4 -4
  91. package/dist/widgets/PermissionMatrixEditor.d.ts +1 -1
  92. package/dist/widgets/PermissionMatrixEditor.js +3 -3
  93. package/dist/widgets/PositionSelect.d.ts +1 -1
  94. package/dist/widgets/PositionSelect.js +3 -3
  95. package/dist/widgets/PrintSheet.d.ts +1 -1
  96. package/dist/widgets/PrintSheet.js +3 -3
  97. package/dist/widgets/ProfileEditDiffCard.d.ts +1 -1
  98. package/dist/widgets/ProfileEditDiffCard.js +3 -3
  99. package/dist/widgets/QRDisplay.d.ts +1 -1
  100. package/dist/widgets/QRDisplay.js +3 -3
  101. package/dist/widgets/RankBoard.d.ts +1 -1
  102. package/dist/widgets/RankBoard.js +4 -4
  103. package/dist/widgets/RecordSheet.d.ts +1 -1
  104. package/dist/widgets/RecordSheet.js +2 -2
  105. package/dist/widgets/RoleMemberPicker.d.ts +1 -1
  106. package/dist/widgets/RoleMemberPicker.js +3 -3
  107. package/dist/widgets/SearchableMultiPicker.d.ts +1 -1
  108. package/dist/widgets/SearchableMultiPicker.js +5 -5
  109. package/dist/widgets/SecureScreen.d.ts +1 -1
  110. package/dist/widgets/SecureScreen.js +3 -3
  111. package/dist/widgets/StackedMeter.d.ts +1 -1
  112. package/dist/widgets/StackedMeter.js +2 -2
  113. package/dist/widgets/StagePeriodEditor.d.ts +1 -1
  114. package/dist/widgets/StagePeriodEditor.js +5 -5
  115. package/dist/widgets/Strip.d.ts +1 -1
  116. package/dist/widgets/Strip.js +2 -2
  117. package/dist/widgets/SummaryTable.d.ts +1 -1
  118. package/dist/widgets/SummaryTable.js +2 -2
  119. package/dist/widgets/TagMultiSelect.d.ts +1 -1
  120. package/dist/widgets/TagMultiSelect.js +3 -3
  121. package/dist/widgets/Timeline.d.ts +1 -1
  122. package/dist/widgets/Timeline.js +4 -4
  123. package/dist/widgets/TreePicker.d.ts +1 -1
  124. package/dist/widgets/TreePicker.js +6 -6
  125. package/dist/widgets/TreeView.d.ts +1 -1
  126. package/dist/widgets/TreeView.js +5 -5
  127. package/dist/widgets/index.d.ts +1 -1
  128. package/dist/widgets/index.js +78 -78
  129. package/package.json +1 -1
@@ -1,4 +1,4 @@
1
- import { S as SduiBoxProps } from './layout-C7uTe1ue.js';
1
+ import { S as SduiBoxProps } from './layout-C3nRXMwb.js';
2
2
  import React__default from 'react';
3
3
 
4
4
  interface TimePickerProps {
@@ -1,5 +1,5 @@
1
- import { IconButton, Input } from './chunk-LBKIBSHY.js';
2
- import { boxed } from './chunk-SE3H5QCS.js';
1
+ import { IconButton, Input } from './chunk-WOGLJBBD.js';
2
+ import { boxed } from './chunk-7TXK6LS7.js';
3
3
  import { useState, useRef, useEffect, useCallback } from 'react';
4
4
  import { jsxs, jsx } from 'react/jsx-runtime';
5
5
 
@@ -1,5 +1,5 @@
1
- import { ImageViewer } from './chunk-VT3OCB76.js';
2
- import { boxed } from './chunk-SE3H5QCS.js';
1
+ import { ImageViewer } from './chunk-LDZVLZ3H.js';
2
+ import { boxed } from './chunk-7TXK6LS7.js';
3
3
  import { useState } from 'react';
4
4
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
5
5
 
@@ -1,6 +1,6 @@
1
- import { DateRangePicker } from './chunk-ZOUWMQSO.js';
2
- import { SegmentedControl, Select } from './chunk-LBKIBSHY.js';
3
- import { boxed } from './chunk-SE3H5QCS.js';
1
+ import { DateRangePicker } from './chunk-AKBVOXMH.js';
2
+ import { SegmentedControl, Select } from './chunk-WOGLJBBD.js';
3
+ import { boxed } from './chunk-7TXK6LS7.js';
4
4
  import { useState, useMemo } from 'react';
5
5
  import { jsxs, jsx } from 'react/jsx-runtime';
6
6
 
@@ -1,6 +1,6 @@
1
- import { Text } from './chunk-2DJO2RBW.js';
2
- import { Switch, Field, Select, Input } from './chunk-LBKIBSHY.js';
3
- import { boxed } from './chunk-SE3H5QCS.js';
1
+ import { Text } from './chunk-JKM3AM42.js';
2
+ import { Switch, Field, Select, Input } from './chunk-WOGLJBBD.js';
3
+ import { boxed } from './chunk-7TXK6LS7.js';
4
4
  import React, { useMemo } from 'react';
5
5
  import { jsx, jsxs } from 'react/jsx-runtime';
6
6
 
@@ -1,4 +1,4 @@
1
- import { boxed, containerLayoutStyle } from './chunk-SE3H5QCS.js';
1
+ import { boxed, containerLayoutStyle } from './chunk-7TXK6LS7.js';
2
2
  import React from 'react';
3
3
  import { jsxs, jsx } from 'react/jsx-runtime';
4
4
 
@@ -1,8 +1,8 @@
1
- import { TagMultiSelect } from './chunk-M2Q2ZQIX.js';
2
- import { ApprovalLineEditor, stepTypeIcon, stepLabel } from './chunk-AMVQ2LHD.js';
1
+ import { TagMultiSelect } from './chunk-ZGNYD2ZP.js';
2
+ import { ApprovalLineEditor, stepTypeIcon, stepLabel } from './chunk-5WYPKIXU.js';
3
3
  import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-DKPNFEVU.js';
4
- import { Card, Icon, Input, IconButton, Field, Button, Badge } from './chunk-LBKIBSHY.js';
5
- import { boxed } from './chunk-SE3H5QCS.js';
4
+ import { Card, Icon, Input, IconButton, Field, Button, Badge } from './chunk-WOGLJBBD.js';
5
+ import { boxed } from './chunk-7TXK6LS7.js';
6
6
  import React, { useState, useEffect } from 'react';
7
7
  import { jsxs, jsx } from 'react/jsx-runtime';
8
8
 
@@ -1,7 +1,7 @@
1
- import { includesLooseSearch } from './chunk-TUB3PFKQ.js';
1
+ import { includesLooseSearch } from './chunk-W3HJGDAK.js';
2
2
  import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-DKPNFEVU.js';
3
- import { Icon, Badge, IconButton, Field, Select, Input, Tag, Spinner, Button } from './chunk-LBKIBSHY.js';
4
- import { boxed } from './chunk-SE3H5QCS.js';
3
+ import { Icon, Badge, IconButton, Field, Select, Input, Tag, Spinner, Button } from './chunk-WOGLJBBD.js';
4
+ import { boxed } from './chunk-7TXK6LS7.js';
5
5
  import React, { useState, useId, useRef, useEffect } from 'react';
6
6
  import { jsxs, jsx } from 'react/jsx-runtime';
7
7
 
@@ -1,4 +1,4 @@
1
- import { boxed } from './chunk-SE3H5QCS.js';
1
+ import { boxed } from './chunk-7TXK6LS7.js';
2
2
  import { useSyncExternalStore } from 'react';
3
3
  import { jsxs, jsx } from 'react/jsx-runtime';
4
4
 
@@ -56,13 +56,15 @@ function lookup(table, value) {
56
56
  }
57
57
  function containerLayoutStyle(props) {
58
58
  const gap = lookup(GAP_CSS, props.gap);
59
+ const rowGap = lookup(GAP_CSS, props.rowGap);
60
+ const columnGap = lookup(GAP_CSS, props.columnGap);
59
61
  const alignItems = lookup(ALIGN_CSS, props.align);
60
62
  const justifyContent = lookup(JUSTIFY_CSS, props.justify);
61
63
  const flexWrap = props.wrap === void 0 ? void 0 : props.wrap ? "wrap" : "nowrap";
62
- if (gap === void 0 && alignItems === void 0 && justifyContent === void 0 && flexWrap === void 0) {
64
+ if (gap === void 0 && rowGap === void 0 && columnGap === void 0 && alignItems === void 0 && justifyContent === void 0 && flexWrap === void 0) {
63
65
  return void 0;
64
66
  }
65
- return { gap, alignItems, justifyContent, flexWrap };
67
+ return { gap, rowGap, columnGap, alignItems, justifyContent, flexWrap };
66
68
  }
67
69
  function columnsClass(columns) {
68
70
  const n = Number(columns);
@@ -1,6 +1,6 @@
1
1
  import { useOverlayLayer, OverlayContainerContext, getOverlayRoot } from './chunk-XQPTSEJC.js';
2
- import { Icon } from './chunk-LBKIBSHY.js';
3
- import { boxed } from './chunk-SE3H5QCS.js';
2
+ import { Icon } from './chunk-WOGLJBBD.js';
3
+ import { boxed } from './chunk-7TXK6LS7.js';
4
4
  import React, { useState, useRef, useMemo, useEffect, useCallback, useLayoutEffect } from 'react';
5
5
  import { jsxs, jsx } from 'react/jsx-runtime';
6
6
  import { createPortal } from 'react-dom';
@@ -1,5 +1,5 @@
1
1
  import { OverlayLayer } from './chunk-XQPTSEJC.js';
2
- import { Dialog, warnOnce } from './chunk-LBKIBSHY.js';
2
+ import { Dialog, warnOnce } from './chunk-WOGLJBBD.js';
3
3
  import { createContext, useContext, useMemo } from 'react';
4
4
  import { jsx } from 'react/jsx-runtime';
5
5
 
@@ -1,6 +1,6 @@
1
1
  import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-DKPNFEVU.js';
2
- import { Select, Button } from './chunk-LBKIBSHY.js';
3
- import { boxed } from './chunk-SE3H5QCS.js';
2
+ import { Select, Button } from './chunk-WOGLJBBD.js';
3
+ import { boxed } from './chunk-7TXK6LS7.js';
4
4
  import { useState, useEffect, useMemo } from 'react';
5
5
  import { jsxs, jsx } from 'react/jsx-runtime';
6
6
 
@@ -1,4 +1,4 @@
1
- import { boxed } from './chunk-SE3H5QCS.js';
1
+ import { boxed } from './chunk-7TXK6LS7.js';
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
3
 
4
4
  var resolveColor = (color, index) => {
@@ -1,6 +1,6 @@
1
- import { useDismiss, usePopoverAnchor, usePortalTo, HoistedStyle, AnchoredPopoverStyles, anchorStyle, focusStaysInside } from './chunk-ZOUWMQSO.js';
2
- import { Icon } from './chunk-LBKIBSHY.js';
3
- import { boxed } from './chunk-SE3H5QCS.js';
1
+ import { useDismiss, usePopoverAnchor, usePortalTo, HoistedStyle, AnchoredPopoverStyles, anchorStyle, focusStaysInside } from './chunk-AKBVOXMH.js';
2
+ import { Icon } from './chunk-WOGLJBBD.js';
3
+ import { boxed } from './chunk-7TXK6LS7.js';
4
4
  import { useState, useRef, useEffect, useMemo, useCallback } from 'react';
5
5
  import { jsxs, jsx } from 'react/jsx-runtime';
6
6
 
@@ -1,4 +1,4 @@
1
- import { boxed } from './chunk-SE3H5QCS.js';
1
+ import { boxed } from './chunk-7TXK6LS7.js';
2
2
  import { useState } from 'react';
3
3
  import { jsx, jsxs } from 'react/jsx-runtime';
4
4
 
@@ -1,6 +1,6 @@
1
1
  import { useSduiAssetResolver } from './chunk-DKPNFEVU.js';
2
- import { Spinner, Icon } from './chunk-LBKIBSHY.js';
3
- import { boxed } from './chunk-SE3H5QCS.js';
2
+ import { Spinner, Icon } from './chunk-WOGLJBBD.js';
3
+ import { boxed } from './chunk-7TXK6LS7.js';
4
4
  import { useState, useEffect } from 'react';
5
5
  import { jsxs, jsx } from 'react/jsx-runtime';
6
6
 
@@ -1,5 +1,5 @@
1
- import { Icon, Badge, Tooltip } from './chunk-LBKIBSHY.js';
2
- import { boxed } from './chunk-SE3H5QCS.js';
1
+ import { Icon, Badge, Tooltip } from './chunk-WOGLJBBD.js';
2
+ import { boxed } from './chunk-7TXK6LS7.js';
3
3
  import React from 'react';
4
4
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
5
5
 
@@ -1,5 +1,5 @@
1
- import { Icon } from './chunk-LBKIBSHY.js';
2
- import { boxed } from './chunk-SE3H5QCS.js';
1
+ import { Icon } from './chunk-WOGLJBBD.js';
2
+ import { boxed } from './chunk-7TXK6LS7.js';
3
3
  import { useRef, useState, useEffect } from 'react';
4
4
  import { jsxs, jsx } from 'react/jsx-runtime';
5
5
 
@@ -1,4 +1,4 @@
1
- import { boxed } from './chunk-SE3H5QCS.js';
1
+ import { boxed } from './chunk-7TXK6LS7.js';
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
3
 
4
4
  var SUMMARY_TABLE_CSS = `
@@ -1,4 +1,4 @@
1
- import { mergeStyle, containerLayoutStyle, joinClass, columnsClass, typographyStyle } from './chunk-SE3H5QCS.js';
1
+ import { mergeStyle, containerLayoutStyle, joinClass, columnsClass, typographyStyle } from './chunk-7TXK6LS7.js';
2
2
  import React from 'react';
3
3
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
4
4
 
@@ -21,6 +21,8 @@ function Grid({
21
21
  columns = 3,
22
22
  template,
23
23
  gap,
24
+ rowGap,
25
+ columnGap,
24
26
  align,
25
27
  justify,
26
28
  wrap,
@@ -36,7 +38,7 @@ function Grid({
36
38
  style: mergeStyle(
37
39
  {
38
40
  ...template ? { gridTemplateColumns: template } : null,
39
- ...containerLayoutStyle({ gap, align, justify, wrap }),
41
+ ...containerLayoutStyle({ gap, rowGap, columnGap, align, justify, wrap }),
40
42
  ...paddingStyle(padding)
41
43
  },
42
44
  style
@@ -45,28 +47,55 @@ function Grid({
45
47
  }
46
48
  );
47
49
  }
48
- function Row({ justify, gap, align, wrap, className, style, children }) {
50
+ var CONTAINER_ROLES = /* @__PURE__ */ new Set([
51
+ "group",
52
+ "radiogroup",
53
+ "toolbar",
54
+ "list",
55
+ "listitem",
56
+ "tablist",
57
+ "region",
58
+ "status",
59
+ "alert",
60
+ "presentation",
61
+ "none"
62
+ ]);
63
+ function containerRole(role) {
64
+ return role !== void 0 && CONTAINER_ROLES.has(role) ? role : void 0;
65
+ }
66
+ function Row({ justify, gap, rowGap, columnGap, align, wrap, role, ariaLabel, className, style, children }) {
49
67
  return /* @__PURE__ */ jsx(
50
68
  "div",
51
69
  {
52
70
  className: joinClass("wp-row", justify === "between" && "wp-row--between", className),
53
- style: mergeStyle(containerLayoutStyle({ gap, align, justify, wrap }), style),
71
+ style: mergeStyle(containerLayoutStyle({ gap, rowGap, columnGap, align, justify, wrap }), style),
72
+ role: containerRole(role),
73
+ "aria-label": ariaLabel,
54
74
  children
55
75
  }
56
76
  );
57
77
  }
58
- function Actions({ justify = "end", gap, align, wrap, className, style, children }) {
78
+ function Actions({ justify = "end", gap, rowGap, columnGap, align, wrap, className, style, children }) {
59
79
  return /* @__PURE__ */ jsx(
60
80
  "div",
61
81
  {
62
82
  className: joinClass("wp-row", className),
63
- style: mergeStyle({ flex: 1, ...containerLayoutStyle({ gap, align, justify, wrap }) }, style),
83
+ style: mergeStyle({ flex: 1, ...containerLayoutStyle({ gap, rowGap, columnGap, align, justify, wrap }) }, style),
64
84
  children
65
85
  }
66
86
  );
67
87
  }
68
- function Col({ gap, align, justify, wrap, className, style, children }) {
69
- return /* @__PURE__ */ jsx("div", { className: joinClass("wp-col", className), style: mergeStyle(containerLayoutStyle({ gap, align, justify, wrap }), style), children });
88
+ function Col({ gap, rowGap, columnGap, align, justify, wrap, role, ariaLabel, className, style, children }) {
89
+ return /* @__PURE__ */ jsx(
90
+ "div",
91
+ {
92
+ className: joinClass("wp-col", className),
93
+ style: mergeStyle(containerLayoutStyle({ gap, rowGap, columnGap, align, justify, wrap }), style),
94
+ role: containerRole(role),
95
+ "aria-label": ariaLabel,
96
+ children
97
+ }
98
+ );
70
99
  }
71
100
  var SPACER_STEPS = /* @__PURE__ */ new Set([1, 2, 3, 4, 5, 6, 8]);
72
101
  function Spacer({ size, className, style }) {
@@ -79,12 +108,12 @@ function Spacer({ size, className, style }) {
79
108
  }
80
109
  );
81
110
  }
82
- function Section({ title, gap, align, justify, wrap, className, style, children }) {
111
+ function Section({ title, gap, rowGap, columnGap, align, justify, wrap, className, style, children }) {
83
112
  return /* @__PURE__ */ jsxs(
84
113
  "section",
85
114
  {
86
115
  className: joinClass("wp-col", className),
87
- style: mergeStyle(containerLayoutStyle({ gap, align, justify, wrap }), style),
116
+ style: mergeStyle(containerLayoutStyle({ gap, rowGap, columnGap, align, justify, wrap }), style),
88
117
  children: [
89
118
  title ? /* @__PURE__ */ jsx("h2", { className: "wp-h4", children: title }) : null,
90
119
  children
@@ -1,7 +1,7 @@
1
- import { TimePicker } from './chunk-QLLBS2NM.js';
2
- import { DatePicker } from './chunk-ZOUWMQSO.js';
3
- import { Field } from './chunk-LBKIBSHY.js';
4
- import { boxed } from './chunk-SE3H5QCS.js';
1
+ import { TimePicker } from './chunk-CRTYWGCU.js';
2
+ import { DatePicker } from './chunk-AKBVOXMH.js';
3
+ import { Field } from './chunk-WOGLJBBD.js';
4
+ import { boxed } from './chunk-7TXK6LS7.js';
5
5
  import { useState, useRef, useEffect, useMemo } from 'react';
6
6
  import { jsxs, jsx } from 'react/jsx-runtime';
7
7
 
@@ -1,7 +1,7 @@
1
- import { resolveTreeNodes, TreeView } from './chunk-3W4Q7X65.js';
1
+ import { resolveTreeNodes, TreeView } from './chunk-UJ57GOID.js';
2
2
  import { OverlayLayer } from './chunk-XQPTSEJC.js';
3
- import { Field, Dialog, Icon, Button, Input } from './chunk-LBKIBSHY.js';
4
- import { boxed } from './chunk-SE3H5QCS.js';
3
+ import { Field, Dialog, Icon, Button, Input } from './chunk-WOGLJBBD.js';
4
+ import { boxed } from './chunk-7TXK6LS7.js';
5
5
  import { useState, useMemo, useEffect } from 'react';
6
6
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
7
7
 
@@ -1,4 +1,4 @@
1
- import { IconButton } from './chunk-LBKIBSHY.js';
1
+ import { IconButton } from './chunk-WOGLJBBD.js';
2
2
  import { useState, useRef, useCallback, useEffect } from 'react';
3
3
  import { createPortal } from 'react-dom';
4
4
  import { jsxs, jsx } from 'react/jsx-runtime';
@@ -1,7 +1,7 @@
1
- import { ImageLightbox } from './chunk-B6ZBQCSI.js';
1
+ import { ImageLightbox } from './chunk-3SLRFWVS.js';
2
2
  import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-DKPNFEVU.js';
3
- import { Badge, Button, IconButton, Icon } from './chunk-LBKIBSHY.js';
4
- import { boxed } from './chunk-SE3H5QCS.js';
3
+ import { Badge, Button, IconButton, Icon } from './chunk-WOGLJBBD.js';
4
+ import { boxed } from './chunk-7TXK6LS7.js';
5
5
  import { useState, useCallback, useEffect, useMemo, useRef } from 'react';
6
6
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
7
7
 
@@ -1,5 +1,5 @@
1
- import { Button } from './chunk-LBKIBSHY.js';
2
- import { boxed } from './chunk-SE3H5QCS.js';
1
+ import { Button } from './chunk-WOGLJBBD.js';
2
+ import { boxed } from './chunk-7TXK6LS7.js';
3
3
  import { useEffect } from 'react';
4
4
  import { jsxs, jsx } from 'react/jsx-runtime';
5
5
 
@@ -1,6 +1,6 @@
1
- import { Text } from './chunk-2DJO2RBW.js';
2
- import { Field, Input, Select, IconButton, Button } from './chunk-LBKIBSHY.js';
3
- import { boxed } from './chunk-SE3H5QCS.js';
1
+ import { Text } from './chunk-JKM3AM42.js';
2
+ import { Field, Input, Select, IconButton, Button } from './chunk-WOGLJBBD.js';
3
+ import { boxed } from './chunk-7TXK6LS7.js';
4
4
  import { useMemo } from 'react';
5
5
  import { jsxs, jsx } from 'react/jsx-runtime';
6
6
 
@@ -1,5 +1,5 @@
1
- import { Badge, Checkbox, IconButton, Icon } from './chunk-LBKIBSHY.js';
2
- import { boxed } from './chunk-SE3H5QCS.js';
1
+ import { Badge, Checkbox, IconButton, Icon } from './chunk-WOGLJBBD.js';
2
+ import { boxed } from './chunk-7TXK6LS7.js';
3
3
  import { useState, useEffect } from 'react';
4
4
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
5
5
 
@@ -1,6 +1,6 @@
1
- import { Disclosure } from './chunk-PIVD4G3T.js';
2
- import { Icon } from './chunk-LBKIBSHY.js';
3
- import { boxed } from './chunk-SE3H5QCS.js';
1
+ import { Disclosure } from './chunk-QRBZ2B7T.js';
2
+ import { Icon } from './chunk-WOGLJBBD.js';
3
+ import { boxed } from './chunk-7TXK6LS7.js';
4
4
  import { jsx, jsxs } from 'react/jsx-runtime';
5
5
 
6
6
  var TYPE_META = {
@@ -1,5 +1,5 @@
1
- import { IconButton, Badge } from './chunk-LBKIBSHY.js';
2
- import { boxed } from './chunk-SE3H5QCS.js';
1
+ import { IconButton, Badge } from './chunk-WOGLJBBD.js';
2
+ import { boxed } from './chunk-7TXK6LS7.js';
3
3
  import { useRef, useState, useMemo, useCallback, useEffect } from 'react';
4
4
  import { jsxs, jsx } from 'react/jsx-runtime';
5
5
 
@@ -1,7 +1,7 @@
1
- import { includesLooseSearch } from './chunk-TUB3PFKQ.js';
1
+ import { includesLooseSearch } from './chunk-W3HJGDAK.js';
2
2
  import { useSduiAdapter, hostFetchOf } from './chunk-DKPNFEVU.js';
3
- import { Icon, Button, Input, Spinner } from './chunk-LBKIBSHY.js';
4
- import { boxed } from './chunk-SE3H5QCS.js';
3
+ import { Icon, Button, Input, Spinner } from './chunk-WOGLJBBD.js';
4
+ import { boxed } from './chunk-7TXK6LS7.js';
5
5
  import { useId, useRef, useMemo, useState, useEffect } from 'react';
6
6
  import { jsxs, jsx } from 'react/jsx-runtime';
7
7
 
@@ -1,4 +1,4 @@
1
- import { Spinner, EmptyState } from './chunk-LBKIBSHY.js';
1
+ import { Spinner, EmptyState } from './chunk-WOGLJBBD.js';
2
2
  import { useState, useEffect } from 'react';
3
3
  import { jsx, jsxs } from 'react/jsx-runtime';
4
4
 
@@ -1,5 +1,5 @@
1
- import { Icon } from './chunk-LBKIBSHY.js';
2
- import { boxed } from './chunk-SE3H5QCS.js';
1
+ import { Icon } from './chunk-WOGLJBBD.js';
2
+ import { boxed } from './chunk-7TXK6LS7.js';
3
3
  import { useState, useId, useCallback } from 'react';
4
4
  import { jsxs, jsx } from 'react/jsx-runtime';
5
5
 
@@ -1,5 +1,5 @@
1
- import { SegmentedControl, IconButton, Button, Tag, EmptyState, Icon, Badge } from './chunk-LBKIBSHY.js';
2
- import { boxed } from './chunk-SE3H5QCS.js';
1
+ import { SegmentedControl, IconButton, Button, Tag, EmptyState, Icon, Badge } from './chunk-WOGLJBBD.js';
2
+ import { boxed } from './chunk-7TXK6LS7.js';
3
3
  import { useState, useMemo } from 'react';
4
4
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
5
5
 
@@ -1,7 +1,7 @@
1
- import { ImageLightbox } from './chunk-B6ZBQCSI.js';
1
+ import { ImageLightbox } from './chunk-3SLRFWVS.js';
2
2
  import { useSduiSandbox, useSduiAdapter, hostRawFetchOf, defaultAdapter, useSduiAssetResolver } from './chunk-DKPNFEVU.js';
3
- import { Spinner, Icon, IconButton } from './chunk-LBKIBSHY.js';
4
- import { boxed } from './chunk-SE3H5QCS.js';
3
+ import { Spinner, Icon, IconButton } from './chunk-WOGLJBBD.js';
4
+ import { boxed } from './chunk-7TXK6LS7.js';
5
5
  import { useState, useRef, useEffect, useCallback } from 'react';
6
6
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
7
7
 
@@ -1,6 +1,6 @@
1
1
  import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-DKPNFEVU.js';
2
- import { Alert, Badge, Spinner, Button, Input, Checkbox } from './chunk-LBKIBSHY.js';
3
- import { boxed } from './chunk-SE3H5QCS.js';
2
+ import { Alert, Badge, Spinner, Button, Input, Checkbox } from './chunk-WOGLJBBD.js';
3
+ import { boxed } from './chunk-7TXK6LS7.js';
4
4
  import { useMemo, useState, useRef, useCallback, useEffect } from 'react';
5
5
  import { jsxs, jsx } from 'react/jsx-runtime';
6
6
 
@@ -1,6 +1,6 @@
1
- import { buildCascadingTree } from './chunk-TUB3PFKQ.js';
2
- import { Input, IconButton, EmptyState, Icon, Badge } from './chunk-LBKIBSHY.js';
3
- import { boxed } from './chunk-SE3H5QCS.js';
1
+ import { buildCascadingTree } from './chunk-W3HJGDAK.js';
2
+ import { Input, IconButton, EmptyState, Icon, Badge } from './chunk-WOGLJBBD.js';
3
+ import { boxed } from './chunk-7TXK6LS7.js';
4
4
  import React, { useMemo, useState, useRef, useEffect } from 'react';
5
5
  import { jsxs, jsx } from 'react/jsx-runtime';
6
6
 
@@ -1,7 +1,7 @@
1
- import { includesLooseSearch } from './chunk-TUB3PFKQ.js';
1
+ import { includesLooseSearch } from './chunk-W3HJGDAK.js';
2
2
  import { OverlayLayer } from './chunk-XQPTSEJC.js';
3
- import { Button, Dialog, Input, Tag, Checkbox } from './chunk-LBKIBSHY.js';
4
- import { boxed } from './chunk-SE3H5QCS.js';
3
+ import { Button, Dialog, Input, Tag, Checkbox } from './chunk-WOGLJBBD.js';
4
+ import { boxed } from './chunk-7TXK6LS7.js';
5
5
  import React, { useMemo, useState, useEffect } from 'react';
6
6
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
7
7
 
@@ -1,5 +1,5 @@
1
- import { Icon, Badge } from './chunk-LBKIBSHY.js';
2
- import { boxed } from './chunk-SE3H5QCS.js';
1
+ import { Icon, Badge } from './chunk-WOGLJBBD.js';
2
+ import { boxed } from './chunk-7TXK6LS7.js';
3
3
  import React from 'react';
4
4
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
5
5
 
@@ -1,6 +1,6 @@
1
- import { DateRangePicker } from './chunk-ZOUWMQSO.js';
1
+ import { DateRangePicker } from './chunk-AKBVOXMH.js';
2
2
  import { useOverlayLayer } from './chunk-XQPTSEJC.js';
3
- import { Input, Button, IconButton, Tag, Field, Checkbox } from './chunk-LBKIBSHY.js';
3
+ import { Input, Button, IconButton, Tag, Field, Checkbox } from './chunk-WOGLJBBD.js';
4
4
  import { useRef, useEffect, useState, useMemo } from 'react';
5
5
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
6
6
 
@@ -1,4 +1,4 @@
1
- import { mergeStyle, containerLayoutStyle, joinClass } from './chunk-SE3H5QCS.js';
1
+ import { mergeStyle, containerLayoutStyle, joinClass } from './chunk-7TXK6LS7.js';
2
2
  import React from 'react';
3
3
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
4
4
 
@@ -1,5 +1,5 @@
1
- import { Textarea, Icon } from './chunk-LBKIBSHY.js';
2
- import { boxed } from './chunk-SE3H5QCS.js';
1
+ import { Textarea, Icon } from './chunk-WOGLJBBD.js';
2
+ import { boxed } from './chunk-7TXK6LS7.js';
3
3
  import { useState, useRef, useId, useEffect, useCallback } from 'react';
4
4
  import { jsxs, jsx } from 'react/jsx-runtime';
5
5
 
@@ -1,6 +1,6 @@
1
1
  import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-DKPNFEVU.js';
2
- import { Spinner, Badge, Icon } from './chunk-LBKIBSHY.js';
3
- import { boxed } from './chunk-SE3H5QCS.js';
2
+ import { Spinner, Badge, Icon } from './chunk-WOGLJBBD.js';
3
+ import { boxed } from './chunk-7TXK6LS7.js';
4
4
  import { useState, useEffect } from 'react';
5
5
  import { jsx, jsxs } from 'react/jsx-runtime';
6
6
 
@@ -1,6 +1,6 @@
1
1
  import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-DKPNFEVU.js';
2
- import { Icon, Badge, Checkbox, Select, Button } from './chunk-LBKIBSHY.js';
3
- import { boxed } from './chunk-SE3H5QCS.js';
2
+ import { Icon, Badge, Checkbox, Select, Button } from './chunk-WOGLJBBD.js';
3
+ import { boxed } from './chunk-7TXK6LS7.js';
4
4
  import { useRef, useEffect, useMemo, useState } from 'react';
5
5
  import { jsx, jsxs } from 'react/jsx-runtime';
6
6
 
@@ -1,6 +1,6 @@
1
1
  import { useSduiAdapter, hostFetchOf } from './chunk-DKPNFEVU.js';
2
- import { Badge, Tag } from './chunk-LBKIBSHY.js';
3
- import { boxed } from './chunk-SE3H5QCS.js';
2
+ import { Badge, Tag } from './chunk-WOGLJBBD.js';
3
+ import { boxed } from './chunk-7TXK6LS7.js';
4
4
  import { useRef, useEffect, useMemo, useState } from 'react';
5
5
  import { jsx } from 'react/jsx-runtime';
6
6
 
@@ -1,7 +1,7 @@
1
- import { useSduiDispatch, useSduiCan, SduiDialog } from './chunk-6Q4RZDBA.js';
1
+ import { useSduiDispatch, useSduiCan, SduiDialog } from './chunk-AODRYCWT.js';
2
2
  import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-DKPNFEVU.js';
3
- import { Card, Input, Button, Icon, Badge, IconButton } from './chunk-LBKIBSHY.js';
4
- import { boxed } from './chunk-SE3H5QCS.js';
3
+ import { Card, Input, Button, Icon, Badge, IconButton } from './chunk-WOGLJBBD.js';
4
+ import { boxed } from './chunk-7TXK6LS7.js';
5
5
  import React, { useState, useEffect, useCallback, useMemo } from 'react';
6
6
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
7
7