@dmsi/wedgekit-react 0.0.43 → 0.0.45

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 (40) hide show
  1. package/dist/{chunk-QV2EFOYF.js → chunk-DVXLTLKP.js} +1 -1
  2. package/dist/{chunk-2S2Z3L56.js → chunk-JIFWUW4M.js} +2 -2
  3. package/dist/{chunk-3O7TTJL6.js → chunk-MUDULZCP.js} +1 -1
  4. package/dist/{chunk-SKHSGGO3.js → chunk-W3K72ORO.js} +2 -2
  5. package/dist/{chunk-UT7XCBZF.js → chunk-WT5XXW6G.js} +1 -1
  6. package/dist/components/Checkbox.cjs +1 -1
  7. package/dist/components/Checkbox.js +1 -1
  8. package/dist/components/ContentTabs.cjs +1 -1
  9. package/dist/components/ContentTabs.js +1 -1
  10. package/dist/components/DataGrid.cjs +4 -4
  11. package/dist/components/DataGrid.js +5 -5
  12. package/dist/components/DataGridCell.cjs +2 -2
  13. package/dist/components/DataGridCell.js +3 -3
  14. package/dist/components/DateInput.cjs +1 -1
  15. package/dist/components/DateInput.js +1 -1
  16. package/dist/components/DateRangeInput.cjs +1 -1
  17. package/dist/components/DateRangeInput.js +1 -1
  18. package/dist/components/FilterGroup.cjs +3 -3
  19. package/dist/components/FilterGroup.js +3 -3
  20. package/dist/components/Input.cjs +1 -1
  21. package/dist/components/Input.js +1 -1
  22. package/dist/components/InputGroup.cjs +1 -1
  23. package/dist/components/InputGroup.js +1 -1
  24. package/dist/components/Password.cjs +1 -1
  25. package/dist/components/Password.js +1 -1
  26. package/dist/components/Search.cjs +2 -2
  27. package/dist/components/Search.js +2 -2
  28. package/dist/components/Select.cjs +2 -2
  29. package/dist/components/Select.js +2 -2
  30. package/dist/components/Stepper.cjs +1 -1
  31. package/dist/components/Stepper.js +1 -1
  32. package/dist/components/Time.cjs +1 -1
  33. package/dist/components/Time.js +1 -1
  34. package/package.json +1 -1
  35. package/src/components/Checkbox.tsx +1 -1
  36. package/src/components/ContentTabs.tsx +1 -1
  37. package/src/components/Input.tsx +1 -1
  38. package/src/components/InputGroup.tsx +1 -1
  39. package/src/components/Search.tsx +1 -1
  40. package/src/components/Select.tsx +1 -1
package/dist/{chunk-QV2EFOYF.js → chunk-DVXLTLKP.js} RENAMED
@@ -101,7 +101,7 @@ var InputBase = (_a) => {
101
101
  "data-focus": focus || null
102
102
  };
103
103
  const inputRef = useRef(null);
104
- const inputId = `${id}-input`;
104
+ const inputId = id ? `${id}-input` : void 0;
105
105
  useEffect(() => {
106
106
  var _a2;
107
107
  const input = inputRef.current;
package/dist/{chunk-2S2Z3L56.js → chunk-JIFWUW4M.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  InputBase
3
- } from "./chunk-QV2EFOYF.js";
3
+ } from "./chunk-DVXLTLKP.js";
4
4
  import {
5
5
  Icon
6
6
  } from "./chunk-IGQVA7SC.js";
@@ -98,7 +98,7 @@ var Select = (_a) => {
98
98
  })
99
99
  ),
100
100
  renderMenu ? renderMenu({
101
- id: `${id}-menu`,
101
+ id: id ? `${id}-menu` : void 0,
102
102
  positionTo: inputContainerRef,
103
103
  show,
104
104
  setShow,
package/dist/{chunk-3O7TTJL6.js → chunk-MUDULZCP.js} RENAMED
@@ -9,7 +9,7 @@ import {
9
9
  } from "./chunk-S46RZBT4.js";
10
10
  import {
11
11
  Search
12
- } from "./chunk-SKHSGGO3.js";
12
+ } from "./chunk-W3K72ORO.js";
13
13
  import {
14
14
  CSS
15
15
  } from "./chunk-WVUIIBRR.js";
package/dist/{chunk-SKHSGGO3.js → chunk-W3K72ORO.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Input
3
- } from "./chunk-QV2EFOYF.js";
3
+ } from "./chunk-DVXLTLKP.js";
4
4
  import {
5
5
  __objRest,
6
6
  __spreadValues
@@ -110,7 +110,7 @@ var Search = (_a) => {
110
110
  }, props)
111
111
  ),
112
112
  renderMenu ? renderMenu({
113
- id: `${id}-menu`,
113
+ id: id ? `${id}-menu` : void 0,
114
114
  positionTo: inputContainerRef,
115
115
  show,
116
116
  setShow,
package/dist/{chunk-UT7XCBZF.js → chunk-WT5XXW6G.js} RENAMED
@@ -65,7 +65,7 @@ var Checkbox = (_a) => {
65
65
  "label",
66
66
  {
67
67
  id,
68
- htmlFor: `${id}-input`,
68
+ htmlFor: id ? `${id}-input` : void 0,
69
69
  className: clsx(
70
70
  "flex items-center",
71
71
  componentGap,
package/dist/components/Checkbox.cjs CHANGED
@@ -324,7 +324,7 @@ var Checkbox = (_a) => {
324
324
  "label",
325
325
  {
326
326
  id,
327
- htmlFor: `${id}-input`,
327
+ htmlFor: id ? `${id}-input` : void 0,
328
328
  className: (0, import_clsx4.default)(
329
329
  "flex items-center",
330
330
  componentGap,
package/dist/components/Checkbox.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  Checkbox
4
- } from "../chunk-UT7XCBZF.js";
4
+ } from "../chunk-WT5XXW6G.js";
5
5
  import "../chunk-VG4EPHJA.js";
6
6
  import "../chunk-IGQVA7SC.js";
7
7
  import "../chunk-RDLEIAQU.js";
package/dist/components/ContentTabs.cjs CHANGED
@@ -464,7 +464,7 @@ var ContentTabs = ({ tabs, onTabChange, id }) => {
464
464
  className: (0, import_clsx4.default)(!isSelected && afterClasses),
465
465
  role: "tab",
466
466
  "aria-selected": isSelected,
467
- "aria-controls": `${id}-panel-${tab.id}`,
467
+ "aria-controls": `${id ? `${id}-` : ""}panel-${tab.id}`,
468
468
  tabIndex: isSelected ? 0 : -1,
469
469
  ref: (el) => {
470
470
  tabRefs.current[index] = el;
package/dist/components/ContentTabs.js CHANGED
@@ -69,7 +69,7 @@ var ContentTabs = ({ tabs, onTabChange, id }) => {
69
69
  className: clsx(!isSelected && afterClasses),
70
70
  role: "tab",
71
71
  "aria-selected": isSelected,
72
- "aria-controls": `${id}-panel-${tab.id}`,
72
+ "aria-controls": `${id ? `${id}-` : ""}panel-${tab.id}`,
73
73
  tabIndex: isSelected ? 0 : -1,
74
74
  ref: (el) => {
75
75
  tabRefs.current[index] = el;
package/dist/components/DataGrid.cjs CHANGED
@@ -471,7 +471,7 @@ var Checkbox = (_a) => {
471
471
  "label",
472
472
  {
473
473
  id,
474
- htmlFor: `${id}-input`,
474
+ htmlFor: id ? `${id}-input` : void 0,
475
475
  className: (0, import_clsx5.default)(
476
476
  "flex items-center",
477
477
  componentGap,
@@ -717,7 +717,7 @@ var InputBase = (_a) => {
717
717
  "data-focus": focus || null
718
718
  };
719
719
  const inputRef = (0, import_react2.useRef)(null);
720
- const inputId = `${id}-input`;
720
+ const inputId = id ? `${id}-input` : void 0;
721
721
  (0, import_react2.useEffect)(() => {
722
722
  var _a2;
723
723
  const input = inputRef.current;
@@ -1154,7 +1154,7 @@ var Search = (_a) => {
1154
1154
  }, props)
1155
1155
  ),
1156
1156
  renderMenu ? renderMenu({
1157
- id: `${id}-menu`,
1157
+ id: id ? `${id}-menu` : void 0,
1158
1158
  positionTo: inputContainerRef,
1159
1159
  show,
1160
1160
  setShow,
@@ -2413,7 +2413,7 @@ var Select = (_a) => {
2413
2413
  })
2414
2414
  ),
2415
2415
  renderMenu ? renderMenu({
2416
- id: `${id}-menu`,
2416
+ id: id ? `${id}-menu` : void 0,
2417
2417
  positionTo: inputContainerRef,
2418
2418
  show,
2419
2419
  setShow,
package/dist/components/DataGrid.js CHANGED
@@ -10,13 +10,13 @@ import {
10
10
  } from "../chunk-O4M2GISS.js";
11
11
  import {
12
12
  Select
13
- } from "../chunk-2S2Z3L56.js";
13
+ } from "../chunk-JIFWUW4M.js";
14
14
  import {
15
15
  DataCellHeader,
16
16
  DataGridCell,
17
17
  DragAlongCell,
18
18
  DraggableCellHeader
19
- } from "../chunk-3O7TTJL6.js";
19
+ } from "../chunk-MUDULZCP.js";
20
20
  import {
21
21
  Menu
22
22
  } from "../chunk-VC3R5EUH.js";
@@ -27,12 +27,12 @@ import {
27
27
  import "../chunk-SEKKGFM6.js";
28
28
  import {
29
29
  Search
30
- } from "../chunk-SKHSGGO3.js";
30
+ } from "../chunk-W3K72ORO.js";
31
31
  import "../chunk-WVUIIBRR.js";
32
32
  import "../chunk-4T7F5BZZ.js";
33
33
  import {
34
34
  Input
35
- } from "../chunk-QV2EFOYF.js";
35
+ } from "../chunk-DVXLTLKP.js";
36
36
  import {
37
37
  Label
38
38
  } from "../chunk-S5K22XTH.js";
@@ -41,7 +41,7 @@ import {
41
41
  } from "../chunk-MZJS2ZAU.js";
42
42
  import {
43
43
  Checkbox
44
- } from "../chunk-UT7XCBZF.js";
44
+ } from "../chunk-WT5XXW6G.js";
45
45
  import {
46
46
  Paragraph
47
47
  } from "../chunk-VG4EPHJA.js";
package/dist/components/DataGridCell.cjs CHANGED
@@ -402,7 +402,7 @@ var InputBase = (_a) => {
402
402
  "data-focus": focus || null
403
403
  };
404
404
  const inputRef = (0, import_react2.useRef)(null);
405
- const inputId = `${id}-input`;
405
+ const inputId = id ? `${id}-input` : void 0;
406
406
  (0, import_react2.useEffect)(() => {
407
407
  var _a2;
408
408
  const input = inputRef.current;
@@ -839,7 +839,7 @@ var Search = (_a) => {
839
839
  }, props)
840
840
  ),
841
841
  renderMenu ? renderMenu({
842
- id: `${id}-menu`,
842
+ id: id ? `${id}-menu` : void 0,
843
843
  positionTo: inputContainerRef,
844
844
  show,
845
845
  setShow,
package/dist/components/DataGridCell.js CHANGED
@@ -4,15 +4,15 @@ import {
4
4
  DataGridCell,
5
5
  DragAlongCell,
6
6
  DraggableCellHeader
7
- } from "../chunk-3O7TTJL6.js";
7
+ } from "../chunk-MUDULZCP.js";
8
8
  import "../chunk-VC3R5EUH.js";
9
9
  import "../chunk-Z4UCFUF7.js";
10
10
  import "../chunk-S46RZBT4.js";
11
11
  import "../chunk-SEKKGFM6.js";
12
- import "../chunk-SKHSGGO3.js";
12
+ import "../chunk-W3K72ORO.js";
13
13
  import "../chunk-WVUIIBRR.js";
14
14
  import "../chunk-4T7F5BZZ.js";
15
- import "../chunk-QV2EFOYF.js";
15
+ import "../chunk-DVXLTLKP.js";
16
16
  import "../chunk-S5K22XTH.js";
17
17
  import "../chunk-VG4EPHJA.js";
18
18
  import "../chunk-IGQVA7SC.js";
package/dist/components/DateInput.cjs CHANGED
@@ -344,7 +344,7 @@ var InputBase = (_a) => {
344
344
  "data-focus": focus || null
345
345
  };
346
346
  const inputRef = (0, import_react.useRef)(null);
347
- const inputId = `${id}-input`;
347
+ const inputId = id ? `${id}-input` : void 0;
348
348
  (0, import_react.useEffect)(() => {
349
349
  var _a2;
350
350
  const input = inputRef.current;
package/dist/components/DateInput.js CHANGED
@@ -10,7 +10,7 @@ import {
10
10
  } from "../chunk-4T7F5BZZ.js";
11
11
  import {
12
12
  InputBase
13
- } from "../chunk-QV2EFOYF.js";
13
+ } from "../chunk-DVXLTLKP.js";
14
14
  import "../chunk-S5K22XTH.js";
15
15
  import {
16
16
  CalendarRange
package/dist/components/DateRangeInput.cjs CHANGED
@@ -344,7 +344,7 @@ var InputBase = (_a) => {
344
344
  "data-focus": focus || null
345
345
  };
346
346
  const inputRef = (0, import_react.useRef)(null);
347
- const inputId = `${id}-input`;
347
+ const inputId = id ? `${id}-input` : void 0;
348
348
  (0, import_react.useEffect)(() => {
349
349
  var _a2;
350
350
  const input = inputRef.current;
package/dist/components/DateRangeInput.js CHANGED
@@ -11,7 +11,7 @@ import {
11
11
  } from "../chunk-4T7F5BZZ.js";
12
12
  import {
13
13
  InputBase
14
- } from "../chunk-QV2EFOYF.js";
14
+ } from "../chunk-DVXLTLKP.js";
15
15
  import "../chunk-S5K22XTH.js";
16
16
  import {
17
17
  CalendarRange
package/dist/components/FilterGroup.cjs CHANGED
@@ -371,7 +371,7 @@ var Checkbox = (_a) => {
371
371
  "label",
372
372
  {
373
373
  id,
374
- htmlFor: `${id}-input`,
374
+ htmlFor: id ? `${id}-input` : void 0,
375
375
  className: (0, import_clsx5.default)(
376
376
  "flex items-center",
377
377
  componentGap,
@@ -841,7 +841,7 @@ var InputBase = (_a) => {
841
841
  "data-focus": focus || null
842
842
  };
843
843
  const inputRef = (0, import_react.useRef)(null);
844
- const inputId = `${id}-input`;
844
+ const inputId = id ? `${id}-input` : void 0;
845
845
  (0, import_react.useEffect)(() => {
846
846
  var _a2;
847
847
  const input = inputRef.current;
@@ -1278,7 +1278,7 @@ var Search = (_a) => {
1278
1278
  }, props)
1279
1279
  ),
1280
1280
  renderMenu ? renderMenu({
1281
- id: `${id}-menu`,
1281
+ id: id ? `${id}-menu` : void 0,
1282
1282
  positionTo: inputContainerRef,
1283
1283
  show,
1284
1284
  setShow,
package/dist/components/FilterGroup.js CHANGED
@@ -4,8 +4,8 @@ import {
4
4
  } from "../chunk-4N2PED4P.js";
5
5
  import {
6
6
  Search
7
- } from "../chunk-SKHSGGO3.js";
8
- import "../chunk-QV2EFOYF.js";
7
+ } from "../chunk-W3K72ORO.js";
8
+ import "../chunk-DVXLTLKP.js";
9
9
  import {
10
10
  Label
11
11
  } from "../chunk-S5K22XTH.js";
@@ -15,7 +15,7 @@ import {
15
15
  import "../chunk-MZJS2ZAU.js";
16
16
  import {
17
17
  Checkbox
18
- } from "../chunk-UT7XCBZF.js";
18
+ } from "../chunk-WT5XXW6G.js";
19
19
  import "../chunk-VG4EPHJA.js";
20
20
  import {
21
21
  Icon
package/dist/components/Input.cjs CHANGED
@@ -346,7 +346,7 @@ var InputBase = (_a) => {
346
346
  "data-focus": focus || null
347
347
  };
348
348
  const inputRef = (0, import_react.useRef)(null);
349
- const inputId = `${id}-input`;
349
+ const inputId = id ? `${id}-input` : void 0;
350
350
  (0, import_react.useEffect)(() => {
351
351
  var _a2;
352
352
  const input = inputRef.current;
package/dist/components/Input.js CHANGED
@@ -6,7 +6,7 @@ import {
6
6
  InputBase,
7
7
  Percentage,
8
8
  UOM
9
- } from "../chunk-QV2EFOYF.js";
9
+ } from "../chunk-DVXLTLKP.js";
10
10
  import "../chunk-S5K22XTH.js";
11
11
  import "../chunk-IGQVA7SC.js";
12
12
  import "../chunk-RDLEIAQU.js";
package/dist/components/InputGroup.cjs CHANGED
@@ -254,7 +254,7 @@ var InputGroup = (_a) => {
254
254
  "caption"
255
255
  ]);
256
256
  const internalId = (0, import_react.useId)();
257
- const labelId = `${id}-label`;
257
+ const labelId = id ? `${id}-label` : void 0;
258
258
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", __spreadProps(__spreadValues({ id }, props), { className: (0, import_clsx3.default)("flex flex-col", componentGap), children: [
259
259
  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
260
260
  Label,
package/dist/components/InputGroup.js CHANGED
@@ -33,7 +33,7 @@ var InputGroup = (_a) => {
33
33
  "caption"
34
34
  ]);
35
35
  const internalId = useId();
36
- const labelId = `${id}-label`;
36
+ const labelId = id ? `${id}-label` : void 0;
37
37
  return /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({ id }, props), { className: clsx("flex flex-col", componentGap), children: [
38
38
  /* @__PURE__ */ jsx(
39
39
  Label,
package/dist/components/Password.cjs CHANGED
@@ -344,7 +344,7 @@ var InputBase = (_a) => {
344
344
  "data-focus": focus || null
345
345
  };
346
346
  const inputRef = (0, import_react.useRef)(null);
347
- const inputId = `${id}-input`;
347
+ const inputId = id ? `${id}-input` : void 0;
348
348
  (0, import_react.useEffect)(() => {
349
349
  var _a2;
350
350
  const input = inputRef.current;
package/dist/components/Password.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  InputBase
4
- } from "../chunk-QV2EFOYF.js";
4
+ } from "../chunk-DVXLTLKP.js";
5
5
  import "../chunk-S5K22XTH.js";
6
6
  import {
7
7
  Icon
package/dist/components/Search.cjs CHANGED
@@ -344,7 +344,7 @@ var InputBase = (_a) => {
344
344
  "data-focus": focus || null
345
345
  };
346
346
  const inputRef = (0, import_react.useRef)(null);
347
- const inputId = `${id}-input`;
347
+ const inputId = id ? `${id}-input` : void 0;
348
348
  (0, import_react.useEffect)(() => {
349
349
  var _a2;
350
350
  const input = inputRef.current;
@@ -781,7 +781,7 @@ var Search = (_a) => {
781
781
  }, props)
782
782
  ),
783
783
  renderMenu ? renderMenu({
784
- id: `${id}-menu`,
784
+ id: id ? `${id}-menu` : void 0,
785
785
  positionTo: inputContainerRef,
786
786
  show,
787
787
  setShow,
package/dist/components/Search.js CHANGED
@@ -1,8 +1,8 @@
1
1
  "use client";
2
2
  import {
3
3
  Search
4
- } from "../chunk-SKHSGGO3.js";
5
- import "../chunk-QV2EFOYF.js";
4
+ } from "../chunk-W3K72ORO.js";
5
+ import "../chunk-DVXLTLKP.js";
6
6
  import "../chunk-S5K22XTH.js";
7
7
  import "../chunk-IGQVA7SC.js";
8
8
  import "../chunk-RDLEIAQU.js";
package/dist/components/Select.cjs CHANGED
@@ -344,7 +344,7 @@ var InputBase = (_a) => {
344
344
  "data-focus": focus || null
345
345
  };
346
346
  const inputRef = (0, import_react.useRef)(null);
347
- const inputId = `${id}-input`;
347
+ const inputId = id ? `${id}-input` : void 0;
348
348
  (0, import_react.useEffect)(() => {
349
349
  var _a2;
350
350
  const input = inputRef.current;
@@ -770,7 +770,7 @@ var Select = (_a) => {
770
770
  })
771
771
  ),
772
772
  renderMenu ? renderMenu({
773
- id: `${id}-menu`,
773
+ id: id ? `${id}-menu` : void 0,
774
774
  positionTo: inputContainerRef,
775
775
  show,
776
776
  setShow,
package/dist/components/Select.js CHANGED
@@ -1,8 +1,8 @@
1
1
  "use client";
2
2
  import {
3
3
  Select
4
- } from "../chunk-2S2Z3L56.js";
5
- import "../chunk-QV2EFOYF.js";
4
+ } from "../chunk-JIFWUW4M.js";
5
+ import "../chunk-DVXLTLKP.js";
6
6
  import "../chunk-S5K22XTH.js";
7
7
  import "../chunk-IGQVA7SC.js";
8
8
  import "../chunk-RDLEIAQU.js";
package/dist/components/Stepper.cjs CHANGED
@@ -482,7 +482,7 @@ var InputBase = (_a) => {
482
482
  "data-focus": focus || null
483
483
  };
484
484
  const inputRef = (0, import_react.useRef)(null);
485
- const inputId = `${id}-input`;
485
+ const inputId = id ? `${id}-input` : void 0;
486
486
  (0, import_react.useEffect)(() => {
487
487
  var _a2;
488
488
  const input = inputRef.current;
package/dist/components/Stepper.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  InputBase
4
- } from "../chunk-QV2EFOYF.js";
4
+ } from "../chunk-DVXLTLKP.js";
5
5
  import "../chunk-S5K22XTH.js";
6
6
  import {
7
7
  Button
package/dist/components/Time.cjs CHANGED
@@ -343,7 +343,7 @@ var InputBase = (_a) => {
343
343
  "data-focus": focus || null
344
344
  };
345
345
  const inputRef = (0, import_react.useRef)(null);
346
- const inputId = `${id}-input`;
346
+ const inputId = id ? `${id}-input` : void 0;
347
347
  (0, import_react.useEffect)(() => {
348
348
  var _a2;
349
349
  const input = inputRef.current;
package/dist/components/Time.js CHANGED
@@ -6,7 +6,7 @@ import {
6
6
  } from "../chunk-4T7F5BZZ.js";
7
7
  import {
8
8
  InputBase
9
- } from "../chunk-QV2EFOYF.js";
9
+ } from "../chunk-DVXLTLKP.js";
10
10
  import "../chunk-S5K22XTH.js";
11
11
  import {
12
12
  Icon
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dmsi/wedgekit-react",
3
3
  "private": false,
4
- "version": "0.0.43",
4
+ "version": "0.0.45",
5
5
  "type": "module",
6
6
  "scripts": {
7
7
  "build": "tsup",
package/src/components/Checkbox.tsx CHANGED
@@ -81,7 +81,7 @@ export const Checkbox = ({
81
81
  return (
82
82
  <label
83
83
  id={id}
84
- htmlFor={`${id}-input`}
84
+ htmlFor={id ? `${id}-input` : undefined}
85
85
  className={clsx(
86
86
  "flex items-center",
87
87
  componentGap,
package/src/components/ContentTabs.tsx CHANGED
@@ -80,7 +80,7 @@ export const ContentTabs = ({ tabs, onTabChange, id }: ContentTabsProps) => {
80
80
  className={clsx(!isSelected && afterClasses)}
81
81
  role="tab"
82
82
  aria-selected={isSelected}
83
- aria-controls={`${id}-panel-${tab.id}`}
83
+ aria-controls={`${id ? `${id}-` : ""}panel-${tab.id}`}
84
84
  tabIndex={isSelected ? 0 : -1}
85
85
  ref={(el) => {
86
86
  tabRefs.current[index] = el;
package/src/components/Input.tsx CHANGED
@@ -82,7 +82,7 @@ export const InputBase = ({
82
82
  "data-focus": focus || null,
83
83
  };
84
84
  const inputRef = useRef<HTMLInputElement | null>(null);
85
- const inputId = `${id}-input`;
85
+ const inputId = id ? `${id}-input` : undefined;
86
86
 
87
87
  useEffect(() => {
88
88
  const input = inputRef.current;
package/src/components/InputGroup.tsx CHANGED
@@ -23,7 +23,7 @@ export const InputGroup = ({
23
23
  ...props
24
24
  }: ComponentProps<"div"> & InputGroupProps) => {
25
25
  const internalId = useId();
26
- const labelId = `${id}-label`;
26
+ const labelId = id ? `${id}-label` : undefined;
27
27
 
28
28
  return (
29
29
  <div id={id} {...props} className={clsx("flex flex-col", componentGap)}>
package/src/components/Search.tsx CHANGED
@@ -128,7 +128,7 @@ export const Search = ({
128
128
 
129
129
  {renderMenu
130
130
  ? renderMenu({
131
- id: `${id}-menu`,
131
+ id: id ? `${id}-menu` : undefined,
132
132
  positionTo: inputContainerRef,
133
133
  show,
134
134
  setShow,
package/src/components/Select.tsx CHANGED
@@ -95,7 +95,7 @@ export const Select = ({
95
95
 
96
96
  {renderMenu
97
97
  ? renderMenu({
98
- id: `${id}-menu`,
98
+ id: id ? `${id}-menu` : undefined,
99
99
  positionTo: inputContainerRef,
100
100
  show,
101
101
  setShow,