@pismo/marola 1.0.0-beta.1 → 1.0.0-beta.10

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 (97) 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-DFcZsVAd.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-C7W0gYOI.js +175 -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/SelectButton.css +1 -1
  20. package/dist/assets/Snackbar.css +1 -1
  21. package/dist/assets/SortTooltip.css +1 -1
  22. package/dist/assets/Stepper.css +1 -1
  23. package/dist/assets/Table.css +1 -1
  24. package/dist/assets/TextDisplay.css +1 -1
  25. package/dist/assets/Toggle.css +1 -1
  26. package/dist/assets/Toggle2.css +1 -1
  27. package/dist/assets/Typography.css +1 -1
  28. package/dist/{combineHooksSlotProps-DVjg9PRh.js → combineHooksSlotProps-BtBYUV_B.js} +1 -1
  29. package/dist/components/Adornment/Adornment.d.ts +19 -0
  30. package/dist/components/Adornment/Adornment.js +13 -0
  31. package/dist/components/Advice/Advice.d.ts +32 -17
  32. package/dist/components/Advice/Advice.js +39 -40
  33. package/dist/components/Advice/Advice.stories.d.ts +4 -3
  34. package/dist/components/Autocomplete/Autocomplete.d.ts +50 -0
  35. package/dist/components/Autocomplete/Autocomplete.js +689 -0
  36. package/dist/components/Autocomplete/Autocomplete.stories.d.ts +45 -0
  37. package/dist/components/Button/Button.js +50 -50
  38. package/dist/components/Button/Button.stories.d.ts +8 -52
  39. package/dist/components/Checkbox/Checkbox.js +52 -52
  40. package/dist/components/Chip/Chip.d.ts +3 -11
  41. package/dist/components/Chip/Chip.js +5 -4
  42. package/dist/components/Chip/Chip.stories.d.ts +3 -2
  43. package/dist/components/Dialog/Actions.js +1 -1
  44. package/dist/components/Dialog/Backdrop.js +1 -1
  45. package/dist/components/Dialog/CloseIconButton.js +2 -2
  46. package/dist/components/Dialog/Dialog.js +13 -12
  47. package/dist/components/Dialog/Dialog.stories.d.ts +44 -44
  48. package/dist/components/Dialog/DialogTitle.js +1 -1
  49. package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +1 -1
  50. package/dist/components/Icon/Icon.js +27 -21
  51. package/dist/components/Icon/types.d.ts +1 -1
  52. package/dist/components/IconButton/IconButton.js +42 -42
  53. package/dist/components/Input/Input.d.ts +4 -2
  54. package/dist/components/Input/Input.js +74 -471
  55. package/dist/components/Input/Input.stories.d.ts +1 -1
  56. package/dist/components/InputSearch/InputSearch.stories.d.ts +1 -1
  57. package/dist/components/PageHeader/PageHeader.js +57 -57
  58. package/dist/components/Pagination/Pagination.d.ts +7 -1
  59. package/dist/components/Pagination/Pagination.js +104 -182
  60. package/dist/components/Pagination/usePagination.d.ts +90 -0
  61. package/dist/components/Pagination/usePagination.js +79 -0
  62. package/dist/components/RowItem/RowItem.d.ts +25 -0
  63. package/dist/components/RowItem/RowItem.js +19 -0
  64. package/dist/components/Select/Select.js +9 -8
  65. package/dist/components/Select/SelectButton.js +1 -1
  66. package/dist/components/Snackbar/Snackbar.js +94 -94
  67. package/dist/components/Snackbar/Snackbar.stories.d.ts +3 -3
  68. package/dist/components/SortTooltip/SortTooltip.js +46 -46
  69. package/dist/components/Stepper/Stepper.js +35 -35
  70. package/dist/components/Table/Table.js +96 -96
  71. package/dist/components/Tabs/Tab.js +18 -17
  72. package/dist/components/Tabs/TabPanel.js +27 -26
  73. package/dist/components/Tabs/Tabs.js +25 -25
  74. package/dist/components/TextDisplay/TextDisplay.d.ts +3 -1
  75. package/dist/components/TextDisplay/TextDisplay.js +37 -30
  76. package/dist/components/TextDisplay/TextDisplay.stories.d.ts +1 -1
  77. package/dist/components/Toggle/Toggle.js +56 -56
  78. package/dist/components/ToggleGroup/Toggle.js +2 -2
  79. package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
  80. package/dist/components/Tooltip/Tooltip.js +3 -3
  81. package/dist/components/Typography/Typography.js +47 -47
  82. package/dist/{index-CjW42-M-.js → index-D3Wj0eid.js} +1 -1
  83. package/dist/main.d.ts +3 -0
  84. package/dist/main.js +81 -76
  85. package/dist/ownerDocument-B61GUaFs.js +33 -0
  86. package/dist/{useButton-DNk3wrQp.js → useButton-Bn3MNH8I.js} +1 -1
  87. package/dist/useCompoundItem-B7Eo_qZk.js +68 -0
  88. package/dist/useEventCallback-BAQJJ3ye.js +14 -0
  89. package/dist/useId-BW-oWmul.js +19 -0
  90. package/dist/{useList-B0hog_3-.js → useList-BpJT77u3.js} +2 -2
  91. package/dist/{index-CH45lKw7.js → useSlotProps-kRhf7Gil.js} +93 -94
  92. package/package.json +2 -2
  93. package/dist/Dialog.module-DFEmFdYT.js +0 -30
  94. package/dist/SelectButton-C8JQKaf4.js +0 -61
  95. package/dist/Toggle-BCgIItCc.js +0 -142
  96. package/dist/useCompoundItem-D1iRfg8D.js +0 -84
  97. package/dist/useEventCallback-xTG9piMa.js +0 -45
@@ -0,0 +1,79 @@
1
+ function w(l = {}) {
2
+ const {
3
+ boundaryCount: t = 1,
4
+ count: s = 1,
5
+ disabled: i = !1,
6
+ hideNextButton: d = !1,
7
+ hidePrevButton: g = !1,
8
+ page: n = l.page || 1,
9
+ showFirstButton: f = !1,
10
+ showLastButton: h = !1,
11
+ siblingCount: a = 1,
12
+ ...p
13
+ } = l, r = (e, y) => {
14
+ const P = y - e + 1;
15
+ return Array.from({ length: P }, (B, m) => e + m);
16
+ }, x = r(1, Math.min(t, s)), o = r(Math.max(s - t + 1, t + 1), s), u = Math.max(
17
+ Math.min(
18
+ // Natural start
19
+ n - a,
20
+ // Lower boundary when page is high
21
+ s - t - a * 2 - 1
22
+ ),
23
+ // Greater than startPages
24
+ t + 2
25
+ ), c = Math.min(
26
+ Math.max(
27
+ // Natural end
28
+ n + a,
29
+ // Upper boundary when page is low
30
+ t + a * 2 + 2
31
+ ),
32
+ // Less than endPages
33
+ o.length > 0 ? o[0] - 2 : s - 1
34
+ ), b = [
35
+ ...f ? ["first"] : [],
36
+ ...g ? [] : ["previous"],
37
+ ...x,
38
+ // Start ellipsis
39
+ ...u > t + 2 ? ["start-ellipsis"] : t + 1 < s - t ? [t + 1] : [],
40
+ // Sibling pages
41
+ ...r(u, c),
42
+ // End ellipsis
43
+ ...c < s - t - 1 ? ["end-ellipsis"] : s - t > t ? [s - t] : [],
44
+ ...o,
45
+ ...d ? [] : ["next"],
46
+ ...h ? ["last"] : []
47
+ ], M = (e) => {
48
+ switch (e) {
49
+ case "first":
50
+ return 1;
51
+ case "previous":
52
+ return n - 1;
53
+ case "next":
54
+ return n + 1;
55
+ case "last":
56
+ return s;
57
+ default:
58
+ return null;
59
+ }
60
+ };
61
+ return {
62
+ items: b.map((e) => typeof e == "number" ? {
63
+ type: "page",
64
+ page: e,
65
+ selected: e === n,
66
+ disabled: i,
67
+ "aria-current": e === n ? "true" : void 0
68
+ } : {
69
+ type: e,
70
+ page: M(e),
71
+ selected: !1,
72
+ disabled: i || e.indexOf("ellipsis") === -1 && (e === "next" || e === "last" ? n >= s : n <= 1)
73
+ }),
74
+ ...p
75
+ };
76
+ }
77
+ export {
78
+ w as default
79
+ };
@@ -0,0 +1,25 @@
1
+ import { RequireAllOrNone } from '../../types/helpers';
2
+ import { AdornmentProps } from '../../main';
3
+ import { KeyboardEvent, MouseEvent, ReactNode } from 'react';
4
+
5
+ export type RowItemBaseProps = {
6
+ /** Items to display as main content of the row */
7
+ children: ReactNode;
8
+ /** Buttons to render */
9
+ buttons?: ReactNode;
10
+ /** Left adornment */
11
+ leftAdornment?: AdornmentProps;
12
+ /** Whether the row is disabled (not interactable */
13
+ disabled?: boolean;
14
+ /** Space seperated list of CSS classes to apply */
15
+ className?: string;
16
+ /** Callback for when the row is clicked, required when ariaLabel is provided */
17
+ onClick?: (event?: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | undefined) => void;
18
+ /** An accessible name for the row, required when onClick is provided */
19
+ ariaLabel?: string;
20
+ /** ID to use in tests*/
21
+ 'data-testid'?: string;
22
+ };
23
+ export type RowItemProps = RequireAllOrNone<RowItemBaseProps, 'onClick' | 'ariaLabel'>;
24
+ export declare const RowItem: import('react').ForwardRefExoticComponent<RowItemProps & import('react').RefAttributes<HTMLDivElement>>;
25
+ export default RowItem;
@@ -0,0 +1,19 @@
1
+ import "react/jsx-runtime";
2
+ import "react";
3
+ import "../../clsx-DB4S2d7J.js";
4
+ import "../Adornment/Adornment.js";
5
+ import "../Icon/Icon.js";
6
+ import "../Typography/Typography.js";
7
+ import "../Button/Button.js";
8
+ import { R as I, R as b } from "../../Toggle-C7W0gYOI.js";
9
+ import "../Dialog/Backdrop.js";
10
+ import "../IconButton/IconButton.js";
11
+ import "../Select/Select.js";
12
+ import "../Table/Table.js";
13
+ import "../Tabs/Tabs.js";
14
+ import "../../Group-B3p31ftp.js";
15
+ import "../../contexts/SnackbarProvider/SnackbarProvider.js";
16
+ export {
17
+ I as RowItem,
18
+ b as default
19
+ };
@@ -1,14 +1,15 @@
1
1
  import { jsx as h, jsxs as Oe } from "react/jsx-runtime";
2
2
  import { c as _e } from "../../clsx-DB4S2d7J.js";
3
3
  import { Typography as Ke } from "../Typography/Typography.js";
4
- import { s as L, S as ze } from "../../SelectButton-C8JQKaf4.js";
5
- import { g as Ve, a as we, u as X, f as ne, b as g, P as l, _ as ke, c as le, d as Ie, e as Ne } from "../../index-CH45lKw7.js";
4
+ import { s as L, S as ze } from "../../SelectButton-CoOT2txy.js";
5
+ import { g as Ve, a as we, u as X, f as ne, b as g, P as l, _ as ke, c as le, d as Ie, e as Ne } from "../../useSlotProps-kRhf7Gil.js";
6
6
  import * as s from "react";
7
- import { u as Je, c as se, a as ye, L as Q } from "../../combineHooksSlotProps-DVjg9PRh.js";
8
- import { u as Me } from "../../useButton-DNk3wrQp.js";
9
- import { u as Te, a as We, b as Ge, C as Qe } from "../../useCompoundItem-D1iRfg8D.js";
10
- import { P as Xe } from "../../Popup-B6ZSGIEI.js";
11
- import { m as ve, h as Ye, l as Ze, u as et } from "../../useList-B0hog_3-.js";
7
+ import { u as Je, c as se, a as ye, L as Q } from "../../combineHooksSlotProps-BtBYUV_B.js";
8
+ import { u as Me } from "../../useButton-Bn3MNH8I.js";
9
+ import { u as Te } from "../../useId-BW-oWmul.js";
10
+ import { u as We, a as Ge, C as Qe } from "../../useCompoundItem-B7Eo_qZk.js";
11
+ import { P as Xe } from "../../Popup-lLWZt2wk.js";
12
+ import { m as ve, h as Ye, l as Ze, u as et } from "../../useList-BpJT77u3.js";
12
13
  import { u as tt } from "../../useEnhancedEffect-CJGo-L3B.js";
13
14
  const ot = {
14
15
  border: 0,
@@ -844,7 +845,7 @@ const ht = (n) => {
844
845
  slots: { root: ze },
845
846
  slotProps: {
846
847
  listbox: { className: L.select__listbox },
847
- popup: { className: L.select__popup }
848
+ popup: { className: L.select__popup, strategy: "fixed" }
848
849
  },
849
850
  children: o
850
851
  }
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../clsx-DB4S2d7J.js";
4
4
  import "../Typography/Typography.js";
5
- import { S as e } from "../../SelectButton-C8JQKaf4.js";
5
+ import { S as e } from "../../SelectButton-CoOT2txy.js";
6
6
  export {
7
7
  e as SelectButton
8
8
  };
@@ -2,13 +2,13 @@ import '../../assets/Snackbar.css';
2
2
  import { jsx as E, jsxs as Y } from "react/jsx-runtime";
3
3
  import * as S from "react";
4
4
  import C, { useState as V, useRef as X } from "react";
5
- import { c as N } from "../../clsx-DB4S2d7J.js";
5
+ import { c as w } from "../../clsx-DB4S2d7J.js";
6
6
  import { Icon as K } from "../Icon/Icon.js";
7
- import { g as $, a as z, b as R, f as H, _ as j, c as U, P as n, d as J, e as Q } from "../../index-CH45lKw7.js";
7
+ import { g as $, a as z, b as R, f as H, _ as j, c as U, P as n, d as J, e as Q } from "../../useSlotProps-kRhf7Gil.js";
8
8
  import { u as Z } from "../../useTimeout-DxF9kiZL.js";
9
- import { u as I } from "../../useEventCallback-xTG9piMa.js";
10
- import { C as B } from "../../ClickAwayListener-BSW-Nd-y.js";
11
- import { R as P } from "../../index-CjW42-M-.js";
9
+ import { u as I } from "../../useEventCallback-BAQJJ3ye.js";
10
+ import { C as B } from "../../ClickAwayListener-BaJ-OV_7.js";
11
+ import { R as P } from "../../index-D3Wj0eid.js";
12
12
  const W = "Snackbar";
13
13
  function ee(u) {
14
14
  return $(W, u);
@@ -40,22 +40,22 @@ function te(u = {}) {
40
40
  });
41
41
  });
42
42
  S.useEffect(() => (t && p(s), o.clear), [t, s, p, o]);
43
- const h = (l) => {
43
+ const f = (l) => {
44
44
  r == null || r(l, "clickaway");
45
45
  }, d = o.clear, m = S.useCallback(() => {
46
46
  s != null && p(e ?? s * 0.5);
47
47
  }, [s, e, p]), y = (l) => (c) => {
48
- const f = l.onBlur;
49
- f == null || f(c), m();
50
- }, T = (l) => (c) => {
51
- const f = l.onFocus;
52
- f == null || f(c), d();
53
- }, k = (l) => (c) => {
54
- const f = l.onMouseEnter;
55
- f == null || f(c), d();
48
+ const h = l.onBlur;
49
+ h == null || h(c), m();
56
50
  }, O = (l) => (c) => {
57
- const f = l.onMouseLeave;
58
- f == null || f(c), m();
51
+ const h = l.onFocus;
52
+ h == null || h(c), d();
53
+ }, g = (l) => (c) => {
54
+ const h = l.onMouseEnter;
55
+ h == null || h(c), d();
56
+ }, N = (l) => (c) => {
57
+ const h = l.onMouseLeave;
58
+ h == null || h(c), m();
59
59
  };
60
60
  return S.useEffect(() => {
61
61
  if (!i && t)
@@ -71,12 +71,12 @@ function te(u = {}) {
71
71
  role: "presentation"
72
72
  }, l, c, {
73
73
  onBlur: y(c),
74
- onFocus: T(c),
75
- onMouseEnter: k(c),
76
- onMouseLeave: O(c)
74
+ onFocus: O(c),
75
+ onMouseEnter: g(c),
76
+ onMouseLeave: N(c)
77
77
  });
78
78
  },
79
- onClickAway: h
79
+ onClickAway: f
80
80
  };
81
81
  }
82
82
  const ne = ["autoHideDuration", "children", "disableWindowBlurListener", "exited", "onBlur", "onClose", "onFocus", "onMouseEnter", "onMouseLeave", "open", "resumeHideDuration", "slotProps", "slots"], oe = () => J({
@@ -89,37 +89,37 @@ const ne = ["autoHideDuration", "children", "disableWindowBlurListener", "exited
89
89
  exited: o = !0,
90
90
  onClose: a,
91
91
  open: p,
92
- resumeHideDuration: h,
92
+ resumeHideDuration: f,
93
93
  slotProps: d = {},
94
94
  slots: m = {}
95
- } = s, y = j(s, ne), T = oe(), {
96
- getRootProps: k,
97
- onClickAway: O
95
+ } = s, y = j(s, ne), O = oe(), {
96
+ getRootProps: g,
97
+ onClickAway: N
98
98
  } = te(R({}, s, {
99
99
  autoHideDuration: r,
100
100
  disableWindowBlurListener: e,
101
101
  onClose: a,
102
102
  open: p,
103
- resumeHideDuration: h
103
+ resumeHideDuration: f
104
104
  })), L = s, l = m.root || "div", c = U({
105
105
  elementType: l,
106
- getSlotProps: k,
106
+ getSlotProps: g,
107
107
  externalForwardedProps: y,
108
108
  externalSlotProps: d.root,
109
109
  additionalProps: {
110
110
  ref: i
111
111
  },
112
112
  ownerState: L,
113
- className: T.root
114
- }), f = U({
113
+ className: O.root
114
+ }), h = U({
115
115
  elementType: B,
116
116
  externalSlotProps: d.clickAwayListener,
117
117
  additionalProps: {
118
- onClickAway: O
118
+ onClickAway: N
119
119
  },
120
120
  ownerState: L
121
121
  });
122
- return delete f.ownerState, !p && o ? null : /* @__PURE__ */ E(B, R({}, f, {
122
+ return delete h.ownerState, !p && o ? null : /* @__PURE__ */ E(B, R({}, h, {
123
123
  children: /* @__PURE__ */ E(l, R({}, c, {
124
124
  children: t
125
125
  }))
@@ -228,20 +228,20 @@ process.env.NODE_ENV !== "production" && n.oneOfType([n.string, n.shape({
228
228
  const G = C.createContext(null);
229
229
  var ae = function(s) {
230
230
  return s.scrollTop;
231
- }, D = "unmounted", g = "exited", x = "entering", w = "entered", A = "exiting", b = /* @__PURE__ */ function(u) {
231
+ }, D = "unmounted", x = "exited", _ = "entering", T = "entered", A = "exiting", b = /* @__PURE__ */ function(u) {
232
232
  re(s, u);
233
233
  function s(r, t) {
234
234
  var e;
235
235
  e = u.call(this, r, t) || this;
236
236
  var o = t, a = o && !o.isMounting ? r.enter : r.appear, p;
237
- return e.appearStatus = null, r.in ? a ? (p = g, e.appearStatus = x) : p = w : r.unmountOnExit || r.mountOnEnter ? p = D : p = g, e.state = {
237
+ return e.appearStatus = null, r.in ? a ? (p = x, e.appearStatus = _) : p = T : r.unmountOnExit || r.mountOnEnter ? p = D : p = x, e.state = {
238
238
  status: p
239
239
  }, e.nextCallback = null, e;
240
240
  }
241
241
  s.getDerivedStateFromProps = function(t, e) {
242
242
  var o = t.in;
243
243
  return o && e.status === D ? {
244
- status: g
244
+ status: x
245
245
  } : null;
246
246
  };
247
247
  var i = s.prototype;
@@ -251,7 +251,7 @@ var ae = function(s) {
251
251
  var e = null;
252
252
  if (t !== this.props) {
253
253
  var o = this.state.status;
254
- this.props.in ? o !== x && o !== w && (e = x) : (o === x || o === w) && (e = A);
254
+ this.props.in ? o !== _ && o !== T && (e = _) : (o === _ || o === T) && (e = A);
255
255
  }
256
256
  this.updateStatus(!1, e);
257
257
  }, i.componentWillUnmount = function() {
@@ -265,7 +265,7 @@ var ae = function(s) {
265
265
  };
266
266
  }, i.updateStatus = function(t, e) {
267
267
  if (t === void 0 && (t = !1), e !== null)
268
- if (this.cancelNextCallback(), e === x) {
268
+ if (this.cancelNextCallback(), e === _) {
269
269
  if (this.props.unmountOnExit || this.props.mountOnEnter) {
270
270
  var o = this.props.nodeRef ? this.props.nodeRef.current : P.findDOMNode(this);
271
271
  o && ae(o);
@@ -274,27 +274,27 @@ var ae = function(s) {
274
274
  } else
275
275
  this.performExit();
276
276
  else
277
- this.props.unmountOnExit && this.state.status === g && this.setState({
277
+ this.props.unmountOnExit && this.state.status === x && this.setState({
278
278
  status: D
279
279
  });
280
280
  }, i.performEnter = function(t) {
281
- var e = this, o = this.props.enter, a = this.context ? this.context.isMounting : t, p = this.props.nodeRef ? [a] : [P.findDOMNode(this), a], h = p[0], d = p[1], m = this.getTimeouts(), y = a ? m.appear : m.enter;
281
+ var e = this, o = this.props.enter, a = this.context ? this.context.isMounting : t, p = this.props.nodeRef ? [a] : [P.findDOMNode(this), a], f = p[0], d = p[1], m = this.getTimeouts(), y = a ? m.appear : m.enter;
282
282
  if (!t && !o || F.disabled) {
283
283
  this.safeSetState({
284
- status: w
284
+ status: T
285
285
  }, function() {
286
- e.props.onEntered(h);
286
+ e.props.onEntered(f);
287
287
  });
288
288
  return;
289
289
  }
290
- this.props.onEnter(h, d), this.safeSetState({
291
- status: x
290
+ this.props.onEnter(f, d), this.safeSetState({
291
+ status: _
292
292
  }, function() {
293
- e.props.onEntering(h, d), e.onTransitionEnd(y, function() {
293
+ e.props.onEntering(f, d), e.onTransitionEnd(y, function() {
294
294
  e.safeSetState({
295
- status: w
295
+ status: T
296
296
  }, function() {
297
- e.props.onEntered(h, d);
297
+ e.props.onEntered(f, d);
298
298
  });
299
299
  });
300
300
  });
@@ -302,7 +302,7 @@ var ae = function(s) {
302
302
  var t = this, e = this.props.exit, o = this.getTimeouts(), a = this.props.nodeRef ? void 0 : P.findDOMNode(this);
303
303
  if (!e || F.disabled) {
304
304
  this.safeSetState({
305
- status: g
305
+ status: x
306
306
  }, function() {
307
307
  t.props.onExited(a);
308
308
  });
@@ -313,7 +313,7 @@ var ae = function(s) {
313
313
  }, function() {
314
314
  t.props.onExiting(a), t.onTransitionEnd(o.exit, function() {
315
315
  t.safeSetState({
316
- status: g
316
+ status: x
317
317
  }, function() {
318
318
  t.props.onExited(a);
319
319
  });
@@ -338,8 +338,8 @@ var ae = function(s) {
338
338
  return;
339
339
  }
340
340
  if (this.props.addEndListener) {
341
- var p = this.props.nodeRef ? [this.nextCallback] : [o, this.nextCallback], h = p[0], d = p[1];
342
- this.props.addEndListener(h, d);
341
+ var p = this.props.nodeRef ? [this.nextCallback] : [o, this.nextCallback], f = p[0], d = p[1];
342
+ this.props.addEndListener(f, d);
343
343
  }
344
344
  t != null && setTimeout(this.nextCallback, t);
345
345
  }, i.render = function() {
@@ -527,7 +527,7 @@ b.propTypes = process.env.NODE_ENV !== "production" ? {
527
527
  */
528
528
  onExited: n.func
529
529
  } : {};
530
- function _() {
530
+ function v() {
531
531
  }
532
532
  b.defaultProps = {
533
533
  in: !1,
@@ -536,42 +536,42 @@ b.defaultProps = {
536
536
  appear: !1,
537
537
  enter: !0,
538
538
  exit: !0,
539
- onEnter: _,
540
- onEntering: _,
541
- onEntered: _,
542
- onExit: _,
543
- onExiting: _,
544
- onExited: _
539
+ onEnter: v,
540
+ onEntering: v,
541
+ onEntered: v,
542
+ onExit: v,
543
+ onExiting: v,
544
+ onExited: v
545
545
  };
546
546
  b.UNMOUNTED = D;
547
- b.EXITED = g;
548
- b.ENTERING = x;
549
- b.ENTERED = w;
547
+ b.EXITED = x;
548
+ b.ENTERING = _;
549
+ b.ENTERED = T;
550
550
  b.EXITING = A;
551
- const ie = "_snackbar_1w4kg_56", ue = "_bottomToTop_1w4kg_1", v = {
552
- "u-typography-h1": "_u-typography-h1_1w4kg_1",
553
- "u-typography-h2": "_u-typography-h2_1w4kg_8",
554
- "u-typography-h3": "_u-typography-h3_1w4kg_15",
555
- "u-typography-h4": "_u-typography-h4_1w4kg_22",
556
- "u-typography-h5": "_u-typography-h5_1w4kg_29",
557
- "u-typography-h6": "_u-typography-h6_1w4kg_36",
558
- "u-typography-base": "_u-typography-base_1w4kg_43",
559
- "u-typography-base--xxl": "_u-typography-base--xxl_1w4kg_48",
560
- "u-typography-base--xl": "_u-typography-base--xl_1w4kg_52",
561
- "u-typography-base--lg": "_u-typography-base--lg_1w4kg_56",
562
- "snackbar--message": "_snackbar--message_1w4kg_56",
563
- "u-typography-base--sm": "_u-typography-base--sm_1w4kg_60",
564
- "u-typography-base--bold": "_u-typography-base--bold_1w4kg_64",
565
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1w4kg_67",
566
- "u-typography-base--underlined": "_u-typography-base--underlined_1w4kg_70",
567
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1w4kg_73",
551
+ const ie = "_snackbar_8hhue_57", ue = "_bottomToTop_8hhue_1", k = {
552
+ "u-typography-h1": "_u-typography-h1_8hhue_1",
553
+ "u-typography-h2": "_u-typography-h2_8hhue_8",
554
+ "u-typography-h3": "_u-typography-h3_8hhue_15",
555
+ "u-typography-h4": "_u-typography-h4_8hhue_22",
556
+ "u-typography-h5": "_u-typography-h5_8hhue_29",
557
+ "u-typography-h6": "_u-typography-h6_8hhue_36",
558
+ "u-typography-base": "_u-typography-base_8hhue_43",
559
+ "u-typography-base--xxl": "_u-typography-base--xxl_8hhue_49",
560
+ "u-typography-base--xl": "_u-typography-base--xl_8hhue_53",
561
+ "u-typography-base--lg": "_u-typography-base--lg_8hhue_57",
562
+ "snackbar--message": "_snackbar--message_8hhue_57",
563
+ "u-typography-base--sm": "_u-typography-base--sm_8hhue_61",
564
+ "u-typography-base--bold": "_u-typography-base--bold_8hhue_65",
565
+ "u-typography-base--strikethrough": "_u-typography-base--strikethrough_8hhue_68",
566
+ "u-typography-base--underlined": "_u-typography-base--underlined_8hhue_71",
567
+ "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_8hhue_74",
568
568
  snackbar: ie,
569
- "snackbar__snackbar-el-wrapper": "_snackbar__snackbar-el-wrapper_1w4kg_90",
570
- "snackbar--content": "_snackbar--content_1w4kg_95",
571
- "snackbar--success": "_snackbar--success_1w4kg_105",
572
- "snackbar--error": "_snackbar--error_1w4kg_108",
573
- "snackbar--warning": "_snackbar--warning_1w4kg_111",
574
- "snackbar--action": "_snackbar--action_1w4kg_121",
569
+ "snackbar__snackbar-el-wrapper": "_snackbar__snackbar-el-wrapper_8hhue_91",
570
+ "snackbar--content": "_snackbar--content_8hhue_96",
571
+ "snackbar--success": "_snackbar--success_8hhue_106",
572
+ "snackbar--error": "_snackbar--error_8hhue_109",
573
+ "snackbar--warning": "_snackbar--warning_8hhue_112",
574
+ "snackbar--action": "_snackbar--action_8hhue_122",
575
575
  bottomToTop: ue
576
576
  }, ye = ({
577
577
  snackbarMessage: u,
@@ -583,25 +583,25 @@ const ie = "_snackbar_1w4kg_56", ue = "_bottomToTop_1w4kg_1", v = {
583
583
  classNameWrapper: o,
584
584
  "data-testid": a
585
585
  }) => {
586
- const [p, h] = V(!0), d = X(null), m = {
586
+ const [p, f] = V(!0), d = X(null), m = {
587
587
  entering: "translateY(0)",
588
588
  entered: "translateY(0)",
589
589
  exiting: "translateY(80px)",
590
590
  exited: "translateY(80px)",
591
591
  unmounted: "translateY(80px)"
592
592
  }, y = () => {
593
- h(!1);
594
- }, T = () => {
595
- h(!0);
593
+ f(!1);
594
+ }, O = () => {
595
+ f(!0);
596
596
  };
597
- return /* @__PURE__ */ E("div", { className: N(v.snackbar, o), children: /* @__PURE__ */ E(
597
+ return /* @__PURE__ */ E("div", { className: w(k.snackbar, o), children: /* @__PURE__ */ E(
598
598
  q,
599
599
  {
600
600
  autoHideDuration: i,
601
601
  open: r,
602
- onClose: (k, O) => O !== "clickaway" && (t == null ? void 0 : t()),
602
+ onClose: (g, N) => N !== "clickaway" && (t == null ? void 0 : t()),
603
603
  exited: p,
604
- className: N(v["snackbar__snackbar-el-wrapper"]),
604
+ className: w(k["snackbar__snackbar-el-wrapper"]),
605
605
  children: /* @__PURE__ */ E(
606
606
  b,
607
607
  {
@@ -610,22 +610,22 @@ const ie = "_snackbar_1w4kg_56", ue = "_bottomToTop_1w4kg_1", v = {
610
610
  appear: !0,
611
611
  unmountOnExit: !0,
612
612
  onEnter: y,
613
- onExited: T,
613
+ onExited: O,
614
614
  onExit: e,
615
615
  nodeRef: d,
616
- children: (k) => /* @__PURE__ */ Y(
616
+ children: (g) => /* @__PURE__ */ Y(
617
617
  "div",
618
618
  {
619
- className: N(v["snackbar--content"], v[`snackbar--${s}`]),
619
+ className: w(k["snackbar--content"], k[`snackbar--${s}`]),
620
620
  style: {
621
- transform: m[k],
621
+ transform: m[g],
622
622
  transition: "transform 300ms ease"
623
623
  },
624
624
  ref: d,
625
625
  "data-testid": a,
626
626
  children: [
627
- /* @__PURE__ */ E("div", { className: N(v["snackbar--message"]), children: /* @__PURE__ */ E("p", { children: u }) }),
628
- /* @__PURE__ */ E("div", { className: N(v["snackbar--action"]), children: /* @__PURE__ */ E("a", { onClick: t, children: /* @__PURE__ */ E(K, { icon: "xmark", color: "var(--white-100)", size: "1.5rem" }) }) })
627
+ /* @__PURE__ */ E("div", { className: w(k["snackbar--message"]), children: /* @__PURE__ */ E("p", { children: u }) }),
628
+ /* @__PURE__ */ E("div", { className: w(k["snackbar--action"]), children: /* @__PURE__ */ E("a", { onClick: t, children: /* @__PURE__ */ E(K, { icon: "xmark", color: "var(--white-100)", size: "1.5rem" }) }) })
629
629
  ]
630
630
  }
631
631
  )
@@ -84,7 +84,7 @@ declare const meta: {
84
84
  results?: number | undefined;
85
85
  security?: string | undefined;
86
86
  unselectable?: "on" | "off" | undefined;
87
- inputMode?: "url" | "search" | "text" | "email" | "tel" | "none" | "numeric" | "decimal" | undefined;
87
+ inputMode?: "url" | "search" | "text" | "none" | "tel" | "email" | "numeric" | "decimal" | undefined;
88
88
  is?: string | undefined;
89
89
  "aria-activedescendant"?: string | undefined;
90
90
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
@@ -98,7 +98,7 @@ declare const meta: {
98
98
  "aria-colindextext"?: string | undefined;
99
99
  "aria-colspan"?: number | undefined;
100
100
  "aria-controls"?: string | undefined;
101
- "aria-current"?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
101
+ "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
102
102
  "aria-describedby"?: string | undefined;
103
103
  "aria-description"?: string | undefined;
104
104
  "aria-details"?: string | undefined;
@@ -134,7 +134,7 @@ declare const meta: {
134
134
  "aria-rowspan"?: number | undefined;
135
135
  "aria-selected"?: (boolean | "true" | "false") | undefined;
136
136
  "aria-setsize"?: number | undefined;
137
- "aria-sort"?: "none" | "other" | "ascending" | "descending" | undefined;
137
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
138
138
  "aria-valuemax"?: number | undefined;
139
139
  "aria-valuemin"?: number | undefined;
140
140
  "aria-valuenow"?: number | undefined;