@ledgerhq/lumen-ui-react 0.1.17 → 0.1.19

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 (136) hide show
  1. package/ai-rules/RULES.md +6 -0
  2. package/dist/lib/Components/AddressInput/AddressInput.d.ts +1 -4
  3. package/dist/lib/Components/AddressInput/AddressInput.d.ts.map +1 -1
  4. package/dist/lib/Components/AddressInput/AddressInput.js +21 -21
  5. package/dist/lib/Components/AmountDisplay/AmountDisplay.d.ts +1 -4
  6. package/dist/lib/Components/AmountDisplay/AmountDisplay.d.ts.map +1 -1
  7. package/dist/lib/Components/AmountDisplay/AmountDisplay.js +32 -29
  8. package/dist/lib/Components/AmountInput/AmountInput.d.ts +1 -4
  9. package/dist/lib/Components/AmountInput/AmountInput.d.ts.map +1 -1
  10. package/dist/lib/Components/AmountInput/AmountInput.js +13 -14
  11. package/dist/lib/Components/Avatar/Avatar.d.ts +1 -4
  12. package/dist/lib/Components/Avatar/Avatar.d.ts.map +1 -1
  13. package/dist/lib/Components/Avatar/Avatar.js +8 -9
  14. package/dist/lib/Components/BaseInput/BaseInput.d.ts +1 -4
  15. package/dist/lib/Components/BaseInput/BaseInput.d.ts.map +1 -1
  16. package/dist/lib/Components/BaseInput/BaseInput.js +44 -44
  17. package/dist/lib/Components/Button/BaseButton.d.ts +1 -4
  18. package/dist/lib/Components/Button/BaseButton.d.ts.map +1 -1
  19. package/dist/lib/Components/Button/BaseButton.js +14 -15
  20. package/dist/lib/Components/Button/Button.d.ts +1 -4
  21. package/dist/lib/Components/Button/Button.d.ts.map +1 -1
  22. package/dist/lib/Components/Button/Button.js +6 -7
  23. package/dist/lib/Components/Card/Card.d.ts +10 -40
  24. package/dist/lib/Components/Card/Card.d.ts.map +1 -1
  25. package/dist/lib/Components/Card/Card.js +115 -134
  26. package/dist/lib/Components/CardButton/CardButton.d.ts +1 -4
  27. package/dist/lib/Components/CardButton/CardButton.d.ts.map +1 -1
  28. package/dist/lib/Components/CardButton/CardButton.js +10 -11
  29. package/dist/lib/Components/Checkbox/Checkbox.d.ts +1 -4
  30. package/dist/lib/Components/Checkbox/Checkbox.d.ts.map +1 -1
  31. package/dist/lib/Components/Checkbox/Checkbox.js +2 -3
  32. package/dist/lib/Components/ContentBanner/ContentBanner.d.ts +4 -16
  33. package/dist/lib/Components/ContentBanner/ContentBanner.d.ts.map +1 -1
  34. package/dist/lib/Components/ContentBanner/ContentBanner.js +48 -54
  35. package/dist/lib/Components/DataTable/DataTable.d.ts +3 -12
  36. package/dist/lib/Components/DataTable/DataTable.d.ts.map +1 -1
  37. package/dist/lib/Components/DataTable/DataTable.js +84 -97
  38. package/dist/lib/Components/Dialog/Dialog.d.ts +3 -12
  39. package/dist/lib/Components/Dialog/Dialog.d.ts.map +1 -1
  40. package/dist/lib/Components/Dialog/Dialog.js +44 -50
  41. package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.d.ts +1 -4
  42. package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.d.ts.map +1 -1
  43. package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.js +31 -34
  44. package/dist/lib/Components/Divider/Divider.d.ts +1 -4
  45. package/dist/lib/Components/Divider/Divider.d.ts.map +1 -1
  46. package/dist/lib/Components/Divider/Divider.js +10 -11
  47. package/dist/lib/Components/Icon/Icon.d.ts +1 -4
  48. package/dist/lib/Components/Icon/Icon.d.ts.map +1 -1
  49. package/dist/lib/Components/Icon/Icon.js +6 -7
  50. package/dist/lib/Components/IconButton/IconButton.d.ts +1 -4
  51. package/dist/lib/Components/IconButton/IconButton.d.ts.map +1 -1
  52. package/dist/lib/Components/IconButton/IconButton.js +5 -6
  53. package/dist/lib/Components/InteractiveIcon/InteractiveIcon.d.ts +3 -11
  54. package/dist/lib/Components/InteractiveIcon/InteractiveIcon.d.ts.map +1 -1
  55. package/dist/lib/Components/InteractiveIcon/InteractiveIcon.js +24 -22
  56. package/dist/lib/Components/InteractiveIcon/types.d.ts +14 -9
  57. package/dist/lib/Components/InteractiveIcon/types.d.ts.map +1 -1
  58. package/dist/lib/Components/Link/Link.d.ts +1 -4
  59. package/dist/lib/Components/Link/Link.d.ts.map +1 -1
  60. package/dist/lib/Components/Link/Link.js +13 -14
  61. package/dist/lib/Components/ListItem/ListItem.d.ts +7 -28
  62. package/dist/lib/Components/ListItem/ListItem.d.ts.map +1 -1
  63. package/dist/lib/Components/ListItem/ListItem.js +60 -63
  64. package/dist/lib/Components/MediaBanner/MediaBanner.d.ts +3 -12
  65. package/dist/lib/Components/MediaBanner/MediaBanner.d.ts.map +1 -1
  66. package/dist/lib/Components/MediaBanner/MediaBanner.js +39 -43
  67. package/dist/lib/Components/MediaCard/MediaCard.d.ts +2 -8
  68. package/dist/lib/Components/MediaCard/MediaCard.d.ts.map +1 -1
  69. package/dist/lib/Components/MediaCard/MediaCard.js +38 -40
  70. package/dist/lib/Components/MediaImage/MediaImage.d.ts +1 -4
  71. package/dist/lib/Components/MediaImage/MediaImage.d.ts.map +1 -1
  72. package/dist/lib/Components/MediaImage/MediaImage.js +15 -16
  73. package/dist/lib/Components/Menu/Menu.d.ts +11 -38
  74. package/dist/lib/Components/Menu/Menu.d.ts.map +1 -1
  75. package/dist/lib/Components/Menu/Menu.js +100 -116
  76. package/dist/lib/Components/NavBar/CoinCapsule.d.ts +1 -4
  77. package/dist/lib/Components/NavBar/CoinCapsule.d.ts.map +1 -1
  78. package/dist/lib/Components/NavBar/CoinCapsule.js +8 -9
  79. package/dist/lib/Components/NavBar/NavBar.d.ts +7 -22
  80. package/dist/lib/Components/NavBar/NavBar.d.ts.map +1 -1
  81. package/dist/lib/Components/NavBar/NavBar.js +25 -34
  82. package/dist/lib/Components/PageIndicator/PageIndicator.d.ts +1 -4
  83. package/dist/lib/Components/PageIndicator/PageIndicator.d.ts.map +1 -1
  84. package/dist/lib/Components/PageIndicator/PageIndicator.js +15 -16
  85. package/dist/lib/Components/Popover/Popover.d.ts +1 -4
  86. package/dist/lib/Components/Popover/Popover.d.ts.map +1 -1
  87. package/dist/lib/Components/Popover/Popover.js +5 -7
  88. package/dist/lib/Components/SearchInput/SearchInput.d.ts +1 -4
  89. package/dist/lib/Components/SearchInput/SearchInput.d.ts.map +1 -1
  90. package/dist/lib/Components/SearchInput/SearchInput.js +2 -3
  91. package/dist/lib/Components/SegmentedControl/SegmentedControl.d.ts +0 -6
  92. package/dist/lib/Components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
  93. package/dist/lib/Components/SegmentedControl/SegmentedControl.js +19 -21
  94. package/dist/lib/Components/Select/Select.d.ts +10 -40
  95. package/dist/lib/Components/Select/Select.d.ts.map +1 -1
  96. package/dist/lib/Components/Select/Select.js +141 -163
  97. package/dist/lib/Components/SideBar/SideBar.d.ts +5 -20
  98. package/dist/lib/Components/SideBar/SideBar.d.ts.map +1 -1
  99. package/dist/lib/Components/SideBar/SideBar.js +44 -53
  100. package/dist/lib/Components/Skeleton/Skeleton.d.ts +1 -4
  101. package/dist/lib/Components/Skeleton/Skeleton.d.ts.map +1 -1
  102. package/dist/lib/Components/Skeleton/Skeleton.js +15 -22
  103. package/dist/lib/Components/Spot/Spot.d.ts +1 -4
  104. package/dist/lib/Components/Spot/Spot.d.ts.map +1 -1
  105. package/dist/lib/Components/Spot/Spot.js +11 -12
  106. package/dist/lib/Components/Stepper/Stepper.d.ts +1 -4
  107. package/dist/lib/Components/Stepper/Stepper.d.ts.map +1 -1
  108. package/dist/lib/Components/Stepper/Stepper.js +10 -11
  109. package/dist/lib/Components/Subheader/Subheader.d.ts +1 -4
  110. package/dist/lib/Components/Subheader/Subheader.d.ts.map +1 -1
  111. package/dist/lib/Components/Subheader/Subheader.js +14 -15
  112. package/dist/lib/Components/Subheader/types.d.ts +1 -1
  113. package/dist/lib/Components/Subheader/types.d.ts.map +1 -1
  114. package/dist/lib/Components/Switch/Switch.d.ts +1 -4
  115. package/dist/lib/Components/Switch/Switch.d.ts.map +1 -1
  116. package/dist/lib/Components/Switch/Switch.js +2 -3
  117. package/dist/lib/Components/Table/Table.d.ts +16 -64
  118. package/dist/lib/Components/Table/Table.d.ts.map +1 -1
  119. package/dist/lib/Components/Table/Table.js +146 -176
  120. package/dist/lib/Components/Tag/Tag.d.ts +1 -4
  121. package/dist/lib/Components/Tag/Tag.d.ts.map +1 -1
  122. package/dist/lib/Components/Tag/Tag.js +10 -11
  123. package/dist/lib/Components/TextInput/TextInput.d.ts +1 -4
  124. package/dist/lib/Components/TextInput/TextInput.d.ts.map +1 -1
  125. package/dist/lib/Components/TextInput/TextInput.js +4 -5
  126. package/dist/lib/Components/Tile/Tile.d.ts +6 -24
  127. package/dist/lib/Components/Tile/Tile.d.ts.map +1 -1
  128. package/dist/lib/Components/Tile/Tile.js +58 -71
  129. package/dist/lib/Components/TileButton/TileButton.d.ts +1 -4
  130. package/dist/lib/Components/TileButton/TileButton.d.ts.map +1 -1
  131. package/dist/lib/Components/TileButton/TileButton.js +12 -13
  132. package/dist/lib/Components/TriggerButton/TriggerButton.d.ts +1 -4
  133. package/dist/lib/Components/TriggerButton/TriggerButton.d.ts.map +1 -1
  134. package/dist/lib/Components/TriggerButton/TriggerButton.js +11 -12
  135. package/dist/package.json +1 -1
  136. package/package.json +2 -2
@@ -1,112 +1,112 @@
1
1
  import { jsx as a, jsxs as d } from "react/jsx-runtime";
2
- import { useDisabledContext as z, cn as r } from "../../../libs/utils-shared/dist/index.js";
3
- import { cva as E } from "class-variance-authority";
4
- import { useLayoutEffect as G } from "react";
5
- import { SelectProvider as k, useSelectContext as m } from "./SelectContext.js";
6
- import { useControllableState as B } from "../../../utils/useControllableState/useControllableState.js";
7
- import { useSelectItems as F } from "./useSelectItems/useSelectItems.js";
8
- import { SearchInput as W } from "../SearchInput/SearchInput.js";
9
- import { Check as A } from "../../Symbols/Icons/Check.js";
10
- import { Divider as H } from "../Divider/Divider.js";
11
- import { TriggerButton as J } from "../TriggerButton/TriggerButton.js";
12
- import { ChevronDown as K } from "../../Symbols/Icons/ChevronDown.js";
13
- import { ComboboxRoot as M } from "../../../node_modules/@base-ui/react/esm/combobox/root/ComboboxRoot.js";
2
+ import { useDisabledContext as q, cn as l } from "../../../libs/utils-shared/dist/index.js";
3
+ import { cva as z } from "class-variance-authority";
4
+ import { useLayoutEffect as D } from "react";
5
+ import { SelectProvider as G, useSelectContext as m } from "./SelectContext.js";
6
+ import { useControllableState as k } from "../../../utils/useControllableState/useControllableState.js";
7
+ import { useSelectItems as E } from "./useSelectItems/useSelectItems.js";
8
+ import { SearchInput as B } from "../SearchInput/SearchInput.js";
9
+ import { Check as F } from "../../Symbols/Icons/Check.js";
10
+ import { Divider as W } from "../Divider/Divider.js";
11
+ import { TriggerButton as A } from "../TriggerButton/TriggerButton.js";
12
+ import { ChevronDown as H } from "../../Symbols/Icons/ChevronDown.js";
13
+ import { ComboboxRoot as J } from "../../../node_modules/@base-ui/react/esm/combobox/root/ComboboxRoot.js";
14
14
  import { ComboboxTrigger as b } from "../../../node_modules/@base-ui/react/esm/combobox/trigger/ComboboxTrigger.js";
15
- import { ComboboxPortal as O } from "../../../node_modules/@base-ui/react/esm/combobox/portal/ComboboxPortal.js";
16
- import { ComboboxPositioner as Q } from "../../../node_modules/@base-ui/react/esm/combobox/positioner/ComboboxPositioner.js";
17
- import { ComboboxPopup as U } from "../../../node_modules/@base-ui/react/esm/combobox/popup/ComboboxPopup.js";
18
- import { ComboboxInput as X } from "../../../node_modules/@base-ui/react/esm/combobox/input/ComboboxInput.js";
19
- import { ComboboxList as Y } from "../../../node_modules/@base-ui/react/esm/combobox/list/ComboboxList.js";
20
- import { ComboboxGroup as Z } from "../../../node_modules/@base-ui/react/esm/combobox/group/ComboboxGroup.js";
21
- import { ComboboxCollection as _ } from "../../../node_modules/@base-ui/react/esm/combobox/collection/ComboboxCollection.js";
22
- import { ComboboxItem as $ } from "../../../node_modules/@base-ui/react/esm/combobox/item/ComboboxItem.js";
23
- import { ComboboxItemIndicator as ee } from "../../../node_modules/@base-ui/react/esm/combobox/item-indicator/ComboboxItemIndicator.js";
24
- import { ComboboxEmpty as te } from "../../../node_modules/@base-ui/react/esm/combobox/empty/ComboboxEmpty.js";
15
+ import { ComboboxPortal as K } from "../../../node_modules/@base-ui/react/esm/combobox/portal/ComboboxPortal.js";
16
+ import { ComboboxPositioner as M } from "../../../node_modules/@base-ui/react/esm/combobox/positioner/ComboboxPositioner.js";
17
+ import { ComboboxPopup as O } from "../../../node_modules/@base-ui/react/esm/combobox/popup/ComboboxPopup.js";
18
+ import { ComboboxInput as Q } from "../../../node_modules/@base-ui/react/esm/combobox/input/ComboboxInput.js";
19
+ import { ComboboxList as U } from "../../../node_modules/@base-ui/react/esm/combobox/list/ComboboxList.js";
20
+ import { ComboboxGroup as X } from "../../../node_modules/@base-ui/react/esm/combobox/group/ComboboxGroup.js";
21
+ import { ComboboxCollection as Y } from "../../../node_modules/@base-ui/react/esm/combobox/collection/ComboboxCollection.js";
22
+ import { ComboboxItem as Z } from "../../../node_modules/@base-ui/react/esm/combobox/item/ComboboxItem.js";
23
+ import { ComboboxItemIndicator as _ } from "../../../node_modules/@base-ui/react/esm/combobox/item-indicator/ComboboxItemIndicator.js";
24
+ import { ComboboxEmpty as $ } from "../../../node_modules/@base-ui/react/esm/combobox/empty/ComboboxEmpty.js";
25
25
  import { ComboboxValue as f } from "../../../node_modules/@base-ui/react/esm/combobox/value/ComboboxValue.js";
26
- import { ComboboxGroupLabel as oe } from "../../../node_modules/@base-ui/react/esm/combobox/group-label/ComboboxGroupLabel.js";
27
- function Je({
26
+ import { ComboboxGroupLabel as ee } from "../../../node_modules/@base-ui/react/esm/combobox/group-label/ComboboxGroupLabel.js";
27
+ function De({
28
28
  value: t,
29
29
  defaultValue: o,
30
30
  onValueChange: e,
31
- disabled: l,
31
+ disabled: r,
32
32
  items: s,
33
33
  filter: i,
34
34
  filteredItems: n,
35
35
  searchValue: c,
36
- defaultSearchValue: p,
37
- onSearchValueChange: x,
38
- open: S,
39
- defaultOpen: y,
40
- onOpenChange: N,
41
- name: C,
42
- required: v,
43
- children: I
36
+ defaultSearchValue: u,
37
+ onSearchValueChange: h,
38
+ open: g,
39
+ defaultOpen: x,
40
+ onOpenChange: S,
41
+ name: y,
42
+ required: C,
43
+ children: v
44
44
  }) {
45
- const w = z({
45
+ const N = q({
46
46
  consumerName: "Select",
47
- mergeWith: { disabled: l }
48
- }), [u, V] = B(
47
+ mergeWith: { disabled: r }
48
+ }), [p, w] = k(
49
49
  {
50
50
  prop: t,
51
51
  defaultProp: o ?? null,
52
- onChange: (q) => {
53
- e?.(q);
52
+ onChange: (j) => {
53
+ e?.(j);
54
54
  }
55
55
  }
56
56
  ), {
57
- isGrouped: T,
58
- groupedItems: L,
59
- filteredItemsForRoot: R,
60
- resolvedSearchValue: D,
61
- registerSearch: P,
62
- handleSearchValueChange: j
63
- } = F({
57
+ isGrouped: I,
58
+ groupedItems: V,
59
+ filteredItemsForRoot: T,
60
+ resolvedSearchValue: L,
61
+ registerSearch: R,
62
+ handleSearchValueChange: P
63
+ } = E({
64
64
  items: s,
65
65
  filter: i,
66
66
  filteredItems: n,
67
67
  searchValue: c,
68
- defaultSearchValue: p,
69
- onSearchValueChange: x
68
+ defaultSearchValue: u,
69
+ onSearchValueChange: h
70
70
  });
71
71
  return /* @__PURE__ */ a(
72
- M,
72
+ J,
73
73
  {
74
74
  "data-slot": "select",
75
75
  filter: null,
76
- items: L ?? s,
77
- filteredItems: R,
78
- inputValue: D,
79
- onInputValueChange: j,
80
- value: u,
81
- onValueChange: V,
82
- open: S,
83
- defaultOpen: y,
84
- onOpenChange: N,
85
- name: C,
86
- required: v,
87
- disabled: w,
88
- children: /* @__PURE__ */ a(k, { value: { selectedValue: u, registerSearch: P, isGrouped: T }, children: I })
76
+ items: V ?? s,
77
+ filteredItems: T,
78
+ inputValue: L,
79
+ onInputValueChange: P,
80
+ value: p,
81
+ onValueChange: w,
82
+ open: g,
83
+ defaultOpen: x,
84
+ onOpenChange: S,
85
+ name: y,
86
+ required: C,
87
+ disabled: N,
88
+ children: /* @__PURE__ */ a(G, { value: { selectedValue: p, registerSearch: R, isGrouped: I }, children: v })
89
89
  }
90
90
  );
91
91
  }
92
- const ae = r(
92
+ const te = l(
93
93
  "group relative flex h-48 w-full cursor-pointer items-center justify-between gap-8",
94
94
  "rounded-sm bg-muted px-16",
95
95
  "body-2 text-base",
96
96
  "hover:bg-muted-hover",
97
97
  "transition-colors duration-200 focus:ring-2 focus:ring-active focus:outline-hidden",
98
98
  "disabled:cursor-not-allowed disabled:text-disabled"
99
- ), le = r(
99
+ ), oe = l(
100
100
  "pointer-events-none absolute left-16 origin-left text-muted transition-all duration-300",
101
101
  "top-10 -translate-y-4 body-4",
102
102
  "group-data-placeholder:top-14 group-data-placeholder:translate-y-0 group-data-placeholder:body-2",
103
103
  "group-data-disabled:text-disabled",
104
104
  "max-w-[calc(100%-var(--size-56))] truncate"
105
- ), re = ({
105
+ ), ae = ({
106
106
  ref: t,
107
107
  className: o,
108
108
  labelClassName: e,
109
- label: l,
109
+ label: r,
110
110
  ...s
111
111
  }) => {
112
112
  const { selectedValue: i } = m({
@@ -119,23 +119,23 @@ const ae = r(
119
119
  ref: t,
120
120
  "data-slot": "select-trigger",
121
121
  "data-placeholder": n ? void 0 : "",
122
- className: r(ae, o),
122
+ className: l(te, o),
123
123
  ...s,
124
124
  children: [
125
- l && /* @__PURE__ */ a("label", { className: r(le, e), children: l }),
125
+ r && /* @__PURE__ */ a("label", { className: l(oe, e), children: r }),
126
126
  /* @__PURE__ */ a(
127
127
  "span",
128
128
  {
129
- className: r(
129
+ className: l(
130
130
  "flex-1 truncate text-left",
131
- l && "mt-16 opacity-100 transition-opacity delay-100 duration-300",
132
- l && !n && "mt-0 opacity-0"
131
+ r && "mt-16 opacity-100 transition-opacity delay-100 duration-300",
132
+ r && !n && "mt-0 opacity-0"
133
133
  ),
134
134
  children: /* @__PURE__ */ a(f, {})
135
135
  }
136
136
  ),
137
137
  /* @__PURE__ */ a(
138
- K,
138
+ H,
139
139
  {
140
140
  size: 20,
141
141
  className: "text-muted group-data-disabled:text-disabled"
@@ -144,8 +144,8 @@ const ae = r(
144
144
  ]
145
145
  }
146
146
  );
147
- }, se = ({ render: t, disabled: o, ...e }) => {
148
- const { selectedValue: l } = m({
147
+ }, Ge = ({ render: t, disabled: o, ...e }) => {
148
+ const { selectedValue: r } = m({
149
149
  consumerName: "SelectTrigger",
150
150
  contextRequired: !0
151
151
  }), s = /* @__PURE__ */ a(f, {});
@@ -155,12 +155,10 @@ const ae = r(
155
155
  disabled: o,
156
156
  ref: e.ref,
157
157
  "data-slot": "select-trigger",
158
- render: t({ selectedValue: l, selectedContent: s })
158
+ render: t({ selectedValue: r, selectedContent: s })
159
159
  }
160
- ) : /* @__PURE__ */ a(re, { ...e, disabled: o });
161
- };
162
- se.displayName = "SelectTrigger";
163
- const ie = E(
160
+ ) : /* @__PURE__ */ a(ae, { ...e, disabled: o });
161
+ }, re = z(
164
162
  [
165
163
  "group/select-content relative z-select flex max-h-(--available-height) w-(--anchor-width) flex-col overflow-hidden",
166
164
  "rounded-sm bg-surface",
@@ -188,84 +186,78 @@ const ie = E(
188
186
  }
189
187
  }
190
188
  }
191
- ), ne = ({
189
+ ), ke = ({
192
190
  ref: t,
193
191
  className: o,
194
192
  children: e,
195
- side: l = "bottom",
193
+ side: r = "bottom",
196
194
  sideOffset: s = 8,
197
195
  align: i = "start",
198
196
  autoFocusSearch: n = !1,
199
197
  ...c
200
- }) => /* @__PURE__ */ a(O, { "data-slot": "select-portal", children: /* @__PURE__ */ a(
201
- Q,
198
+ }) => /* @__PURE__ */ a(K, { "data-slot": "select-portal", children: /* @__PURE__ */ a(
199
+ M,
202
200
  {
203
201
  "data-slot": "select-positioner",
204
- side: l,
202
+ side: r,
205
203
  sideOffset: s,
206
204
  align: i,
207
205
  children: /* @__PURE__ */ a(
208
- U,
206
+ O,
209
207
  {
210
208
  ref: t,
211
209
  "data-slot": "select-content",
212
210
  initialFocus: n ? void 0 : !1,
213
- className: r(ie({ side: l }), o),
211
+ className: l(re({ side: r }), o),
214
212
  ...c,
215
213
  children: e
216
214
  }
217
215
  )
218
216
  }
219
- ) });
220
- ne.displayName = "SelectContent";
221
- const ce = ({
217
+ ) }), Ee = ({
222
218
  ref: t,
223
219
  className: o,
224
220
  renderItem: e,
225
- ...l
221
+ ...r
226
222
  }) => {
227
223
  const { isGrouped: s } = m({
228
224
  consumerName: "SelectList",
229
225
  contextRequired: !0
230
226
  });
231
227
  return /* @__PURE__ */ a(
232
- Y,
228
+ U,
233
229
  {
234
230
  ref: t,
235
231
  "data-slot": "select-list",
236
- className: r(
232
+ className: l(
237
233
  "min-h-0 min-w-(--anchor-width) flex-1 overflow-y-auto p-8 group-data-empty/select-content:p-0",
238
234
  o
239
235
  ),
240
- ...l,
236
+ ...r,
241
237
  children: s ? (i, n) => /* @__PURE__ */ d(
242
- Z,
238
+ X,
243
239
  {
244
240
  items: i.items,
245
241
  "data-slot": "select-group",
246
242
  children: [
247
- n > 0 && /* @__PURE__ */ a(g, {}),
248
- i.label && /* @__PURE__ */ a(h, { children: i.label }),
249
- /* @__PURE__ */ a(_, { children: e })
243
+ n > 0 && /* @__PURE__ */ a(ie, {}),
244
+ i.label && /* @__PURE__ */ a(le, { children: i.label }),
245
+ /* @__PURE__ */ a(Y, { children: e })
250
246
  ]
251
247
  },
252
248
  i.label
253
249
  ) : e
254
250
  }
255
251
  );
256
- };
257
- ce.displayName = "SelectList";
258
- const h = ({ ref: t, className: o, ...e }) => /* @__PURE__ */ a(
259
- oe,
252
+ }, le = ({ ref: t, className: o, ...e }) => /* @__PURE__ */ a(
253
+ ee,
260
254
  {
261
255
  ref: t,
262
256
  "data-slot": "select-label",
263
- className: r("mb-4 px-8 pt-8 pb-0 body-3-semi-bold text-muted", o),
257
+ className: l("mb-4 px-8 pt-8 pb-0 body-3-semi-bold text-muted", o),
264
258
  ...e
265
259
  }
266
- );
267
- h.displayName = "SelectLabel";
268
- const de = r(
260
+ ), se = l(
269
261
  "group/item flex w-full min-w-0 cursor-pointer items-center gap-12 bg-base-transparent select-none",
270
262
  "rounded-sm p-8",
271
263
  "body-2 text-base",
@@ -273,82 +265,72 @@ const de = r(
273
265
  "data-highlighted:bg-base-transparent-hover",
274
266
  "active:bg-base-transparent-pressed",
275
267
  "data-disabled:cursor-not-allowed data-disabled:text-disabled"
276
- ), me = ({
268
+ ), Be = ({
277
269
  ref: t,
278
270
  className: o,
279
271
  children: e,
280
- ...l
272
+ ...r
281
273
  }) => /* @__PURE__ */ d(
282
- $,
274
+ Z,
283
275
  {
284
276
  ref: t,
285
277
  "data-slot": "select-item",
286
- className: r(de, o),
287
- ...l,
278
+ className: l(se, o),
279
+ ...r,
288
280
  children: [
289
281
  e,
290
- /* @__PURE__ */ a(ee, { className: "ml-auto flex shrink-0 items-center justify-center", children: /* @__PURE__ */ a(A, { size: 24, className: "shrink-0 text-active" }) })
282
+ /* @__PURE__ */ a(_, { className: "ml-auto flex shrink-0 items-center justify-center", children: /* @__PURE__ */ a(F, { size: 24, className: "shrink-0 text-active" }) })
291
283
  ]
292
284
  }
293
- );
294
- me.displayName = "SelectItem";
295
- const g = ({
285
+ ), ie = ({
296
286
  ref: t,
297
287
  className: o,
298
288
  ...e
299
- }) => /* @__PURE__ */ a(H, { ref: t, className: r("mx-8 my-4 w-auto", o), ...e });
300
- g.displayName = "SelectSeparator";
301
- const pe = ({ ref: t, className: o, ...e }) => /* @__PURE__ */ a(
289
+ }) => /* @__PURE__ */ a(W, { ref: t, className: l("mx-8 my-4 w-auto", o), ...e }), Fe = ({ ref: t, className: o, ...e }) => /* @__PURE__ */ a(
302
290
  "span",
303
291
  {
304
292
  ref: t,
305
293
  "data-slot": "select-item-text",
306
- className: r("truncate body-2", o),
294
+ className: l("truncate body-2", o),
307
295
  ...e
308
296
  }
309
- );
310
- pe.displayName = "SelectItemText";
311
- const ue = ({
297
+ ), We = ({
312
298
  ref: t,
313
299
  className: o,
314
300
  children: e,
315
- ...l
301
+ ...r
316
302
  }) => /* @__PURE__ */ a(
317
303
  "div",
318
304
  {
319
305
  ref: t,
320
306
  "data-slot": "select-item-content",
321
- className: r("flex min-w-0 flex-1 flex-col gap-4", o),
322
- ...l,
307
+ className: l("flex min-w-0 flex-1 flex-col gap-4", o),
308
+ ...r,
323
309
  children: e
324
310
  }
325
- );
326
- ue.displayName = "SelectItemContent";
327
- const be = ({
311
+ ), Ae = ({
328
312
  ref: t,
329
313
  className: o,
330
314
  children: e,
331
- ...l
315
+ ...r
332
316
  }) => /* @__PURE__ */ a(
333
317
  "div",
334
318
  {
335
319
  ref: t,
336
320
  "data-slot": "select-item-description",
337
- className: r(
321
+ className: l(
338
322
  "truncate body-3 text-muted",
339
323
  "group-data-disabled/item:text-disabled",
340
324
  o
341
325
  ),
342
- ...l,
326
+ ...r,
343
327
  children: e
344
328
  }
345
- );
346
- be.displayName = "SelectItemDescription";
347
- const fe = ({
329
+ ), He = ({
348
330
  className: t,
349
331
  placeholder: o = "Search",
350
332
  errorMessage: e,
351
- "aria-invalid": l,
333
+ "aria-invalid": r,
352
334
  suffix: s,
353
335
  onClear: i,
354
336
  hideClearButton: n
@@ -357,39 +339,37 @@ const fe = ({
357
339
  consumerName: "SelectSearch",
358
340
  contextRequired: !0
359
341
  });
360
- return G(() => c(), [c]), /* @__PURE__ */ a(
361
- X,
342
+ return D(() => c(), [c]), /* @__PURE__ */ a(
343
+ Q,
362
344
  {
363
- render: (p) => /* @__PURE__ */ a(
364
- W,
345
+ render: (u) => /* @__PURE__ */ a(
346
+ B,
365
347
  {
366
- ...p,
367
- "aria-invalid": l,
348
+ ...u,
349
+ "aria-invalid": r,
368
350
  errorMessage: e,
369
351
  suffix: s,
370
352
  onClear: i,
371
353
  hideClearButton: n,
372
354
  placeholder: o,
373
355
  containerClassName: "rounded-b-none ring-inset",
374
- className: r(t, "rounded-b-none ring-inset")
356
+ className: l(t, "rounded-b-none ring-inset")
375
357
  }
376
358
  )
377
359
  }
378
360
  );
379
- };
380
- fe.displayName = "SelectSearch";
381
- const he = ({
361
+ }, Je = ({
382
362
  ref: t,
383
363
  className: o,
384
364
  title: e,
385
- description: l,
365
+ description: r,
386
366
  ...s
387
367
  }) => /* @__PURE__ */ d(
388
- te,
368
+ $,
389
369
  {
390
370
  ref: t,
391
371
  "data-slot": "select-empty-state",
392
- className: r(
372
+ className: l(
393
373
  "hidden w-full flex-col items-center gap-8 py-24",
394
374
  "group-data-empty/select-content:flex",
395
375
  o
@@ -397,28 +377,26 @@ const he = ({
397
377
  ...s,
398
378
  children: [
399
379
  /* @__PURE__ */ a("span", { className: "heading-4-semi-bold text-base", children: e }),
400
- l && /* @__PURE__ */ a("span", { className: "body-2 text-muted", children: l })
380
+ r && /* @__PURE__ */ a("span", { className: "body-2 text-muted", children: r })
401
381
  ]
402
382
  }
403
- );
404
- he.displayName = "SelectEmptyState";
405
- const Ke = ({
383
+ ), Ke = ({
406
384
  selectedValue: t,
407
385
  selectedContent: o,
408
386
  label: e,
409
- ...l
410
- }) => /* @__PURE__ */ a(J, { ...l, children: t ? o : e });
387
+ ...r
388
+ }) => /* @__PURE__ */ a(A, { ...r, children: t ? o : e });
411
389
  export {
412
- Je as Select,
413
- ne as SelectContent,
414
- he as SelectEmptyState,
415
- me as SelectItem,
416
- ue as SelectItemContent,
417
- be as SelectItemDescription,
418
- pe as SelectItemText,
419
- ce as SelectList,
420
- fe as SelectSearch,
421
- g as SelectSeparator,
422
- se as SelectTrigger,
390
+ De as Select,
391
+ ke as SelectContent,
392
+ Je as SelectEmptyState,
393
+ Be as SelectItem,
394
+ We as SelectItemContent,
395
+ Ae as SelectItemDescription,
396
+ Fe as SelectItemText,
397
+ Ee as SelectList,
398
+ He as SelectSearch,
399
+ ie as SelectSeparator,
400
+ Ge as SelectTrigger,
423
401
  Ke as SelectTriggerButton
424
402
  };
@@ -19,27 +19,18 @@ import { SideBarProps, SideBarLeadingProps, SideBarTrailingProps, SideBarItemPro
19
19
  * </SideBarTrailing>
20
20
  * </SideBar>
21
21
  */
22
- export declare const SideBar: {
23
- ({ ref, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, active: controlledActive, defaultActive, onActiveChange, children, className, ...props }: SideBarProps): import("react/jsx-runtime").JSX.Element;
24
- displayName: string;
25
- };
22
+ export declare const SideBar: ({ ref, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, active: controlledActive, defaultActive, onActiveChange, children, className, ...props }: SideBarProps) => import("react/jsx-runtime").JSX.Element;
26
23
  /**
27
24
  * Container for the leading (top) section of the sidebar.
28
25
  * Typically contains the main navigation items.
29
26
  */
30
- export declare const SideBarLeading: {
31
- ({ ref, children, className, ...props }: SideBarLeadingProps): import("react/jsx-runtime").JSX.Element;
32
- displayName: string;
33
- };
27
+ export declare const SideBarLeading: ({ ref, children, className, ...props }: SideBarLeadingProps) => import("react/jsx-runtime").JSX.Element;
34
28
  /**
35
29
  * Container for the trailing (bottom) section of the sidebar.
36
30
  * Typically contains secondary navigation items and settings.
37
31
  * Uses `mt-auto` to push itself and the footer to the bottom.
38
32
  */
39
- export declare const SideBarTrailing: {
40
- ({ ref, children, className, ...props }: SideBarTrailingProps): import("react/jsx-runtime").JSX.Element;
41
- displayName: string;
42
- };
33
+ export declare const SideBarTrailing: ({ ref, children, className, ...props }: SideBarTrailingProps) => import("react/jsx-runtime").JSX.Element;
43
34
  /**
44
35
  * A navigation item within the sidebar.
45
36
  * Supports active state via value matching, icons, labels, and optional click handling.
@@ -62,10 +53,7 @@ export declare const SideBarTrailing: {
62
53
  * tooltipContent="Wallet"
63
54
  * />
64
55
  */
65
- export declare const SideBarItem: {
66
- ({ ref, value, icon: Icon, activeIcon: ActiveIcon, label, tooltipContent: tooltipContentProp, disabled: disabledProp, className, onClick, ...props }: SideBarItemProps): import("react/jsx-runtime").JSX.Element;
67
- displayName: string;
68
- };
56
+ export declare const SideBarItem: ({ ref, value, icon: Icon, activeIcon: ActiveIcon, label, tooltipContent: tooltipContentProp, disabled: disabledProp, className, onClick, ...props }: SideBarItemProps) => import("react/jsx-runtime").JSX.Element;
69
57
  /**
70
58
  * Collapse toggle button for the sidebar.
71
59
  * Place inside SideBarTrailing to allow users to collapse/expand the sidebar.
@@ -75,8 +63,5 @@ export declare const SideBarItem: {
75
63
  * <SideBarCollapseToggle />
76
64
  * </SideBarTrailing>
77
65
  */
78
- export declare const SideBarCollapseToggle: {
79
- ({ className, tooltipContent: tooltipContentProp, ...props }: SideBarCollapseToggleProps): import("react/jsx-runtime").JSX.Element;
80
- displayName: string;
81
- };
66
+ export declare const SideBarCollapseToggle: ({ className, tooltipContent: tooltipContentProp, ...props }: SideBarCollapseToggleProps) => import("react/jsx-runtime").JSX.Element;
82
67
  //# sourceMappingURL=SideBar.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SideBar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SideBar/SideBar.tsx"],"names":[],"mappings":"AAWA,OAAO,EAEL,YAAY,EACZ,mBAAmB,EACnB,oBAAoB,EACpB,gBAAgB,EAChB,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAmDjB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,OAAO;2KAWjB,YAAY;;CA4Bd,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,cAAc;6CAKxB,mBAAmB;;CAUrB,CAAC;AAGF;;;;GAIG;AACH,eAAO,MAAM,eAAe;6CAKzB,oBAAoB;;CAUtB,CAAC;AAGF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,WAAW;0JAWrB,gBAAgB;;CAuDlB,CAAC;AAGF;;;;;;;;GAQG;AACH,eAAO,MAAM,qBAAqB;kEAI/B,0BAA0B;;CA2C5B,CAAC"}
1
+ {"version":3,"file":"SideBar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SideBar/SideBar.tsx"],"names":[],"mappings":"AAWA,OAAO,EAEL,YAAY,EACZ,mBAAmB,EACnB,oBAAoB,EACpB,gBAAgB,EAChB,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAmDjB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,OAAO,GAAI,sKAWrB,YAAY,4CA4Bd,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,wCAK5B,mBAAmB,4CAUrB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,wCAK7B,oBAAoB,4CAUtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,WAAW,GAAI,qJAWzB,gBAAgB,4CAuDlB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,qBAAqB,GAAI,6DAInC,0BAA0B,4CA2C5B,CAAC"}