@pismo/marola 1.0.0-beta.2 → 1.0.0-beta.21

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 (120) hide show
  1. package/dist/{Button-2b1peDFT.js → Button-DiLqcAJG.js} +2 -2
  2. package/dist/{ClickAwayListener-BSW-Nd-y.js → ClickAwayListener-BaJ-OV_7.js} +4 -3
  3. package/dist/Dialog.module-D9e4RsKo.js +30 -0
  4. package/dist/Input.module-ZTRZRcNt.js +405 -0
  5. package/dist/{Popup-B6ZSGIEI.js → Popup-lLWZt2wk.js} +3 -3
  6. package/dist/{Portal-DIeBsWdL.js → Portal-B_Es6eUL.js} +2 -2
  7. package/dist/SelectButton-CoOT2txy.js +61 -0
  8. package/dist/Toggle-CRfZgFJp.js +181 -0
  9. package/dist/assets/Adornment.css +1 -0
  10. package/dist/assets/Advice.css +1 -1
  11. package/dist/assets/Autocomplete.css +1 -0
  12. package/dist/assets/Button.css +1 -1
  13. package/dist/assets/Checkbox.css +1 -1
  14. package/dist/assets/Dialog.css +1 -1
  15. package/dist/assets/IconButton.css +1 -1
  16. package/dist/assets/Input.css +1 -1
  17. package/dist/assets/PageHeader.css +1 -1
  18. package/dist/assets/Pagination.css +1 -1
  19. package/dist/assets/ResultWithChips.css +1 -0
  20. package/dist/assets/SelectButton.css +1 -1
  21. package/dist/assets/Snackbar.css +1 -1
  22. package/dist/assets/SortTooltip.css +1 -1
  23. package/dist/assets/Stepper.css +1 -1
  24. package/dist/assets/StepperNavigator.css +1 -0
  25. package/dist/assets/Table.css +1 -1
  26. package/dist/assets/TextDisplay.css +1 -1
  27. package/dist/assets/Toggle.css +1 -1
  28. package/dist/assets/Toggle2.css +1 -1
  29. package/dist/assets/Typography.css +1 -1
  30. package/dist/{combineHooksSlotProps-DVjg9PRh.js → combineHooksSlotProps-BtBYUV_B.js} +1 -1
  31. package/dist/components/Adornment/Adornment.d.ts +20 -0
  32. package/dist/components/Adornment/Adornment.js +13 -0
  33. package/dist/components/Adornment/Adornment.stories.d.ts +14 -0
  34. package/dist/components/Adornment/adornment.test.d.ts +1 -0
  35. package/dist/components/Advice/Advice.d.ts +32 -17
  36. package/dist/components/Advice/Advice.js +39 -40
  37. package/dist/components/Advice/Advice.stories.d.ts +4 -3
  38. package/dist/components/Autocomplete/Autocomplete.d.ts +51 -0
  39. package/dist/components/Autocomplete/Autocomplete.js +691 -0
  40. package/dist/components/Autocomplete/Autocomplete.stories.d.ts +22 -0
  41. package/dist/components/Button/Button.d.ts +2 -0
  42. package/dist/components/Button/Button.js +51 -49
  43. package/dist/components/Checkbox/Checkbox.js +52 -52
  44. package/dist/components/Chip/Chip.d.ts +6 -12
  45. package/dist/components/Chip/Chip.js +6 -5
  46. package/dist/components/Chip/Chip.stories.d.ts +5 -14
  47. package/dist/components/Dialog/Actions.js +1 -1
  48. package/dist/components/Dialog/Backdrop.d.ts +3 -3
  49. package/dist/components/Dialog/Backdrop.js +8 -7
  50. package/dist/components/Dialog/CloseIconButton.d.ts +1 -2
  51. package/dist/components/Dialog/CloseIconButton.js +15 -18
  52. package/dist/components/Dialog/Dialog.d.ts +9 -6
  53. package/dist/components/Dialog/Dialog.js +139 -139
  54. package/dist/components/Dialog/Dialog.stories.d.ts +50 -46
  55. package/dist/components/Dialog/DialogTitle.js +1 -1
  56. package/dist/components/EllipsisTooltip/EllipsisTooltip.js +30 -17
  57. package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +2 -1
  58. package/dist/components/Icon/Icon.js +62 -34
  59. package/dist/components/Icon/types.d.ts +1 -1
  60. package/dist/components/IconButton/IconButton.js +42 -42
  61. package/dist/components/Input/Input.d.ts +4 -2
  62. package/dist/components/Input/Input.js +74 -471
  63. package/dist/components/Input/Input.stories.d.ts +1 -1
  64. package/dist/components/InputSearch/InputSearch.stories.d.ts +1 -1
  65. package/dist/components/PageHeader/PageHeader.js +57 -57
  66. package/dist/components/Pagination/Pagination.d.ts +7 -1
  67. package/dist/components/Pagination/Pagination.js +104 -182
  68. package/dist/components/Pagination/usePagination.d.ts +90 -0
  69. package/dist/components/Pagination/usePagination.js +79 -0
  70. package/dist/components/ResultWithChips/ResultWithChips.d.ts +12 -0
  71. package/dist/components/ResultWithChips/ResultWithChips.js +33 -0
  72. package/dist/components/RowItem/RowItem.d.ts +25 -0
  73. package/dist/components/RowItem/RowItem.js +19 -0
  74. package/dist/components/RowItem/RowItem.stories.d.ts +17 -0
  75. package/dist/components/RowItem/rowItem.test.d.ts +1 -0
  76. package/dist/components/Select/Select.js +9 -8
  77. package/dist/components/Select/SelectButton.js +1 -1
  78. package/dist/components/Skeleton/Skeleton.d.ts +3 -1
  79. package/dist/components/Skeleton/Skeleton.js +18 -12
  80. package/dist/components/Skeleton/SkeletonTable.stories.d.ts +1 -1
  81. package/dist/components/Snackbar/Snackbar.js +94 -94
  82. package/dist/components/Snackbar/Snackbar.stories.d.ts +3 -3
  83. package/dist/components/SortTooltip/SortTooltip.js +46 -46
  84. package/dist/components/Stepper/Stepper.js +35 -35
  85. package/dist/components/StepperNavigator/StepperNavigator.d.ts +43 -0
  86. package/dist/components/StepperNavigator/StepperNavigator.js +56 -0
  87. package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +16 -0
  88. package/dist/components/StepperNavigator/StepperNavigator.test.d.ts +1 -0
  89. package/dist/components/Table/Table.d.ts +3 -1
  90. package/dist/components/Table/Table.js +88 -85
  91. package/dist/components/Table/Table.stories.d.ts +1 -1
  92. package/dist/components/Tabs/Tab.js +18 -17
  93. package/dist/components/Tabs/TabPanel.js +27 -26
  94. package/dist/components/Tabs/Tabs.js +25 -25
  95. package/dist/components/TextDisplay/TextDisplay.d.ts +3 -1
  96. package/dist/components/TextDisplay/TextDisplay.js +42 -28
  97. package/dist/components/TextDisplay/TextDisplay.stories.d.ts +2 -1
  98. package/dist/components/Toggle/Toggle.js +56 -56
  99. package/dist/components/ToggleGroup/Toggle.js +3 -3
  100. package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
  101. package/dist/components/Tooltip/Tooltip.d.ts +3 -1
  102. package/dist/components/Tooltip/Tooltip.js +4 -4
  103. package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -0
  104. package/dist/components/Typography/Typography.js +47 -47
  105. package/dist/{index-CjW42-M-.js → index-D3Wj0eid.js} +1 -1
  106. package/dist/main.d.ts +5 -0
  107. package/dist/main.js +85 -76
  108. package/dist/ownerDocument-B61GUaFs.js +33 -0
  109. package/dist/{useButton-DNk3wrQp.js → useButton-Bn3MNH8I.js} +1 -1
  110. package/dist/useCompoundItem-B7Eo_qZk.js +68 -0
  111. package/dist/useEventCallback-BAQJJ3ye.js +14 -0
  112. package/dist/useId-BW-oWmul.js +19 -0
  113. package/dist/{useList-B0hog_3-.js → useList-BpJT77u3.js} +2 -2
  114. package/dist/{index-CH45lKw7.js → useSlotProps-kRhf7Gil.js} +93 -94
  115. package/package.json +8 -3
  116. package/dist/Dialog.module-DFEmFdYT.js +0 -30
  117. package/dist/SelectButton-C8JQKaf4.js +0 -61
  118. package/dist/Toggle-BCgIItCc.js +0 -142
  119. package/dist/useCompoundItem-D1iRfg8D.js +0 -84
  120. package/dist/useEventCallback-xTG9piMa.js +0 -45
@@ -1,7 +1,7 @@
1
- import { g as T, a as _, _ as x, b as i, c as B, P as e, d as O, e as D } from "./index-CH45lKw7.js";
1
+ import { g as T, a as _, _ as x, b as i, c as B, P as e, d as O, e as D } from "./useSlotProps-kRhf7Gil.js";
2
2
  import * as c from "react";
3
3
  import { jsx as F } from "react/jsx-runtime";
4
- import { u as S } from "./useButton-DNk3wrQp.js";
4
+ import { u as S } from "./useButton-Bn3MNH8I.js";
5
5
  const m = "Button";
6
6
  function U(s) {
7
7
  return T(m, s);
@@ -1,8 +1,9 @@
1
1
  import * as t from "react";
2
- import { u as C, P as f } from "./index-CH45lKw7.js";
2
+ import { u as C, P as f } from "./useSlotProps-kRhf7Gil.js";
3
3
  import { jsx as w } from "react/jsx-runtime";
4
- import { u as L, o as h, e as b } from "./useEventCallback-xTG9piMa.js";
5
- import { e as g } from "./index-CjW42-M-.js";
4
+ import { u as L } from "./useEventCallback-BAQJJ3ye.js";
5
+ import { o as h, e as b } from "./ownerDocument-B61GUaFs.js";
6
+ import { e as g } from "./index-D3Wj0eid.js";
6
7
  function T(c) {
7
8
  return c.substring(2).toLowerCase();
8
9
  }
@@ -0,0 +1,30 @@
1
+ import './assets/Dialog.css';
2
+ const _ = "_dialog__subtitle_1rdlq_53", a = "_dialog_1rdlq_53", o = "_dialog__backdrop_1rdlq_88", l = "_dialog__panel_1rdlq_96", r = "_dialog__title_1rdlq_57", d = "_dialog__divider_1rdlq_122", p = "_dialog__actions_1rdlq_136", t = {
3
+ "u-typography-h1": "_u-typography-h1_1rdlq_1",
4
+ "u-typography-h2": "_u-typography-h2_1rdlq_8",
5
+ "u-typography-h3": "_u-typography-h3_1rdlq_15",
6
+ "u-typography-h4": "_u-typography-h4_1rdlq_22",
7
+ "u-typography-h5": "_u-typography-h5_1rdlq_29",
8
+ "u-typography-h6": "_u-typography-h6_1rdlq_36",
9
+ "u-typography-base": "_u-typography-base_1rdlq_43",
10
+ "u-typography-base--xxl": "_u-typography-base--xxl_1rdlq_49",
11
+ "u-typography-base--xl": "_u-typography-base--xl_1rdlq_53",
12
+ dialog__subtitle: _,
13
+ "u-typography-base--lg": "_u-typography-base--lg_1rdlq_57",
14
+ "dialog__title--small": "_dialog__title--small_1rdlq_57",
15
+ "u-typography-base--sm": "_u-typography-base--sm_1rdlq_61",
16
+ "u-typography-base--bold": "_u-typography-base--bold_1rdlq_65",
17
+ "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1rdlq_68",
18
+ "u-typography-base--underlined": "_u-typography-base--underlined_1rdlq_71",
19
+ "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1rdlq_74",
20
+ dialog: a,
21
+ dialog__backdrop: o,
22
+ dialog__panel: l,
23
+ dialog__title: r,
24
+ dialog__divider: d,
25
+ "dialog__close-icon": "_dialog__close-icon_1rdlq_126",
26
+ dialog__actions: p
27
+ };
28
+ export {
29
+ t as s
30
+ };
@@ -0,0 +1,405 @@
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,10 +1,10 @@
1
- import { g as jt, a as zt, _ as It, u as Ut, b as ut, c as Xt, P as x, d as Yt, e as Kt } from "./index-CH45lKw7.js";
1
+ import { g as jt, a as zt, _ as It, u as Ut, b as ut, c as Xt, P as x, d as Yt, e as Kt } from "./useSlotProps-kRhf7Gil.js";
2
2
  import * as b from "react";
3
3
  import { useLayoutEffect as Gt, useEffect as Jt } from "react";
4
- import { r as Qt } from "./index-CjW42-M-.js";
4
+ import { r as Qt } from "./index-D3Wj0eid.js";
5
5
  import { jsx as Z } from "react/jsx-runtime";
6
6
  import { u as Zt } from "./useEnhancedEffect-CJGo-L3B.js";
7
- import { P as qt, H as gt } from "./Portal-DIeBsWdL.js";
7
+ import { P as qt, H as gt } from "./Portal-B_Es6eUL.js";
8
8
  const et = Math.min, z = Math.max, nt = Math.round, q = Math.floor, H = (t) => ({
9
9
  x: t,
10
10
  y: t
@@ -1,6 +1,6 @@
1
1
  import * as o from "react";
2
- import { r as P, e as y } from "./index-CjW42-M-.js";
3
- import { u as T, s as a, P as i } from "./index-CH45lKw7.js";
2
+ import { r as P, e as y } from "./index-D3Wj0eid.js";
3
+ import { u as T, s as a, P as i } from "./useSlotProps-kRhf7Gil.js";
4
4
  import { jsx as c } from "react/jsx-runtime";
5
5
  import { u as f } from "./useEnhancedEffect-CJGo-L3B.js";
6
6
  function N(t, l, s, n, u) {
@@ -0,0 +1,61 @@
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
+ };