@ledgerhq/lumen-ui-react 0.1.29 → 0.1.31

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 (107) hide show
  1. package/dist/index.js +7 -5
  2. package/dist/lib/Components/AddressInput/AddressInput.d.ts +4 -4
  3. package/dist/lib/Components/AmountDisplay/AmountDisplay.js +13 -13
  4. package/dist/lib/Components/AmountInput/AmountInput.js +14 -14
  5. package/dist/lib/Components/Banner/Banner.js +5 -5
  6. package/dist/lib/Components/BaseInput/BaseInput.d.ts +1 -1
  7. package/dist/lib/Components/BaseInput/BaseInput.d.ts.map +1 -1
  8. package/dist/lib/Components/BaseInput/BaseInput.js +134 -85
  9. package/dist/lib/Components/BaseInput/types.d.ts +12 -4
  10. package/dist/lib/Components/BaseInput/types.d.ts.map +1 -1
  11. package/dist/lib/Components/Button/Button.js +8 -8
  12. package/dist/lib/Components/Card/Card.js +12 -12
  13. package/dist/lib/Components/CardButton/CardButton.js +4 -4
  14. package/dist/lib/Components/DataTable/DataTable.d.ts +1 -1
  15. package/dist/lib/Components/DataTable/DataTable.d.ts.map +1 -1
  16. package/dist/lib/Components/DataTable/DataTable.js +101 -99
  17. package/dist/lib/Components/DataTable/types.d.ts +8 -0
  18. package/dist/lib/Components/DataTable/types.d.ts.map +1 -1
  19. package/dist/lib/Components/Dialog/Dialog.js +13 -13
  20. package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.js +12 -12
  21. package/dist/lib/Components/DotCount/DotCount.js +4 -4
  22. package/dist/lib/Components/InteractiveIcon/InteractiveIcon.js +4 -4
  23. package/dist/lib/Components/Link/Link.js +6 -6
  24. package/dist/lib/Components/ListItem/ListItem.js +3 -3
  25. package/dist/lib/Components/MediaButton/MediaButton.d.ts.map +1 -1
  26. package/dist/lib/Components/MediaButton/MediaButton.js +9 -9
  27. package/dist/lib/Components/MediaImage/MediaImage.js +9 -9
  28. package/dist/lib/Components/NavBar/CoinCapsule.js +4 -4
  29. package/dist/lib/Components/NavBar/NavBar.js +26 -26
  30. package/dist/lib/Components/Popover/Popover.js +6 -6
  31. package/dist/lib/Components/SearchInput/SearchInput.d.ts +4 -4
  32. package/dist/lib/Components/SegmentedControl/SegmentedControl.d.ts +1 -1
  33. package/dist/lib/Components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
  34. package/dist/lib/Components/SegmentedControl/SegmentedControl.js +54 -52
  35. package/dist/lib/Components/SegmentedControl/types.d.ts +4 -0
  36. package/dist/lib/Components/SegmentedControl/types.d.ts.map +1 -1
  37. package/dist/lib/Components/Select/Select.d.ts +1 -1
  38. package/dist/lib/Components/Select/Select.d.ts.map +1 -1
  39. package/dist/lib/Components/Select/Select.js +41 -39
  40. package/dist/lib/Components/Select/types.d.ts +1 -1
  41. package/dist/lib/Components/Select/types.d.ts.map +1 -1
  42. package/dist/lib/Components/SideBar/SideBar.js +9 -9
  43. package/dist/lib/Components/Skeleton/Skeleton.js +4 -4
  44. package/dist/lib/Components/Switch/Switch.js +5 -5
  45. package/dist/lib/Components/Table/Table.d.ts +1 -1
  46. package/dist/lib/Components/Table/Table.d.ts.map +1 -1
  47. package/dist/lib/Components/Table/Table.js +47 -42
  48. package/dist/lib/Components/Table/types.d.ts +7 -0
  49. package/dist/lib/Components/Table/types.d.ts.map +1 -1
  50. package/dist/lib/Components/Table/utils/useThrottledScrollBottom.js +3 -3
  51. package/dist/lib/Components/TextInput/TextInput.d.ts +4 -4
  52. package/dist/lib/Components/Trend/Trend.d.ts +3 -0
  53. package/dist/lib/Components/Trend/Trend.d.ts.map +1 -0
  54. package/dist/lib/Components/Trend/Trend.js +54 -0
  55. package/dist/lib/Components/Trend/index.d.ts +3 -0
  56. package/dist/lib/Components/Trend/index.d.ts.map +1 -0
  57. package/dist/lib/Components/Trend/types.d.ts +20 -0
  58. package/dist/lib/Components/Trend/types.d.ts.map +1 -0
  59. package/dist/lib/Components/index.d.ts +1 -0
  60. package/dist/lib/Components/index.d.ts.map +1 -1
  61. package/dist/lib/Symbols/Icons/Ar.js +2 -2
  62. package/dist/lib/Symbols/Icons/ArrowLeft.js +1 -1
  63. package/dist/lib/Symbols/Icons/ArrowRight.js +1 -1
  64. package/dist/lib/Symbols/Icons/BasketPutIn.js +1 -1
  65. package/dist/lib/Symbols/Icons/Clip.js +1 -1
  66. package/dist/lib/Symbols/Icons/ClockFill.d.ts.map +1 -1
  67. package/dist/lib/Symbols/Icons/ClockFill.js +13 -26
  68. package/dist/lib/Symbols/Icons/CloudDownload.js +1 -1
  69. package/dist/lib/Symbols/Icons/CloudUpload.js +1 -1
  70. package/dist/lib/Symbols/Icons/CoinsAddPlus.js +1 -1
  71. package/dist/lib/Symbols/Icons/CoinsCheck.js +1 -1
  72. package/dist/lib/Symbols/Icons/CoinsCross.js +1 -1
  73. package/dist/lib/Symbols/Icons/ColorPalette.js +1 -1
  74. package/dist/lib/Symbols/Icons/CryptoBitcoinCoin.js +1 -1
  75. package/dist/lib/Symbols/Icons/Csv.js +1 -1
  76. package/dist/lib/Symbols/Icons/Discord.js +1 -1
  77. package/dist/lib/Symbols/Icons/Download.js +1 -1
  78. package/dist/lib/Symbols/Icons/Exchange.js +1 -1
  79. package/dist/lib/Symbols/Icons/ExchangeFill.js +3 -3
  80. package/dist/lib/Symbols/Icons/ExitLogout.js +1 -1
  81. package/dist/lib/Symbols/Icons/Expand.js +1 -1
  82. package/dist/lib/Symbols/Icons/Experiment2.js +1 -1
  83. package/dist/lib/Symbols/Icons/ExternalLink.js +1 -1
  84. package/dist/lib/Symbols/Icons/FileDownload.js +1 -1
  85. package/dist/lib/Symbols/Icons/Github.js +1 -1
  86. package/dist/lib/Symbols/Icons/HandCard.js +1 -1
  87. package/dist/lib/Symbols/Icons/Infinite.js +1 -1
  88. package/dist/lib/Symbols/Icons/MobileArrow.js +1 -1
  89. package/dist/lib/Symbols/Icons/NftHide.js +1 -1
  90. package/dist/lib/Symbols/Icons/Parachute.js +1 -1
  91. package/dist/lib/Symbols/Icons/PictureImage.js +1 -1
  92. package/dist/lib/Symbols/Icons/Range.js +1 -1
  93. package/dist/lib/Symbols/Icons/Reddit.js +2 -2
  94. package/dist/lib/Symbols/Icons/Reduce.js +1 -1
  95. package/dist/lib/Symbols/Icons/Screens.js +1 -1
  96. package/dist/lib/Symbols/Icons/Shapes.js +1 -1
  97. package/dist/lib/Symbols/Icons/Share.js +1 -1
  98. package/dist/lib/Symbols/Icons/StarHalf.js +1 -1
  99. package/dist/lib/Symbols/Icons/TransferHorizontal.js +1 -1
  100. package/dist/lib/Symbols/Icons/TransferVertical.js +1 -1
  101. package/dist/lib/Symbols/Icons/Truck.js +1 -1
  102. package/dist/lib/Symbols/Icons/Usb.js +1 -1
  103. package/dist/lib/Symbols/Icons/UserArrowRight.js +1 -1
  104. package/dist/lib/Symbols/Icons/WalletInput.js +1 -1
  105. package/dist/libs/utils-shared/dist/index.js +146 -133
  106. package/dist/package.json +2 -2
  107. package/package.json +2 -2
@@ -1,7 +1,7 @@
1
1
  import { jsx as a } from "react/jsx-runtime";
2
- import { useDisabledContext as c, DisabledProvider as x, cn as r, getButtonA11yProps as b, createSafeContext as f } from "../../../libs/utils-shared/dist/index.js";
2
+ import { useDisabledContext as c, DisabledProvider as x, cn as r, getButtonA11yProps as f, createSafeContext as b } from "../../../libs/utils-shared/dist/index.js";
3
3
  import { cva as p } from "class-variance-authority";
4
- const [I, l] = f("ListItemTrailing", {
4
+ const [I, l] = b("ListItemTrailing", {
5
5
  isInTrailing: !1
6
6
  }), g = p(
7
7
  [
@@ -46,7 +46,7 @@ const [I, l] = f("ListItemTrailing", {
46
46
  "div",
47
47
  {
48
48
  ref: t,
49
- ...b({ onClick: e, disabled: d }),
49
+ ...f({ onClick: e, disabled: d }),
50
50
  className: r(
51
51
  g({
52
52
  density: m,
@@ -1 +1 @@
1
- {"version":3,"file":"MediaButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaButton/MediaButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA4BhD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,WAAW,GAAI,wHAYzB,gBAAgB,4CAmClB,CAAC"}
1
+ {"version":3,"file":"MediaButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaButton/MediaButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA4BhD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,WAAW,GAAI,wHAYzB,gBAAgB,4CAqClB,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import { jsxs as t, jsx as e } from "react/jsx-runtime";
2
- import { useDisabledContext as u, cn as b } from "../../../libs/utils-shared/dist/index.js";
3
- import { Slot as x, Slottable as T } from "@radix-ui/react-slot";
2
+ import { useDisabledContext as u, cn as x } from "../../../libs/utils-shared/dist/index.js";
3
+ import { Slot as b, Slottable as T } from "@radix-ui/react-slot";
4
4
  import { cva as z } from "class-variance-authority";
5
5
  import { baseButtonVariants as g } from "../Button/BaseButton.js";
6
6
  import { ChevronDown as v } from "../../Symbols/Icons/ChevronDown.js";
@@ -32,8 +32,8 @@ const N = z("gap-8 body-2-semi-bold", {
32
32
  ref: i,
33
33
  className: p,
34
34
  appearance: l = "gray",
35
- size: m = "md",
36
- disabled: r = !1,
35
+ size: r = "md",
36
+ disabled: m = !1,
37
37
  asChild: n = !1,
38
38
  icon: s,
39
39
  iconType: c = "flat",
@@ -43,26 +43,26 @@ const N = z("gap-8 body-2-semi-bold", {
43
43
  }) => {
44
44
  const a = u({
45
45
  consumerName: "MediaButton",
46
- mergeWith: { disabled: r }
46
+ mergeWith: { disabled: m }
47
47
  }), y = s ? c : "none";
48
48
  return /* @__PURE__ */ t(
49
- n ? x : "button",
49
+ n ? b : "button",
50
50
  {
51
51
  ref: i,
52
- className: b(
52
+ className: x(
53
53
  g({
54
54
  appearance: l,
55
55
  disabled: a,
56
56
  loading: !1
57
57
  }),
58
- N({ size: m, iconType: y }),
58
+ N({ size: r, iconType: y }),
59
59
  p
60
60
  ),
61
61
  "data-disabled": a || void 0,
62
62
  disabled: a,
63
63
  ...f,
64
64
  children: [
65
- s && /* @__PURE__ */ e("span", { className: "shrink-0", children: s }),
65
+ s && /* @__PURE__ */ e("span", { className: "inline-flex shrink-0 items-center", children: s }),
66
66
  /* @__PURE__ */ t("span", { className: "flex items-center gap-2", children: [
67
67
  n ? /* @__PURE__ */ e(T, { children: o }) : /* @__PURE__ */ e("span", { className: "line-clamp-1 text-left", children: o }),
68
68
  !d && /* @__PURE__ */ e(v, { size: 20 })
@@ -1,4 +1,4 @@
1
- import { jsxs as p, jsx as s } from "react/jsx-runtime";
1
+ import { jsxs as p, jsx as r } from "react/jsx-runtime";
2
2
  import { cn as z } from "../../../libs/utils-shared/dist/index.js";
3
3
  import { cva as h } from "class-variance-authority";
4
4
  import { useState as x, useEffect as g } from "react";
@@ -39,7 +39,7 @@ const N = {
39
39
  }, I = ({
40
40
  ref: a,
41
41
  className: d,
42
- src: r,
42
+ src: s,
43
43
  alt: l,
44
44
  size: i = 48,
45
45
  shape: u = "square",
@@ -48,10 +48,10 @@ const N = {
48
48
  loading: e = !1,
49
49
  ...c
50
50
  }) => {
51
- const [f, n] = x(!1), o = !r || f;
51
+ const [f, n] = x(!1), o = !s || f;
52
52
  return g(() => {
53
53
  n(!1);
54
- }, [r]), /* @__PURE__ */ p(
54
+ }, [s]), /* @__PURE__ */ p(
55
55
  "div",
56
56
  {
57
57
  ref: a,
@@ -60,8 +60,8 @@ const N = {
60
60
  "aria-label": l,
61
61
  ...c,
62
62
  children: [
63
- e && /* @__PURE__ */ s(v, { className: "absolute inset-0" }),
64
- !e && o && t && /* @__PURE__ */ s(
63
+ e && /* @__PURE__ */ r(v, { className: "absolute inset-0" }),
64
+ !e && o && t && /* @__PURE__ */ r(
65
65
  "span",
66
66
  {
67
67
  className: "text-base select-none",
@@ -70,11 +70,11 @@ const N = {
70
70
  children: t[0]?.toUpperCase()
71
71
  }
72
72
  ),
73
- !e && o && !t && /* @__PURE__ */ s("span", { className: "text-muted select-none", "aria-hidden": "true" }),
74
- !e && !o && /* @__PURE__ */ s(
73
+ !e && o && !t && /* @__PURE__ */ r("span", { className: "text-muted select-none", "aria-hidden": "true" }),
74
+ !e && !o && /* @__PURE__ */ r(
75
75
  "img",
76
76
  {
77
- src: r,
77
+ src: s,
78
78
  alt: "",
79
79
  loading: m,
80
80
  onError: () => n(!0),
@@ -2,8 +2,8 @@ import { jsxs as a, jsx as e } from "react/jsx-runtime";
2
2
  import { cn as l } from "../../../libs/utils-shared/dist/index.js";
3
3
  const o = ({
4
4
  ref: s,
5
- ticker: n,
6
- icon: t,
5
+ ticker: t,
6
+ icon: n,
7
7
  className: r
8
8
  }) => /* @__PURE__ */ a(
9
9
  "div",
@@ -15,8 +15,8 @@ const o = ({
15
15
  ),
16
16
  "data-slot": "coin-capsule",
17
17
  children: [
18
- /* @__PURE__ */ e("span", { className: "flex size-24 shrink-0 items-center justify-center", children: t }),
19
- /* @__PURE__ */ e("span", { className: "body-1 text-base select-none", children: n })
18
+ /* @__PURE__ */ e("span", { className: "flex size-24 shrink-0 items-center justify-center", children: n }),
19
+ /* @__PURE__ */ e("span", { className: "body-1 text-base select-none", children: t })
20
20
  ]
21
21
  }
22
22
  );
@@ -7,13 +7,13 @@ import { ArrowLeft as m } from "../../Symbols/Icons/ArrowLeft.js";
7
7
  const N = ({
8
8
  ref: a,
9
9
  ticker: t,
10
- icon: e,
11
- className: r
12
- }) => /* @__PURE__ */ n("div", { className: "flex flex-1 items-center", "data-slot": "navbar-coin-capsule", children: /* @__PURE__ */ n(i, { ref: a, ticker: t, icon: e, className: r }) }), B = ({
10
+ icon: r,
11
+ className: e
12
+ }) => /* @__PURE__ */ n("div", { className: "flex flex-1 items-center", "data-slot": "navbar-coin-capsule", children: /* @__PURE__ */ n(i, { ref: a, ticker: t, icon: r, className: e }) }), B = ({
13
13
  ref: a,
14
14
  onClick: t,
15
- "aria-label": e,
16
- className: r
15
+ "aria-label": r,
16
+ className: e
17
17
  }) => {
18
18
  const { t: s } = l();
19
19
  return /* @__PURE__ */ n(
@@ -24,23 +24,23 @@ const N = ({
24
24
  size: "sm",
25
25
  icon: m,
26
26
  onClick: t,
27
- className: o("shrink-0", r),
28
- "aria-label": e ?? s("components.navBar.goBackAriaLabel"),
27
+ className: o("shrink-0", e),
28
+ "aria-label": r ?? s("components.navBar.goBackAriaLabel"),
29
29
  "data-slot": "navbar-back-button"
30
30
  }
31
31
  );
32
32
  }, x = ({
33
33
  ref: a,
34
34
  children: t,
35
- className: e,
36
- as: r = "h1"
35
+ className: r,
36
+ as: e = "h1"
37
37
  }) => /* @__PURE__ */ n(
38
- r,
38
+ e,
39
39
  {
40
40
  ref: a,
41
41
  className: o(
42
42
  "min-w-0 truncate heading-4-semi-bold text-base",
43
- e
43
+ r
44
44
  ),
45
45
  "data-slot": "navbar-title",
46
46
  children: t
@@ -48,51 +48,51 @@ const N = ({
48
48
  ), g = ({
49
49
  ref: a,
50
50
  children: t,
51
- className: e,
52
- ...r
51
+ className: r,
52
+ ...e
53
53
  }) => /* @__PURE__ */ n(
54
54
  "div",
55
55
  {
56
56
  ref: a,
57
- className: o("min-w-0 flex-1 truncate body-1 text-muted", e),
58
- ...r,
57
+ className: o("min-w-0 flex-1 truncate body-1 text-muted", r),
58
+ ...e,
59
59
  children: t
60
60
  }
61
61
  ), k = ({
62
62
  ref: a,
63
63
  children: t,
64
- className: e,
65
- ...r
64
+ className: r,
65
+ ...e
66
66
  }) => /* @__PURE__ */ n(
67
67
  "div",
68
68
  {
69
69
  ref: a,
70
- className: o("flex min-w-0 flex-1 items-center gap-16", e),
70
+ className: o("flex min-w-0 flex-1 items-center gap-16", r),
71
71
  "data-slot": "navbar-leading",
72
- ...r,
72
+ ...e,
73
73
  children: t
74
74
  }
75
75
  ), h = ({
76
76
  ref: a,
77
77
  children: t,
78
- className: e,
79
- ...r
78
+ className: r,
79
+ ...e
80
80
  }) => /* @__PURE__ */ n(
81
81
  "div",
82
82
  {
83
83
  ref: a,
84
- className: o("ml-auto flex shrink-0 items-center gap-4", e),
84
+ className: o("ml-auto flex shrink-0 items-center gap-4", r),
85
85
  "data-slot": "navbar-trailing",
86
- ...r,
86
+ ...e,
87
87
  children: t
88
88
  }
89
- ), C = ({ ref: a, children: t, className: e, ...r }) => /* @__PURE__ */ n(
89
+ ), C = ({ ref: a, children: t, className: r, ...e }) => /* @__PURE__ */ n(
90
90
  "nav",
91
91
  {
92
92
  ref: a,
93
- className: o("flex items-center gap-4", e),
93
+ className: o("flex items-center gap-4", r),
94
94
  "data-slot": "navbar",
95
- ...r,
95
+ ...e,
96
96
  children: t
97
97
  }
98
98
  );
@@ -60,7 +60,7 @@ const [b, y] = l("Popover"), C = v(
60
60
  handle: n,
61
61
  children: i
62
62
  }
63
- ) }), O = ({
63
+ ) }), K = ({
64
64
  handle: o,
65
65
  payload: a,
66
66
  render: r,
@@ -76,7 +76,7 @@ const [b, y] = l("Popover"), C = v(
76
76
  className: p("data-popup-open:z-menu", e),
77
77
  ...n
78
78
  }
79
- ), V = ({
79
+ ), O = ({
80
80
  side: o = "bottom",
81
81
  sideOffset: a = 8,
82
82
  align: r = "start",
@@ -117,10 +117,10 @@ const [b, y] = l("Popover"), C = v(
117
117
  }
118
118
  )
119
119
  ] });
120
- }, A = c;
120
+ }, V = c;
121
121
  export {
122
122
  B as Popover,
123
- V as PopoverContent,
124
- O as PopoverTrigger,
125
- A as createPopoverHandle
123
+ O as PopoverContent,
124
+ K as PopoverTrigger,
125
+ V as createPopoverHandle
126
126
  };
@@ -7,7 +7,7 @@ import { SearchInputProps } from './types';
7
7
  * - **Automatic clear button** appears when input has content
8
8
  * - **No label support** - uses placeholder text for optimal search UX
9
9
  * - **Suffix elements** for icons, buttons, or custom content
10
- * - **Error state styling** with aria-invalid and errorMessage support
10
+ * - **Helper text** with optional `status` for validation feedback
11
11
  * - **Flexible styling** via className prop
12
12
  *
13
13
  * ## Clear Button Behavior
@@ -25,13 +25,13 @@ import { SearchInputProps } from './types';
25
25
  * // Basic search with automatic clear button
26
26
  * <SearchInput placeholder="Search" value={query} onChange={(e) => setQuery(e.target.value)} />
27
27
  *
28
- * // Search with error state
28
+ * // Search with error state (aria-invalid is auto-set when status="error")
29
29
  * <SearchInput
30
30
  * placeholder="Search products"
31
31
  * value={searchTerm}
32
32
  * onChange={(e) => setSearchTerm(e.target.value)}
33
- * aria-invalid={!isValid}
34
- * errorMessage="Search failed. Please try again."
33
+ * helperText="Search failed. Please try again."
34
+ * status="error"
35
35
  * />
36
36
  *
37
37
  * // Search with suffix element
@@ -1,4 +1,4 @@
1
1
  import { SegmentedControlButtonProps, SegmentedControlProps } from './types';
2
- export declare function SegmentedControlButton({ value, children, icon: Icon, onClick, className, ...props }: SegmentedControlButtonProps): import("react/jsx-runtime").JSX.Element;
2
+ export declare function SegmentedControlButton({ value, children, icon: Icon, trailingContent, onClick, className, ...props }: SegmentedControlButtonProps): import("react/jsx-runtime").JSX.Element;
3
3
  export declare function SegmentedControl({ selectedValue, onSelectedChange, children, className, disabled: disabledProp, appearance, tabLayout, ...props }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;
4
4
  //# sourceMappingURL=SegmentedControl.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,2BAA2B,EAC3B,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAwDjB,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,2BAA2B,2CA+B7B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,QAAQ,EAAE,YAAY,EACtB,UAAyB,EACzB,SAAmB,EACnB,GAAG,KAAK,EACT,EAAE,qBAAqB,2CA+CvB"}
1
+ {"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,2BAA2B,EAC3B,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAwDjB,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,IAAI,EAAE,IAAI,EACV,eAAe,EACf,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,2BAA2B,2CAgC7B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,QAAQ,EAAE,YAAY,EACtB,UAAyB,EACzB,SAAmB,EACnB,GAAG,KAAK,EACT,EAAE,qBAAqB,2CA+CvB"}
@@ -1,11 +1,11 @@
1
- import { jsx as o, jsxs as p } from "react/jsx-runtime";
2
- import { cn as x, useDisabledContext as h } from "../../../libs/utils-shared/dist/index.js";
3
- import { cva as f } from "class-variance-authority";
1
+ import { jsx as a, jsxs as x } from "react/jsx-runtime";
2
+ import { cn as g, useDisabledContext as h } from "../../../libs/utils-shared/dist/index.js";
3
+ import { cva as b } from "class-variance-authority";
4
4
  import { useRef as v } from "react";
5
5
  import { useSegmentedControlContext as y, SegmentedControlContextProvider as C } from "./SegmentedControlContext.js";
6
6
  import { useSegmentedControlSelectedIndex as w, usePillElementLayoutEffect as N } from "./usePillElementLayoutEffect.js";
7
- const b = {
8
- root: f("relative flex flex-row items-center rounded-sm", {
7
+ const p = {
8
+ root: b("relative flex flex-row items-center rounded-sm", {
9
9
  variants: {
10
10
  appearance: {
11
11
  background: "bg-surface",
@@ -17,7 +17,7 @@ const b = {
17
17
  }
18
18
  }
19
19
  }),
20
- pill: f("pointer-events-none absolute top-0 left-0 z-0 rounded-sm", {
20
+ pill: b("pointer-events-none absolute top-0 left-0 z-0 rounded-sm", {
21
21
  variants: {
22
22
  disabled: {
23
23
  true: "bg-base-transparent-pressed",
@@ -29,7 +29,7 @@ const b = {
29
29
  }
30
30
  }
31
31
  }),
32
- item: f(
32
+ item: b(
33
33
  "z-10 flex cursor-pointer flex-row items-center justify-center rounded-sm px-16 py-8 select-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus disabled:cursor-not-allowed",
34
34
  {
35
35
  variants: {
@@ -54,88 +54,90 @@ const b = {
54
54
  )
55
55
  };
56
56
  function L({
57
- value: s,
58
- children: l,
57
+ value: n,
58
+ children: i,
59
59
  icon: t,
60
+ trailingContent: l,
60
61
  onClick: d,
61
62
  className: c,
62
- ...u
63
+ ...r
63
64
  }) {
64
- const { selectedValue: a, onSelectedChange: m, disabled: e, tabLayout: r } = y(), i = a === s;
65
- return /* @__PURE__ */ o(
65
+ const { selectedValue: u, onSelectedChange: o, disabled: e, tabLayout: m } = y(), s = u === n;
66
+ return /* @__PURE__ */ a(
66
67
  "button",
67
68
  {
68
69
  type: "button",
69
70
  role: "radio",
70
- "aria-checked": i,
71
+ "aria-checked": s,
71
72
  "aria-disabled": e,
72
73
  disabled: e,
73
- onClick: (n) => {
74
- e || (m(s), d?.(n));
74
+ onClick: (f) => {
75
+ e || (o(n), d?.(f));
75
76
  },
76
- className: x(
77
- b.item({ selected: i, disabled: !!e }),
78
- r === "fixed" && "min-w-0 flex-1",
77
+ className: g(
78
+ p.item({ selected: s, disabled: !!e }),
79
+ m === "fixed" && "min-w-0 flex-1",
79
80
  c
80
81
  ),
81
- ...u,
82
- children: /* @__PURE__ */ p("span", { className: "inline-flex min-w-0 items-center justify-center gap-8", children: [
83
- t && /* @__PURE__ */ o(t, { size: 16, className: "shrink-0" }),
84
- /* @__PURE__ */ o("span", { className: "truncate", children: l })
82
+ ...r,
83
+ children: /* @__PURE__ */ x("span", { className: "inline-flex min-w-0 items-center justify-center gap-8", children: [
84
+ t && /* @__PURE__ */ a(t, { size: 16, className: "shrink-0" }),
85
+ /* @__PURE__ */ a("span", { className: "min-w-0 truncate", children: i }),
86
+ l
85
87
  ] })
86
88
  }
87
89
  );
88
90
  }
89
91
  function P({
90
- selectedValue: s,
91
- onSelectedChange: l,
92
+ selectedValue: n,
93
+ onSelectedChange: i,
92
94
  children: t,
93
- className: d,
94
- disabled: c,
95
- appearance: u = "background",
96
- tabLayout: a = "fixed",
97
- ...m
95
+ className: l,
96
+ disabled: d,
97
+ appearance: c = "background",
98
+ tabLayout: r = "fixed",
99
+ ...u
98
100
  }) {
99
- const e = h({
101
+ const o = h({
100
102
  consumerName: "SegmentedControl",
101
- mergeWith: { disabled: c }
102
- }), r = v(null), i = w(
103
- s,
103
+ mergeWith: { disabled: d }
104
+ }), e = v(null), m = w(
105
+ n,
104
106
  t
105
- ), { pill: n, isReady: g } = N({
106
- ref: r,
107
- selectedIndex: i,
107
+ ), { pill: s, isReady: f } = N({
108
+ ref: e,
109
+ selectedIndex: m,
108
110
  children: t
109
111
  });
110
- return /* @__PURE__ */ o(
112
+ return /* @__PURE__ */ a(
111
113
  C,
112
114
  {
113
- value: { selectedValue: s, onSelectedChange: l, disabled: e, tabLayout: a },
114
- children: /* @__PURE__ */ p(
115
+ value: { selectedValue: n, onSelectedChange: i, disabled: o, tabLayout: r },
116
+ children: /* @__PURE__ */ x(
115
117
  "div",
116
118
  {
117
- ...m,
118
- ref: r,
119
+ ...u,
120
+ ref: e,
119
121
  role: "radiogroup",
120
- "aria-disabled": e,
121
- className: x(
122
- b.root({
123
- appearance: u,
124
- tabLayout: a
122
+ "aria-disabled": o,
123
+ className: g(
124
+ p.root({
125
+ appearance: c,
126
+ tabLayout: r
125
127
  }),
126
- d
128
+ l
127
129
  ),
128
130
  children: [
129
131
  t,
130
- /* @__PURE__ */ o(
132
+ /* @__PURE__ */ a(
131
133
  "div",
132
134
  {
133
135
  "aria-hidden": !0,
134
- className: b.pill({ disabled: e, isReady: g }),
136
+ className: p.pill({ disabled: o, isReady: f }),
135
137
  style: {
136
- width: n.width,
137
- height: n.height,
138
- transform: `translateX(${n.x}px)`
138
+ width: s.width,
139
+ height: s.height,
140
+ transform: `translateX(${s.x}px)`
139
141
  }
140
142
  }
141
143
  )
@@ -47,6 +47,10 @@ export type SegmentedControlButtonProps = {
47
47
  * Optional icon shown to the left of the label (from Symbols).
48
48
  */
49
49
  icon?: IconComponent;
50
+ /**
51
+ * Optional content shown to the right of the label (e.g. DotCount badge).
52
+ */
53
+ trailingContent?: ReactNode;
50
54
  } & Omit<ComponentPropsWithoutRef<'button'>, 'children'>;
51
55
  export {};
52
56
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SegmentedControl/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,YAAY,GAAG,eAAe,CAAC;IAC5C;;;;;OAKG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAC5B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEtD,KAAK,aAAa,GAAG,aAAa,CAAC;IACjC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,MAAM,2BAA2B,GAAG;IACxC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB,GAAG,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SegmentedControl/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,YAAY,GAAG,eAAe,CAAC;IAC5C;;;;;OAKG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAC5B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEtD,KAAK,aAAa,GAAG,aAAa,CAAC;IACjC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,MAAM,2BAA2B,GAAG;IACxC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B,GAAG,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC"}
@@ -8,7 +8,7 @@ declare const SelectSeparator: ({ ref, className, ...props }: SelectSeparatorPro
8
8
  declare const SelectItemText: ({ ref, className, ...props }: SelectItemTextProps) => import("react/jsx-runtime").JSX.Element;
9
9
  declare const SelectItemContent: ({ ref, className, children, ...props }: SelectItemContentProps) => import("react/jsx-runtime").JSX.Element;
10
10
  declare const SelectItemDescription: ({ ref, className, children, ...props }: SelectItemDescriptionProps) => import("react/jsx-runtime").JSX.Element;
11
- declare const SelectSearch: ({ className, placeholder, errorMessage, "aria-invalid": ariaInvalid, suffix, onClear, hideClearButton, }: SelectSearchProps) => import("react/jsx-runtime").JSX.Element;
11
+ declare const SelectSearch: ({ className, placeholder, helperText, status, "aria-invalid": ariaInvalid, suffix, onClear, hideClearButton, }: SelectSearchProps) => import("react/jsx-runtime").JSX.Element;
12
12
  declare const SelectEmptyState: ({ ref, className, title, description, ...props }: SelectEmptyStateProps) => import("react/jsx-runtime").JSX.Element;
13
13
  export { Select, SelectTrigger, SelectContent, SelectSearch, SelectList, SelectItemText, SelectItemContent, SelectItemDescription, SelectItem, SelectSeparator, SelectEmptyState, };
14
14
  //# sourceMappingURL=Select.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Select/Select.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,SAAS,EAET,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EAEjB,mBAAmB,EACnB,eAAe,EACf,sBAAsB,EACtB,0BAA0B,EAC1B,oBAAoB,EACpB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAIjB,iBAAS,MAAM,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,EAAE,EACnD,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EAAE,YAAY,EACtB,KAAK,EACL,MAAM,EACN,aAAa,EACb,WAAW,EAAE,eAAe,EAC5B,kBAAkB,EAClB,mBAAmB,EACnB,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,QAAQ,GACT,EAAE,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,2CA0D9B;AA6DD,QAAA,MAAM,aAAa,GAAI,gCAAgC,kBAAkB,4CAmBxE,CAAC;AAgCF,QAAA,MAAM,aAAa,GAAI,+EASpB,kBAAkB,4CAoBpB,CAAC;AAEF,QAAA,MAAM,UAAU,GAAI,KAAK,SAAS,SAAS,GAAG,SAAS,EAAE,0CAKtD,eAAe,CAAC,KAAK,CAAC,4CA+BxB,CAAC;AAqBF,QAAA,MAAM,UAAU,GAAI,wCAKjB,eAAe,4CAYjB,CAAC;AAEF,QAAA,MAAM,eAAe,GAAI,8BAItB,oBAAoB,4CAEtB,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,8BAA8B,mBAAmB,4CAOxE,CAAC;AAEF,QAAA,MAAM,iBAAiB,GAAI,wCAKxB,sBAAsB,4CASxB,CAAC;AAEF,QAAA,MAAM,qBAAqB,GAAI,wCAK5B,0BAA0B,4CAa5B,CAAC;AAEF,QAAA,MAAM,YAAY,GAAI,0GAQnB,iBAAiB,4CAyBnB,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,kDAMvB,qBAAqB,4CAcvB,CAAC;AAEF,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,YAAY,EACZ,UAAU,EACV,cAAc,EACd,iBAAiB,EACjB,qBAAqB,EACrB,UAAU,EACV,eAAe,EACf,gBAAgB,GACjB,CAAC"}
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Select/Select.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,SAAS,EAET,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EAEjB,mBAAmB,EACnB,eAAe,EACf,sBAAsB,EACtB,0BAA0B,EAC1B,oBAAoB,EACpB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAIjB,iBAAS,MAAM,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,EAAE,EACnD,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EAAE,YAAY,EACtB,KAAK,EACL,MAAM,EACN,aAAa,EACb,WAAW,EAAE,eAAe,EAC5B,kBAAkB,EAClB,mBAAmB,EACnB,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,QAAQ,GACT,EAAE,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,2CA0D9B;AA6DD,QAAA,MAAM,aAAa,GAAI,gCAAgC,kBAAkB,4CAmBxE,CAAC;AAgCF,QAAA,MAAM,aAAa,GAAI,+EASpB,kBAAkB,4CAoBpB,CAAC;AAEF,QAAA,MAAM,UAAU,GAAI,KAAK,SAAS,SAAS,GAAG,SAAS,EAAE,0CAKtD,eAAe,CAAC,KAAK,CAAC,4CA+BxB,CAAC;AAqBF,QAAA,MAAM,UAAU,GAAI,wCAKjB,eAAe,4CAYjB,CAAC;AAEF,QAAA,MAAM,eAAe,GAAI,8BAItB,oBAAoB,4CAEtB,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,8BAA8B,mBAAmB,4CAOxE,CAAC;AAEF,QAAA,MAAM,iBAAiB,GAAI,wCAKxB,sBAAsB,4CASxB,CAAC;AAEF,QAAA,MAAM,qBAAqB,GAAI,wCAK5B,0BAA0B,4CAa5B,CAAC;AAEF,QAAA,MAAM,YAAY,GAAI,gHASnB,iBAAiB,4CA0BnB,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,kDAMvB,qBAAqB,4CAcvB,CAAC;AAEF,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,YAAY,EACZ,UAAU,EACV,cAAc,EACd,iBAAiB,EACjB,qBAAqB,EACrB,UAAU,EACV,eAAe,EACf,gBAAgB,GACjB,CAAC"}