@ledgerhq/lumen-ui-react 0.1.30 → 0.1.32

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 (58) hide show
  1. package/dist/lib/Components/AddressInput/AddressInput.d.ts +4 -4
  2. package/dist/lib/Components/AmountDisplay/AmountDisplay.js +13 -13
  3. package/dist/lib/Components/AmountInput/AmountInput.js +14 -14
  4. package/dist/lib/Components/Banner/Banner.js +5 -5
  5. package/dist/lib/Components/BaseInput/BaseInput.d.ts +1 -1
  6. package/dist/lib/Components/BaseInput/BaseInput.d.ts.map +1 -1
  7. package/dist/lib/Components/BaseInput/BaseInput.js +134 -85
  8. package/dist/lib/Components/BaseInput/types.d.ts +12 -4
  9. package/dist/lib/Components/BaseInput/types.d.ts.map +1 -1
  10. package/dist/lib/Components/Button/Button.js +8 -8
  11. package/dist/lib/Components/Card/Card.js +12 -12
  12. package/dist/lib/Components/CardButton/CardButton.js +4 -4
  13. package/dist/lib/Components/DataTable/DataTable.d.ts +1 -1
  14. package/dist/lib/Components/DataTable/DataTable.d.ts.map +1 -1
  15. package/dist/lib/Components/DataTable/DataTable.js +101 -99
  16. package/dist/lib/Components/DataTable/types.d.ts +8 -0
  17. package/dist/lib/Components/DataTable/types.d.ts.map +1 -1
  18. package/dist/lib/Components/Dialog/Dialog.js +13 -13
  19. package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.js +12 -12
  20. package/dist/lib/Components/DotCount/DotCount.js +4 -4
  21. package/dist/lib/Components/InteractiveIcon/InteractiveIcon.js +4 -4
  22. package/dist/lib/Components/Link/Link.js +6 -6
  23. package/dist/lib/Components/ListItem/ListItem.js +3 -3
  24. package/dist/lib/Components/MediaButton/MediaButton.js +4 -4
  25. package/dist/lib/Components/MediaImage/MediaImage.js +9 -9
  26. package/dist/lib/Components/NavBar/CoinCapsule.js +4 -4
  27. package/dist/lib/Components/NavBar/NavBar.js +26 -26
  28. package/dist/lib/Components/Popover/Popover.js +6 -6
  29. package/dist/lib/Components/SearchInput/SearchInput.d.ts +4 -4
  30. package/dist/lib/Components/SegmentedControl/SegmentedControl.d.ts +1 -1
  31. package/dist/lib/Components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
  32. package/dist/lib/Components/SegmentedControl/SegmentedControl.js +54 -52
  33. package/dist/lib/Components/SegmentedControl/types.d.ts +4 -0
  34. package/dist/lib/Components/SegmentedControl/types.d.ts.map +1 -1
  35. package/dist/lib/Components/Select/Select.d.ts +1 -1
  36. package/dist/lib/Components/Select/Select.d.ts.map +1 -1
  37. package/dist/lib/Components/Select/Select.js +41 -39
  38. package/dist/lib/Components/Select/types.d.ts +1 -1
  39. package/dist/lib/Components/Select/types.d.ts.map +1 -1
  40. package/dist/lib/Components/SideBar/SideBar.js +9 -9
  41. package/dist/lib/Components/Skeleton/Skeleton.js +4 -4
  42. package/dist/lib/Components/Switch/Switch.js +5 -5
  43. package/dist/lib/Components/Table/Table.d.ts +1 -1
  44. package/dist/lib/Components/Table/Table.d.ts.map +1 -1
  45. package/dist/lib/Components/Table/Table.js +47 -42
  46. package/dist/lib/Components/Table/types.d.ts +7 -0
  47. package/dist/lib/Components/Table/types.d.ts.map +1 -1
  48. package/dist/lib/Components/Table/utils/useThrottledScrollBottom.js +3 -3
  49. package/dist/lib/Components/TextInput/TextInput.d.ts +4 -4
  50. package/dist/lib/Symbols/Icons/Lightbulb.d.ts +29 -0
  51. package/dist/lib/Symbols/Icons/Lightbulb.d.ts.map +1 -0
  52. package/dist/lib/Symbols/Icons/Lightbulb.js +28 -0
  53. package/dist/lib/Symbols/index.d.ts +1 -0
  54. package/dist/lib/Symbols/index.d.ts.map +1 -1
  55. package/dist/lib/Symbols/index.js +270 -268
  56. package/dist/libs/utils-shared/dist/index.js +146 -133
  57. package/dist/package.json +2 -2
  58. 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,
@@ -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,7 +43,7 @@ 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
49
  n ? b : "button",
@@ -55,7 +55,7 @@ const N = z("gap-8 body-2-semi-bold", {
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,
@@ -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"}