@pismo/marola 1.0.0-beta.9 → 1.0.1

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 (162) hide show
  1. package/dist/{Button-DiLqcAJG.js → Button-BAljjMv3.js} +2 -2
  2. package/dist/{ClickAwayListener-BaJ-OV_7.js → ClickAwayListener-DbEYZpyh.js} +3 -3
  3. package/dist/Dialog.module-W7UCXlf3.js +29 -0
  4. package/dist/Group-DspH8hyO.js +30 -0
  5. package/dist/Popover.module-B4boCutS.js +10 -0
  6. package/dist/{Popup-lLWZt2wk.js → Popup-Ck3XlWMq.js} +3 -3
  7. package/dist/{Portal-B_Es6eUL.js → Portal-oY3enyAm.js} +2 -2
  8. package/dist/SelectButton-B38avP9u.js +75 -0
  9. package/dist/{Tabs.module-jkH1Qjn7.js → Tabs.module-BGGTkDc5.js} +7 -7
  10. package/dist/Toggle-MfR7l8Wn.js +190 -0
  11. package/dist/assets/Alert.css +1 -0
  12. package/dist/assets/Autocomplete.css +1 -1
  13. package/dist/assets/Avatar.css +1 -0
  14. package/dist/assets/Description.css +1 -0
  15. package/dist/assets/Dialog.css +1 -1
  16. package/dist/assets/EllipsisTooltip.css +1 -1
  17. package/dist/assets/Group.css +1 -1
  18. package/dist/assets/Input.css +1 -1
  19. package/dist/assets/PageHeader.css +1 -1
  20. package/dist/assets/Popover.css +1 -0
  21. package/dist/assets/RadioButton.css +1 -0
  22. package/dist/assets/ResultWithChips.css +1 -0
  23. package/dist/assets/SelectButton.css +1 -1
  24. package/dist/assets/Skeleton.css +1 -1
  25. package/dist/assets/Snackbar.css +1 -1
  26. package/dist/assets/StepperNavigator.css +1 -0
  27. package/dist/assets/Table.css +1 -1
  28. package/dist/assets/Tabs.css +1 -1
  29. package/dist/assets/Tag.css +1 -0
  30. package/dist/assets/Toggle2.css +1 -1
  31. package/dist/{combineHooksSlotProps-BtBYUV_B.js → combineHooksSlotProps-C-zYvfnF.js} +1 -1
  32. package/dist/components/Adornment/Adornment.d.ts +11 -2
  33. package/dist/components/Adornment/Adornment.js +6 -6
  34. package/dist/components/Adornment/Adornment.stories.d.ts +14 -0
  35. package/dist/components/Adornment/adornment.test.d.ts +1 -0
  36. package/dist/components/Advice/Advice.d.ts +2 -2
  37. package/dist/components/Alert/Alert.d.ts +11 -0
  38. package/dist/components/Alert/Alert.js +46 -0
  39. package/dist/components/Alert/Alert.stories.d.ts +24 -0
  40. package/dist/components/Alert/Alert.test.d.ts +1 -0
  41. package/dist/components/Autocomplete/Autocomplete.d.ts +12 -42
  42. package/dist/components/Autocomplete/Autocomplete.js +422 -432
  43. package/dist/components/Autocomplete/Autocomplete.stories.d.ts +3 -25
  44. package/dist/components/Avatar/Avatar.d.ts +15 -0
  45. package/dist/components/Avatar/Avatar.js +51 -0
  46. package/dist/components/Avatar/Avatar.stories.d.ts +25 -0
  47. package/dist/components/Button/Button.d.ts +2 -0
  48. package/dist/components/Button/Button.js +23 -21
  49. package/dist/components/Chip/Chip.d.ts +6 -4
  50. package/dist/components/Chip/Chip.js +10 -6
  51. package/dist/components/Chip/Chip.stories.d.ts +5 -14
  52. package/dist/components/ConfirmationDialog/ConfirmationDialog.d.ts +14 -0
  53. package/dist/components/ConfirmationDialog/ConfirmationDialog.js +37 -0
  54. package/dist/components/ConfirmationDialog/ConfirmationDialog.stories.d.ts +23 -0
  55. package/dist/components/ConfirmationDialog/ConfirmationModal.test.d.ts +1 -0
  56. package/dist/components/Description/Description.d.ts +21 -0
  57. package/dist/components/Description/Description.js +66 -0
  58. package/dist/components/Description/Description.stories.d.ts +22 -0
  59. package/dist/components/Description/Description.test.d.ts +1 -0
  60. package/dist/components/Dialog/Actions.js +1 -1
  61. package/dist/components/Dialog/Backdrop.d.ts +3 -3
  62. package/dist/components/Dialog/Backdrop.js +8 -7
  63. package/dist/components/Dialog/CloseIconButton.d.ts +1 -2
  64. package/dist/components/Dialog/CloseIconButton.js +15 -18
  65. package/dist/components/Dialog/Dialog.d.ts +16 -10
  66. package/dist/components/Dialog/Dialog.js +167 -167
  67. package/dist/components/Dialog/Dialog.stories.d.ts +73 -67
  68. package/dist/components/Dialog/DialogTitle.d.ts +5 -2
  69. package/dist/components/Dialog/DialogTitle.js +22 -16
  70. package/dist/components/EllipsisTooltip/EllipsisTooltip.js +30 -17
  71. package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +1 -0
  72. package/dist/components/Icon/Icon.js +337 -51
  73. package/dist/components/Icon/types.d.ts +1 -1
  74. package/dist/components/IconButton/IconButton.js +1 -1
  75. package/dist/components/Input/Input.d.ts +26 -5
  76. package/dist/components/Input/Input.js +514 -102
  77. package/dist/components/Input/Input.stories.d.ts +2 -21
  78. package/dist/components/InputSearch/InputSearch.d.ts +37 -7
  79. package/dist/components/InputSearch/InputSearch.js +27 -29
  80. package/dist/components/InputSearch/InputSearch.stories.d.ts +15 -3
  81. package/dist/components/PageHeader/PageHeader.d.ts +6 -2
  82. package/dist/components/PageHeader/PageHeader.js +77 -70
  83. package/dist/components/PageHeader/PageHeader.stories.d.ts +3 -1
  84. package/dist/components/PageHeader/PageHeader.test.d.ts +1 -0
  85. package/dist/components/Pagination/Pagination.d.ts +5 -1
  86. package/dist/components/Pagination/Pagination.js +45 -46
  87. package/dist/components/Pagination/Pagination.stories.d.ts +1 -1
  88. package/dist/components/Popover/Popover.d.ts +32 -0
  89. package/dist/components/Popover/Popover.js +24 -0
  90. package/dist/components/Popover/Popover.stories.d.ts +34 -0
  91. package/dist/components/Popover/PopoverBody.d.ts +6 -0
  92. package/dist/components/Popover/PopoverBody.js +6 -0
  93. package/dist/components/Popover/PopoverFooter.d.ts +6 -0
  94. package/dist/components/Popover/PopoverFooter.js +6 -0
  95. package/dist/components/Popover/PopoverHeader.d.ts +6 -0
  96. package/dist/components/Popover/PopoverHeader.js +6 -0
  97. package/dist/components/RadioButton/RadioButton.d.ts +19 -0
  98. package/dist/components/RadioButton/RadioButton.js +37 -0
  99. package/dist/components/RadioButton/RadioButton.stories.d.ts +24 -0
  100. package/dist/components/RadioButton/RadioButton.test.d.ts +1 -0
  101. package/dist/components/ResultWithChips/ResultWithChips.d.ts +12 -0
  102. package/dist/components/ResultWithChips/ResultWithChips.js +33 -0
  103. package/dist/components/RowItem/RowItem.d.ts +2 -2
  104. package/dist/components/RowItem/RowItem.js +9 -5
  105. package/dist/components/RowItem/RowItem.stories.d.ts +17 -0
  106. package/dist/components/RowItem/rowItem.test.d.ts +1 -0
  107. package/dist/components/Select/Select.d.ts +22 -0
  108. package/dist/components/Select/Select.js +476 -414
  109. package/dist/components/Select/SelectButton.d.ts +2 -0
  110. package/dist/components/Select/SelectButton.js +3 -2
  111. package/dist/components/Skeleton/Skeleton.d.ts +3 -1
  112. package/dist/components/Skeleton/Skeleton.js +20 -14
  113. package/dist/components/Skeleton/SkeletonTable.stories.d.ts +1 -1
  114. package/dist/components/Snackbar/Snackbar.js +119 -134
  115. package/dist/components/StepperNavigator/StepperNavigator.d.ts +58 -0
  116. package/dist/components/StepperNavigator/StepperNavigator.js +115 -0
  117. package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +18 -0
  118. package/dist/components/StepperNavigator/StepperNavigator.test.d.ts +1 -0
  119. package/dist/components/Table/Table.d.ts +3 -1
  120. package/dist/components/Table/Table.js +89 -101
  121. package/dist/components/Table/Table.stories.d.ts +1 -1
  122. package/dist/components/Tabs/Tab.d.ts +5 -3
  123. package/dist/components/Tabs/Tab.js +36 -35
  124. package/dist/components/Tabs/TabPanel.d.ts +4 -2
  125. package/dist/components/Tabs/TabPanel.js +48 -38
  126. package/dist/components/Tabs/Tabs.d.ts +6 -4
  127. package/dist/components/Tabs/Tabs.js +115 -112
  128. package/dist/components/Tag/Tag.d.ts +14 -0
  129. package/dist/components/Tag/Tag.js +73 -0
  130. package/dist/components/Tag/Tag.stories.d.ts +29 -0
  131. package/dist/components/Tag/Tag.test.d.ts +1 -0
  132. package/dist/components/TextDisplay/TextDisplay.d.ts +7 -3
  133. package/dist/components/TextDisplay/TextDisplay.js +44 -37
  134. package/dist/components/TextDisplay/TextDisplay.stories.d.ts +2 -1
  135. package/dist/components/Toggle/Toggle.js +1 -1
  136. package/dist/components/ToggleGroup/Group.d.ts +2 -0
  137. package/dist/components/ToggleGroup/Group.js +4 -2
  138. package/dist/components/ToggleGroup/Toggle.d.ts +2 -0
  139. package/dist/components/ToggleGroup/Toggle.js +8 -4
  140. package/dist/components/ToggleGroup/ToggleGroup.js +2 -2
  141. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +2 -0
  142. package/dist/components/Tooltip/Tooltip.d.ts +3 -1
  143. package/dist/components/Tooltip/Tooltip.js +4 -4
  144. package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -0
  145. package/dist/contexts/SnackbarProvider/SnackbarProvider.d.ts +2 -2
  146. package/dist/contexts/SnackbarProvider/SnackbarProvider.js +35 -30
  147. package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts +1 -1
  148. package/dist/{index-D3Wj0eid.js → index-bQFToy-I.js} +1 -1
  149. package/dist/main.d.ts +9 -0
  150. package/dist/main.js +97 -79
  151. package/dist/marola.css +1 -1
  152. package/dist/{ownerDocument-B61GUaFs.js → ownerDocument-YGhwAnr1.js} +1 -1
  153. package/dist/test-utils/assertStyles.d.ts +1 -1
  154. package/dist/{useButton-Bn3MNH8I.js → useButton-DcihopJG.js} +1 -1
  155. package/dist/{useList-BpJT77u3.js → useList-B9C55YB7.js} +2 -2
  156. package/dist/{useSlotProps-kRhf7Gil.js → useSlotProps-C_I1kEHr.js} +73 -72
  157. package/package.json +22 -13
  158. package/dist/Dialog.module-DFcZsVAd.js +0 -30
  159. package/dist/Group-B3p31ftp.js +0 -26
  160. package/dist/Input.module-ZTRZRcNt.js +0 -405
  161. package/dist/SelectButton-CoOT2txy.js +0 -61
  162. package/dist/Toggle-f5brSwAI.js +0 -175
@@ -1,405 +0,0 @@
1
- import './assets/Input.css';
2
- import { g as le, a as ae, u as se, f as j, b as u, _ as ue, c as Y, i as ie, P as e, d as pe, e as de } from "./useSlotProps-kRhf7Gil.js";
3
- import * as _ from "react";
4
- import { jsxs as ce, jsx as _e } from "react/jsx-runtime";
5
- const W = "Input";
6
- function fe(l) {
7
- return le(W, l);
8
- }
9
- ae(W, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
10
- function ye(l) {
11
- let a = "https://mui.com/production-error/?code=" + l;
12
- for (let i = 1; i < arguments.length; i += 1)
13
- a += "&args[]=" + encodeURIComponent(arguments[i]);
14
- return "Minified MUI error #" + l + "; visit " + a + " for the full message.";
15
- }
16
- const z = /* @__PURE__ */ _.createContext(void 0);
17
- process.env.NODE_ENV !== "production" && (z.displayName = "FormControlContext");
18
- function he() {
19
- return _.useContext(z);
20
- }
21
- function me(l = {}) {
22
- const {
23
- defaultValue: a,
24
- disabled: i = !1,
25
- error: h = !1,
26
- onBlur: p,
27
- onChange: f,
28
- onFocus: C,
29
- required: w = !1,
30
- value: E,
31
- inputRef: I
32
- } = l, t = he();
33
- let q, c, m, g, y;
34
- if (t) {
35
- var R, d, N;
36
- if (q = void 0, c = (R = t.disabled) != null ? R : !1, m = (d = t.error) != null ? d : !1, g = (N = t.required) != null ? N : !1, y = t.value, process.env.NODE_ENV !== "production") {
37
- const o = ["defaultValue", "disabled", "error", "required", "value"].filter((r) => l[r] !== void 0);
38
- o.length > 0 && console.warn(["MUI: You have set props on an input that is inside a FormControl.", "Set these props on a FormControl instead. Otherwise they will be ignored.", `Ignored props: ${o.join(", ")}`].join(`
39
- `));
40
- }
41
- } else
42
- q = a, c = i, m = h, g = w, y = E;
43
- const {
44
- current: O
45
- } = _.useRef(y != null), T = _.useCallback((o) => {
46
- process.env.NODE_ENV !== "production" && o && o.nodeName !== "INPUT" && !o.focus && console.error(["MUI: You have provided a `slots.input` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join(`
47
- `));
48
- }, []), b = _.useRef(null), F = se(b, I, T), [v, x] = _.useState(!1);
49
- _.useEffect(() => {
50
- !t && c && v && (x(!1), p == null || p());
51
- }, [t, c, v, p]);
52
- const k = (o) => (r) => {
53
- var n;
54
- if (t != null && t.disabled) {
55
- r.stopPropagation();
56
- return;
57
- }
58
- if ((n = o.onFocus) == null || n.call(o, r), t && t.onFocus) {
59
- var s;
60
- t == null || (s = t.onFocus) == null || s.call(t);
61
- } else
62
- x(!0);
63
- }, B = (o) => (r) => {
64
- var n;
65
- (n = o.onBlur) == null || n.call(o, r), t && t.onBlur ? t.onBlur() : x(!1);
66
- }, S = (o) => (r, ...n) => {
67
- var s, P;
68
- if (!O && (r.target || b.current) == null)
69
- throw new Error(process.env.NODE_ENV !== "production" ? "MUI: Expected valid input target. Did you use a custom `slots.input` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info." : ye(17));
70
- t == null || (s = t.onChange) == null || s.call(t, r), (P = o.onChange) == null || P.call(o, r, ...n);
71
- }, U = (o) => (r) => {
72
- var n;
73
- b.current && r.currentTarget === r.target && b.current.focus(), (n = o.onClick) == null || n.call(o, r);
74
- };
75
- return {
76
- disabled: c,
77
- error: m,
78
- focused: v,
79
- formControlContext: t,
80
- getInputProps: (o = {}) => {
81
- const n = u({}, {
82
- onBlur: p,
83
- onChange: f,
84
- onFocus: C
85
- }, j(o)), s = u({}, n, {
86
- onBlur: B(n),
87
- onChange: S(n),
88
- onFocus: k(n)
89
- });
90
- return u({}, s, {
91
- "aria-invalid": m || void 0,
92
- defaultValue: q,
93
- value: y,
94
- required: g,
95
- disabled: c
96
- }, o, {
97
- ref: F
98
- }, s);
99
- },
100
- getRootProps: (o = {}) => {
101
- const r = j(l, ["onBlur", "onChange", "onFocus"]), n = u({}, r, j(o));
102
- return u({}, o, n, {
103
- onClick: U(n)
104
- });
105
- },
106
- inputRef: F,
107
- required: g,
108
- value: y
109
- };
110
- }
111
- const ge = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete", "autoFocus", "className", "defaultValue", "disabled", "endAdornment", "error", "id", "multiline", "name", "onClick", "onChange", "onKeyDown", "onKeyUp", "onFocus", "onBlur", "placeholder", "readOnly", "required", "startAdornment", "value", "type", "rows", "slotProps", "slots", "minRows", "maxRows"], be = (l) => {
112
- const {
113
- disabled: a,
114
- error: i,
115
- focused: h,
116
- formControlContext: p,
117
- multiline: f,
118
- startAdornment: C,
119
- endAdornment: w
120
- } = l;
121
- return pe({
122
- root: ["root", a && "disabled", i && "error", h && "focused", !!p && "formControl", f && "multiline", !!C && "adornedStart", !!w && "adornedEnd"],
123
- input: ["input", a && "disabled", f && "multiline"]
124
- }, de(fe));
125
- }, Ce = /* @__PURE__ */ _.forwardRef(function(a, i) {
126
- var h, p, f;
127
- const {
128
- "aria-describedby": C,
129
- "aria-label": w,
130
- "aria-labelledby": E,
131
- autoComplete: I,
132
- autoFocus: t,
133
- className: q,
134
- defaultValue: c,
135
- disabled: m,
136
- endAdornment: g,
137
- error: y,
138
- id: R,
139
- multiline: d = !1,
140
- name: N,
141
- onClick: O,
142
- onChange: T,
143
- onKeyDown: b,
144
- onKeyUp: F,
145
- onFocus: v,
146
- onBlur: x,
147
- placeholder: k,
148
- readOnly: B,
149
- required: S,
150
- startAdornment: U,
151
- value: A,
152
- type: V,
153
- rows: o,
154
- slotProps: r = {},
155
- slots: n = {},
156
- minRows: s,
157
- maxRows: P
158
- } = a, H = ue(a, ge), {
159
- getRootProps: G,
160
- getInputProps: J,
161
- focused: Q,
162
- formControlContext: X,
163
- error: Z,
164
- disabled: ee
165
- } = me({
166
- disabled: m,
167
- defaultValue: c,
168
- error: y,
169
- onBlur: x,
170
- onClick: O,
171
- onChange: T,
172
- onFocus: v,
173
- required: S,
174
- value: A
175
- }), K = d ? void 0 : V ?? "text", M = u({}, a, {
176
- disabled: ee,
177
- error: Z,
178
- focused: Q,
179
- formControlContext: X,
180
- multiline: d,
181
- type: K
182
- }), L = be(M), oe = {
183
- "aria-describedby": C,
184
- "aria-label": w,
185
- "aria-labelledby": E,
186
- autoComplete: I,
187
- autoFocus: t,
188
- id: R,
189
- onKeyDown: b,
190
- onKeyUp: F,
191
- name: N,
192
- placeholder: k,
193
- readOnly: B,
194
- type: K
195
- }, $ = (h = n.root) != null ? h : "div", te = Y({
196
- elementType: $,
197
- getSlotProps: G,
198
- externalSlotProps: r.root,
199
- externalForwardedProps: H,
200
- additionalProps: {
201
- ref: i
202
- },
203
- ownerState: M,
204
- className: [L.root, q]
205
- }), D = d ? (p = n.textarea) != null ? p : "textarea" : (f = n.input) != null ? f : "input", ne = Y({
206
- elementType: D,
207
- getSlotProps: (re) => J(u({}, oe, re)),
208
- externalSlotProps: r.input,
209
- additionalProps: u({
210
- rows: d ? o : void 0
211
- }, d && !ie(D) && {
212
- minRows: o || s,
213
- maxRows: o || P
214
- }),
215
- ownerState: M,
216
- className: L.input
217
- });
218
- return process.env.NODE_ENV !== "production" && d && o && (s || P) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), /* @__PURE__ */ ce($, u({}, te, {
219
- children: [U, /* @__PURE__ */ _e(D, u({}, ne)), g]
220
- }));
221
- });
222
- process.env.NODE_ENV !== "production" && (Ce.propTypes = {
223
- // ┌────────────────────────────── Warning ──────────────────────────────┐
224
- // │ These PropTypes are generated from the TypeScript type definitions. │
225
- // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
226
- // └─────────────────────────────────────────────────────────────────────┘
227
- /**
228
- * @ignore
229
- */
230
- "aria-describedby": e.string,
231
- /**
232
- * @ignore
233
- */
234
- "aria-label": e.string,
235
- /**
236
- * @ignore
237
- */
238
- "aria-labelledby": e.string,
239
- /**
240
- * This prop helps users to fill forms faster, especially on mobile devices.
241
- * The name can be confusing, as it's more like an autofill.
242
- * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
243
- */
244
- autoComplete: e.string,
245
- /**
246
- * If `true`, the `input` element is focused during the first mount.
247
- */
248
- autoFocus: e.bool,
249
- /**
250
- * Class name applied to the root element.
251
- */
252
- className: e.string,
253
- /**
254
- * The default value. Use when the component is not controlled.
255
- */
256
- defaultValue: e.any,
257
- /**
258
- * If `true`, the component is disabled.
259
- * The prop defaults to the value (`false`) inherited from the parent FormControl component.
260
- */
261
- disabled: e.bool,
262
- /**
263
- * Trailing adornment for this input.
264
- */
265
- endAdornment: e.node,
266
- /**
267
- * If `true`, the `input` will indicate an error by setting the `aria-invalid` attribute on the input and the `baseui--error` class on the root element.
268
- * The prop defaults to the value (`false`) inherited from the parent FormControl component.
269
- */
270
- error: e.bool,
271
- /**
272
- * The id of the `input` element.
273
- */
274
- id: e.string,
275
- /**
276
- * @ignore
277
- */
278
- inputRef: e.oneOfType([e.func, e.shape({
279
- current: e.object
280
- })]),
281
- /**
282
- * Maximum number of rows to display when multiline option is set to true.
283
- */
284
- maxRows: e.number,
285
- /**
286
- * Minimum number of rows to display when multiline option is set to true.
287
- */
288
- minRows: e.number,
289
- /**
290
- * If `true`, a `textarea` element is rendered.
291
- * @default false
292
- */
293
- multiline: e.bool,
294
- /**
295
- * Name attribute of the `input` element.
296
- */
297
- name: e.string,
298
- /**
299
- * @ignore
300
- */
301
- onBlur: e.func,
302
- /**
303
- * @ignore
304
- */
305
- onChange: e.func,
306
- /**
307
- * @ignore
308
- */
309
- onClick: e.func,
310
- /**
311
- * @ignore
312
- */
313
- onFocus: e.func,
314
- /**
315
- * @ignore
316
- */
317
- onKeyDown: e.func,
318
- /**
319
- * @ignore
320
- */
321
- onKeyUp: e.func,
322
- /**
323
- * The short hint displayed in the `input` before the user enters a value.
324
- */
325
- placeholder: e.string,
326
- /**
327
- * It prevents the user from changing the value of the field
328
- * (not from interacting with the field).
329
- */
330
- readOnly: e.bool,
331
- /**
332
- * If `true`, the `input` element is required.
333
- * The prop defaults to the value (`false`) inherited from the parent FormControl component.
334
- */
335
- required: e.bool,
336
- /**
337
- * Number of rows to display when multiline option is set to true.
338
- */
339
- rows: e.number,
340
- /**
341
- * The props used for each slot inside the Input.
342
- * @default {}
343
- */
344
- slotProps: e.shape({
345
- input: e.oneOfType([e.func, e.object]),
346
- root: e.oneOfType([e.func, e.object])
347
- }),
348
- /**
349
- * The components used for each slot inside the InputBase.
350
- * Either a string to use a HTML element or a component.
351
- * @default {}
352
- */
353
- slots: e.shape({
354
- input: e.elementType,
355
- root: e.elementType,
356
- textarea: e.elementType
357
- }),
358
- /**
359
- * Leading adornment for this input.
360
- */
361
- startAdornment: e.node,
362
- /**
363
- * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
364
- * @default 'text'
365
- */
366
- type: e.oneOf(["button", "checkbox", "color", "date", "datetime-local", "email", "file", "hidden", "image", "month", "number", "password", "radio", "range", "reset", "search", "submit", "tel", "text", "time", "url", "week"]),
367
- /**
368
- * The value of the `input` element, required for a controlled component.
369
- */
370
- value: e.any
371
- });
372
- const we = "_input__label_1lq2e_78", qe = "_input_1lq2e_57", Pe = {
373
- "u-typography-h1": "_u-typography-h1_1lq2e_1",
374
- "u-typography-h2": "_u-typography-h2_1lq2e_8",
375
- "u-typography-h3": "_u-typography-h3_1lq2e_15",
376
- "u-typography-h4": "_u-typography-h4_1lq2e_22",
377
- "u-typography-h5": "_u-typography-h5_1lq2e_29",
378
- "u-typography-h6": "_u-typography-h6_1lq2e_36",
379
- "u-typography-base": "_u-typography-base_1lq2e_43",
380
- "u-typography-base--xxl": "_u-typography-base--xxl_1lq2e_49",
381
- "u-typography-base--xl": "_u-typography-base--xl_1lq2e_53",
382
- "u-typography-base--lg": "_u-typography-base--lg_1lq2e_57",
383
- "input__input-el": "_input__input-el_1lq2e_57",
384
- "u-typography-base--sm": "_u-typography-base--sm_1lq2e_61",
385
- "u-typography-base--bold": "_u-typography-base--bold_1lq2e_65",
386
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1lq2e_68",
387
- "u-typography-base--underlined": "_u-typography-base--underlined_1lq2e_71",
388
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1lq2e_74",
389
- input__label: we,
390
- "input__input-el-wrapper": "_input__input-el-wrapper_1lq2e_83",
391
- "input__left-icon": "_input__left-icon_1lq2e_101",
392
- "input__right-icon": "_input__right-icon_1lq2e_101",
393
- "input__messages-wrapper": "_input__messages-wrapper_1lq2e_113",
394
- "input__info-message": "_input__info-message_1lq2e_121",
395
- "input__error-message": "_input__error-message_1lq2e_121",
396
- "input__chars-counter": "_input__chars-counter_1lq2e_132",
397
- "input--disabled": "_input--disabled_1lq2e_136",
398
- input: qe,
399
- "input--focused": "_input--focused_1lq2e_142",
400
- "input--error": "_input--error_1lq2e_145"
401
- };
402
- export {
403
- Ce as I,
404
- Pe as s
405
- };
@@ -1,61 +0,0 @@
1
- import './assets/SelectButton.css';
2
- import { jsxs as c, jsx as _ } from "react/jsx-runtime";
3
- import * as o from "react";
4
- import { forwardRef as y } from "react";
5
- import { c as u } from "./clsx-DB4S2d7J.js";
6
- import { Typography as p } from "./components/Typography/Typography.js";
7
- const g = "_select__listbox__option__text_jbvcl_65", v = "_select_jbvcl_65", x = "_select__popup_jbvcl_81", d = "_select__listbox_jbvcl_65", j = "_select__listbox__option_jbvcl_65", m = "_select__listbox__option__icon_jbvcl_102", w = "_select__list__option__icon_jbvcl_123", e = {
8
- "u-typography-h1": "_u-typography-h1_jbvcl_1",
9
- "u-typography-h2": "_u-typography-h2_jbvcl_8",
10
- "u-typography-h3": "_u-typography-h3_jbvcl_15",
11
- "u-typography-h4": "_u-typography-h4_jbvcl_22",
12
- "u-typography-h5": "_u-typography-h5_jbvcl_29",
13
- "u-typography-h6": "_u-typography-h6_jbvcl_36",
14
- "u-typography-base": "_u-typography-base_jbvcl_43",
15
- "u-typography-base--xxl": "_u-typography-base--xxl_jbvcl_49",
16
- "u-typography-base--xl": "_u-typography-base--xl_jbvcl_53",
17
- "u-typography-base--lg": "_u-typography-base--lg_jbvcl_57",
18
- "u-typography-base--sm": "_u-typography-base--sm_jbvcl_61",
19
- "u-typography-base--bold": "_u-typography-base--bold_jbvcl_65",
20
- select__listbox__option__text: g,
21
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_jbvcl_68",
22
- "u-typography-base--underlined": "_u-typography-base--underlined_jbvcl_71",
23
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_jbvcl_74",
24
- select: v,
25
- select__popup: x,
26
- select__listbox: d,
27
- select__listbox__option: j,
28
- select__listbox__option__icon: m,
29
- "select__listbox__option--disabled": "_select__listbox__option--disabled_jbvcl_106",
30
- "select__listbox__option--selected": "_select__listbox__option--selected_jbvcl_115",
31
- select__list__option__icon: w,
32
- "select-button": "_select-button_jbvcl_128",
33
- "base-Select-popup": "_base-Select-popup_jbvcl_146",
34
- "select-button__text": "_select-button__text_jbvcl_149",
35
- "select-button__icon": "_select-button__icon_jbvcl_158",
36
- "select-button--active": "_select-button--active_jbvcl_164"
37
- }, C = (t) => /* @__PURE__ */ o.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ o.createElement("path", { d: "M2.11104 4.9999C2.36691 4.9999 2.62291 5.09756 2.81791 5.29287L8.11104 10.5843L13.4048 5.29053C13.7954 4.8999 14.4282 4.8999 14.8188 5.29053C15.2095 5.68115 15.2095 6.31396 14.8188 6.70459L8.81885 12.7046C8.42822 13.0952 7.79541 13.0952 7.40479 12.7046L1.40479 6.70459C1.01416 6.31396 1.01416 5.68115 1.40479 5.29053C1.59854 5.09678 1.85479 4.9999 2.11104 4.9999Z", fill: "currentColor" })), f = (t) => /* @__PURE__ */ o.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ o.createElement("path", { d: "M13.8889 11C13.633 11 13.377 10.9023 13.182 10.707L7.8889 5.41563L2.59515 10.7094C2.20453 11.1 1.57172 11.1 1.18109 10.7094C0.790466 10.3188 0.790466 9.68594 1.18109 9.29532L7.18109 3.29532C7.57172 2.90469 8.20453 2.90469 8.59515 3.29532L14.5952 9.29532C14.9858 9.68594 14.9858 10.3188 14.5952 10.7094C14.4014 10.9031 14.1452 11 13.8889 11Z", fill: "#3F3D4B", fillOpacity: 0.88 })), E = y((t, a) => {
38
- const { children: i, disabled: b, className: n, "data-testid": r, prefix: l, onClick: h } = t, s = t["aria-expanded"];
39
- return /* @__PURE__ */ c(
40
- "button",
41
- {
42
- className: u(n, s ? e["select-button--active"] : "", e["select-button"]),
43
- type: "button",
44
- onClick: h,
45
- disabled: b,
46
- "data-testid": r,
47
- ref: a,
48
- children: [
49
- /* @__PURE__ */ c("span", { className: e["select-button__text"], children: [
50
- l && /* @__PURE__ */ _(p, { children: l }),
51
- /* @__PURE__ */ _(p, { children: i })
52
- ] }),
53
- /* @__PURE__ */ _("span", { className: e["select-button__icon"], children: s ? /* @__PURE__ */ _(f, {}) : /* @__PURE__ */ _(C, {}) })
54
- ]
55
- }
56
- );
57
- });
58
- export {
59
- E as S,
60
- e as s
61
- };
@@ -1,175 +0,0 @@
1
- import './assets/Toggle2.css';
2
- import { jsx as e, jsxs as b } from "react/jsx-runtime";
3
- import { forwardRef as y } from "react";
4
- import { c as r } from "./clsx-DB4S2d7J.js";
5
- import { Icon as f } from "./components/Icon/Icon.js";
6
- import { Typography as N } from "./components/Typography/Typography.js";
7
- import "./components/Button/Button.js";
8
- import { Adornment as q } from "./components/Adornment/Adornment.js";
9
- import "./components/Dialog/Backdrop.js";
10
- import "./components/IconButton/IconButton.js";
11
- import "./components/Select/Select.js";
12
- import "./components/Table/Table.js";
13
- import "./components/Tabs/Tabs.js";
14
- import { s as u } from "./Group-B3p31ftp.js";
15
- import "./contexts/SnackbarProvider/SnackbarProvider.js";
16
- import { Skeleton as x } from "./components/Skeleton/Skeleton.js";
17
- import { B as w } from "./Button-DiLqcAJG.js";
18
- const I = "_chip_1qd8i_61", P = "_chip__adornment_1qd8i_115", S = "_chip__remove_1qd8i_120", c = {
19
- "u-typography-h1": "_u-typography-h1_1qd8i_1",
20
- "u-typography-h2": "_u-typography-h2_1qd8i_8",
21
- "u-typography-h3": "_u-typography-h3_1qd8i_15",
22
- "u-typography-h4": "_u-typography-h4_1qd8i_22",
23
- "u-typography-h5": "_u-typography-h5_1qd8i_29",
24
- "u-typography-h6": "_u-typography-h6_1qd8i_36",
25
- "u-typography-base": "_u-typography-base_1qd8i_43",
26
- "u-typography-base--xxl": "_u-typography-base--xxl_1qd8i_49",
27
- "u-typography-base--xl": "_u-typography-base--xl_1qd8i_53",
28
- "u-typography-base--lg": "_u-typography-base--lg_1qd8i_57",
29
- "u-typography-base--sm": "_u-typography-base--sm_1qd8i_61",
30
- chip: I,
31
- "u-typography-base--bold": "_u-typography-base--bold_1qd8i_65",
32
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1qd8i_68",
33
- "u-typography-base--underlined": "_u-typography-base--underlined_1qd8i_71",
34
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1qd8i_74",
35
- "chip--button": "_chip--button_1qd8i_90",
36
- "chip--outlined": "_chip--outlined_1qd8i_103",
37
- "chip--contained": "_chip--contained_1qd8i_109",
38
- chip__adornment: P,
39
- chip__remove: S,
40
- "chip__remove--disabled": "_chip__remove--disabled_1qd8i_131",
41
- "chip-loading": "_chip-loading_1qd8i_135"
42
- }, R = y((a, s) => {
43
- const { children: l, onClickContent: t, disabled: _, className: o, variant: n } = a;
44
- let i = r(
45
- c.chip,
46
- { [c["chip--outlined"]]: n === "outlined" },
47
- { [c["chip--contained"]]: n === "contained" },
48
- o
49
- );
50
- return t ? (i += ` ${c["chip--button"]}`, /* @__PURE__ */ e(
51
- w,
52
- {
53
- onClick: t,
54
- disabled: _,
55
- "data-testid": a["data-testid"],
56
- ref: s,
57
- className: i,
58
- children: l
59
- }
60
- )) : /* @__PURE__ */ e("span", { "data-testid": a["data-testid"], ref: s, className: i, children: l });
61
- }), K = y((a, s) => {
62
- const {
63
- label: l,
64
- className: t,
65
- onClickContent: _,
66
- leftAdornment: o,
67
- loading: n = !1,
68
- disabled: i = !1,
69
- variant: g = "default",
70
- onClickRemove: h
71
- } = a;
72
- if (n)
73
- return /* @__PURE__ */ e(
74
- x,
75
- {
76
- className: r(c["chip-loading"], a["className-skeleton"]),
77
- "data-testid": a["data-testid-skeleton"]
78
- }
79
- );
80
- const k = r(o == null ? void 0 : o.className, c.chip__adornment);
81
- return /* @__PURE__ */ b(
82
- R,
83
- {
84
- ref: s,
85
- "data-testid": a["data-testid"],
86
- onClickContent: _,
87
- disabled: i,
88
- className: t,
89
- variant: g,
90
- children: [
91
- o && /* @__PURE__ */ e(q, { ...o, className: k, disabled: i }),
92
- l,
93
- h && /* @__PURE__ */ e(
94
- "span",
95
- {
96
- className: r(c.chip__remove, { [c["chip__remove--disabled"]]: i }),
97
- role: "button",
98
- tabIndex: i ? -1 : 0,
99
- "aria-label": "remove",
100
- onClick: (d) => {
101
- d == null || d.stopPropagation(), d == null || d.nativeEvent.stopImmediatePropagation(), h();
102
- },
103
- "aria-disabled": i,
104
- children: /* @__PURE__ */ e(f, { icon: "circle-xmark", size: "1.125rem", color: "rgba(var(--gray-95-rgb), 0.45)" })
105
- }
106
- )
107
- ]
108
- }
109
- );
110
- }), m = {
111
- "row-item": "_row-item_ag6tb_1",
112
- "row-item--clickable": "_row-item--clickable_ag6tb_15",
113
- "row-item__content": "_row-item__content_ag6tb_18"
114
- }, M = y((a, s) => {
115
- const { children: l, leftAdornment: t, disabled: _, onClick: o, buttons: n, ariaLabel: i, className: g } = a, h = r(t == null ? void 0 : t.className, m["row-item__adornment"]), d = {
116
- onClick: (p) => {
117
- o && o(p);
118
- },
119
- tabIndex: 0,
120
- "aria-label": i,
121
- role: "button"
122
- }, C = { size: "1rem", ...t };
123
- return /* @__PURE__ */ b(
124
- "div",
125
- {
126
- "data-testid": a["data-testid"],
127
- className: r(m["row-item"], { [m["row-item--clickable"]]: !!o }, g),
128
- ...!!o && d,
129
- ref: s,
130
- children: [
131
- t && /* @__PURE__ */ e(q, { ...C, className: h, disabled: _ }),
132
- /* @__PURE__ */ e("span", { className: r(m["row-item__content"]), children: l }),
133
- n && /* @__PURE__ */ e(
134
- "div",
135
- {
136
- onClick: (p) => {
137
- p == null || p.stopPropagation(), p == null || p.nativeEvent.stopImmediatePropagation();
138
- },
139
- children: n
140
- }
141
- )
142
- ]
143
- }
144
- );
145
- }), O = y((a, s) => {
146
- const { text: l, isSelected: t = !1, value: _, onChange: o } = a;
147
- return /* @__PURE__ */ b(
148
- "label",
149
- {
150
- className: r([u.toggle__label], { [u["toggle__label--selected"]]: t }),
151
- "data-testid": a["data-testid"],
152
- children: [
153
- /* @__PURE__ */ e(
154
- "input",
155
- {
156
- className: r([u.toggle__input]),
157
- type: "radio",
158
- ref: s,
159
- value: _.toString(),
160
- onChange: () => o(_),
161
- role: "radio",
162
- checked: t,
163
- "aria-checked": t
164
- }
165
- ),
166
- /* @__PURE__ */ e(N, { bold: !0, children: l })
167
- ]
168
- }
169
- );
170
- });
171
- export {
172
- K as C,
173
- M as R,
174
- O as T
175
- };