@telefonica/mistica 15.16.4 → 15.17.0

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 (90) hide show
  1. package/css/mistica.css +1 -1
  2. package/css/roboto.css +102 -34
  3. package/dist/box.d.ts +1 -0
  4. package/dist/box.js +11 -10
  5. package/dist/chip.js +21 -22
  6. package/dist/dialog.js +53 -51
  7. package/dist/generated/mistica-icons/icon-box-star-filled.d.ts +4 -0
  8. package/dist/generated/mistica-icons/icon-box-star-filled.js +121 -0
  9. package/dist/generated/mistica-icons/icon-box-star-light.d.ts +4 -0
  10. package/dist/generated/mistica-icons/icon-box-star-light.js +117 -0
  11. package/dist/generated/mistica-icons/icon-box-star-regular.d.ts +4 -0
  12. package/dist/generated/mistica-icons/icon-box-star-regular.js +117 -0
  13. package/dist/generated/mistica-icons/icon-high-priority-filled.d.ts +4 -0
  14. package/dist/generated/mistica-icons/icon-high-priority-filled.js +111 -0
  15. package/dist/generated/mistica-icons/icon-high-priority-light.d.ts +4 -0
  16. package/dist/generated/mistica-icons/icon-high-priority-light.js +111 -0
  17. package/dist/generated/mistica-icons/icon-high-priority-regular.d.ts +4 -0
  18. package/dist/generated/mistica-icons/icon-high-priority-regular.js +111 -0
  19. package/dist/generated/mistica-icons/icon-mms-filled.d.ts +4 -0
  20. package/dist/generated/mistica-icons/icon-mms-filled.js +122 -0
  21. package/dist/generated/mistica-icons/icon-mms-light.d.ts +4 -0
  22. package/dist/generated/mistica-icons/icon-mms-light.js +134 -0
  23. package/dist/generated/mistica-icons/icon-mms-regular.d.ts +4 -0
  24. package/dist/generated/mistica-icons/icon-mms-regular.js +134 -0
  25. package/dist/generated/mistica-icons/icon-vivo-valoriza-filled.d.ts +4 -0
  26. package/dist/generated/mistica-icons/icon-vivo-valoriza-filled.js +111 -0
  27. package/dist/generated/mistica-icons/icon-vivo-valoriza-light.d.ts +4 -0
  28. package/dist/generated/mistica-icons/icon-vivo-valoriza-light.js +117 -0
  29. package/dist/generated/mistica-icons/icon-vivo-valoriza-regular.d.ts +4 -0
  30. package/dist/generated/mistica-icons/icon-vivo-valoriza-regular.js +117 -0
  31. package/dist/generated/mistica-icons/icons-keywords.js +31 -0
  32. package/dist/index.d.ts +12 -0
  33. package/dist/index.js +48 -0
  34. package/dist/list.d.ts +1 -0
  35. package/dist/list.js +163 -157
  36. package/dist/package-version.js +1 -1
  37. package/dist/select.js +103 -95
  38. package/dist/skins/blau.js +96 -8
  39. package/dist/skins/defaults.js +98 -10
  40. package/dist/skins/movistar.js +94 -6
  41. package/dist/skins/o2-new.js +95 -7
  42. package/dist/skins/o2.js +94 -6
  43. package/dist/skins/skin-contract.css-mistica.js +42 -10
  44. package/dist/skins/skin-contract.css.d.ts +32 -0
  45. package/dist/skins/telefonica.js +96 -8
  46. package/dist/skins/tu.js +94 -6
  47. package/dist/skins/types/index.d.ts +36 -28
  48. package/dist/skins/vivo-new.js +95 -7
  49. package/dist/skins/vivo.js +94 -6
  50. package/dist/snackbar.js +53 -51
  51. package/dist/theme-context-provider.js +91 -63
  52. package/dist/theme-context.css-mistica.js +452 -0
  53. package/dist/theme-context.css.d.ts +432 -0
  54. package/dist/theme-context.css.ts.vanilla.css-mistica.js +11 -0
  55. package/dist-es/box.js +17 -16
  56. package/dist-es/chip.js +47 -48
  57. package/dist-es/dialog.js +70 -68
  58. package/dist-es/generated/mistica-icons/icon-box-star-filled.js +112 -0
  59. package/dist-es/generated/mistica-icons/icon-box-star-light.js +108 -0
  60. package/dist-es/generated/mistica-icons/icon-box-star-regular.js +108 -0
  61. package/dist-es/generated/mistica-icons/icon-high-priority-filled.js +102 -0
  62. package/dist-es/generated/mistica-icons/icon-high-priority-light.js +102 -0
  63. package/dist-es/generated/mistica-icons/icon-high-priority-regular.js +102 -0
  64. package/dist-es/generated/mistica-icons/icon-mms-filled.js +113 -0
  65. package/dist-es/generated/mistica-icons/icon-mms-light.js +125 -0
  66. package/dist-es/generated/mistica-icons/icon-mms-regular.js +125 -0
  67. package/dist-es/generated/mistica-icons/icon-vivo-valoriza-filled.js +102 -0
  68. package/dist-es/generated/mistica-icons/icon-vivo-valoriza-light.js +108 -0
  69. package/dist-es/generated/mistica-icons/icon-vivo-valoriza-regular.js +108 -0
  70. package/dist-es/generated/mistica-icons/icons-keywords.js +31 -0
  71. package/dist-es/index.js +1563 -1551
  72. package/dist-es/list.js +225 -219
  73. package/dist-es/package-version.js +1 -1
  74. package/dist-es/select.js +146 -138
  75. package/dist-es/skins/blau.js +96 -8
  76. package/dist-es/skins/defaults.js +97 -9
  77. package/dist-es/skins/movistar.js +94 -6
  78. package/dist-es/skins/o2-new.js +95 -7
  79. package/dist-es/skins/o2.js +94 -6
  80. package/dist-es/skins/skin-contract.css-mistica.js +42 -10
  81. package/dist-es/skins/telefonica.js +98 -10
  82. package/dist-es/skins/tu.js +94 -6
  83. package/dist-es/skins/vivo-new.js +95 -7
  84. package/dist-es/skins/vivo.js +94 -6
  85. package/dist-es/snackbar.js +62 -60
  86. package/dist-es/style.css +1 -1
  87. package/dist-es/theme-context-provider.js +133 -105
  88. package/dist-es/theme-context.css-mistica.js +432 -0
  89. package/dist-es/theme-context.css.ts.vanilla.css-mistica.js +2 -0
  90. package/package.json +2 -3
package/dist-es/chip.js CHANGED
@@ -51,21 +51,20 @@ function _object_spread_props(target, source) {
51
51
  }
52
52
  return target;
53
53
  }
54
- import { jsxs as l, Fragment as x, jsx as t } from "react/jsx-runtime";
55
- import d from "classnames";
56
- import { useTheme as j } from "./hooks.js";
57
- import A from "./badge.js";
58
- import i from "./box.js";
59
- import { Text2 as D } from "./text.js";
60
- import V from "./generated/mistica-icons/icon-close-regular.js";
61
- import { pxToRem as o } from "./utils/css.js";
62
- import { iconActive as z, icon as L, chipVariants as m, chipWrapper as h, button as M, wrappedContent as F, chipInteractiveVariants as W } from "./chip.css-mistica.js";
54
+ import { jsxs as d, Fragment as C, jsx as t } from "react/jsx-runtime";
55
+ import m from "classnames";
56
+ import { useTheme as P } from "./hooks.js";
57
+ import x from "./badge.js";
58
+ import o from "./box.js";
59
+ import { Text2 as V } from "./text.js";
60
+ import z from "./generated/mistica-icons/icon-close-regular.js";
61
+ import { pxToRem as i } from "./utils/css.js";
62
+ import { iconActive as D, icon as L, chipVariants as h, chipWrapper as p, button as M, wrappedContent as F, chipInteractiveVariants as W } from "./chip.css-mistica.js";
63
63
  import { vars as $ } from "./skins/skin-contract.css-mistica.js";
64
- import { getPrefixedDataAttributes as q } from "./utils/dom.js";
65
- import { useThemeVariant as E } from "./theme-variant-context.js";
66
- import G, { BaseTouchable as H } from "./touchable.js";
67
- const J = (e)=>{
68
- const { Icon: n, children: R, id: T, dataAttributes: p, active: a, badge: r, onClose: s } = e, { texts: k, isDarkMode: I, textPresets: B } = j(), u = E() === "alternative", f = n ? {
64
+ import { useThemeVariant as q } from "./theme-variant-context.js";
65
+ import E, { BaseTouchable as G } from "./touchable.js";
66
+ const H = (e)=>{
67
+ const { Icon: n, children: A, id: R, dataAttributes: T, active: a, badge: r, onClose: s } = e, { texts: k, isDarkMode: I, textPresets: B } = P(), u = q() === "alternative", f = n ? {
69
68
  mobile: 16,
70
69
  desktop: 8
71
70
  } : {
@@ -77,75 +76,75 @@ const J = (e)=>{
77
76
  }, g = {
78
77
  mobile: 16,
79
78
  desktop: 8
80
- }, b = /* @__PURE__ */ l(x, {
79
+ }, b = /* @__PURE__ */ d(C, {
81
80
  children: [
82
- n && /* @__PURE__ */ t(i, {
81
+ n && /* @__PURE__ */ t(o, {
83
82
  paddingRight: 4,
84
- className: a ? z : L,
83
+ className: a ? D : L,
85
84
  children: /* @__PURE__ */ t(n, {
86
85
  color: "currentColor",
87
- size: o(16)
86
+ size: i(16)
88
87
  })
89
88
  }),
90
- /* @__PURE__ */ t(i, {
89
+ /* @__PURE__ */ t(o, {
91
90
  paddingRight: r ? 8 : s ? 4 : 0,
92
- children: /* @__PURE__ */ t(D, {
93
- id: T,
91
+ children: /* @__PURE__ */ t(V, {
92
+ id: R,
94
93
  weight: B.indicator.weight,
95
94
  truncate: 1,
96
95
  color: "currentColor",
97
- children: R
96
+ children: A
98
97
  })
99
98
  })
100
99
  ]
101
- });
102
- if (s) return /* @__PURE__ */ l(i, _object_spread_props(_object_spread({
103
- className: d(u ? m.overAlternative : m.default, h),
100
+ }), c = _object_spread({
101
+ "component-name": "Chip"
102
+ }, T);
103
+ if (s) return /* @__PURE__ */ d(o, {
104
+ className: m(u ? h.overAlternative : h.default, p),
104
105
  paddingLeft: f,
105
- paddingRight: g
106
- }, q(p, "Chip")), {
106
+ paddingRight: g,
107
+ dataAttributes: c,
107
108
  children: [
108
109
  b,
109
- /* @__PURE__ */ t(G, {
110
+ /* @__PURE__ */ t(E, {
110
111
  style: {
111
112
  display: "flex",
112
113
  justifyContent: "center",
113
114
  alignItems: "center",
114
- width: o(24),
115
- height: o(24)
115
+ width: i(24),
116
+ height: i(24)
116
117
  },
117
118
  "aria-label": k.closeButtonLabel,
118
119
  onPress: ()=>s(),
119
- children: /* @__PURE__ */ t(V, {
120
- size: o(16),
120
+ children: /* @__PURE__ */ t(z, {
121
+ size: i(16),
121
122
  color: $.colors.neutralMedium
122
123
  })
123
124
  })
124
125
  ]
125
- }));
126
- const c = e.href || e.onPress || e.to, y = a !== void 0 || c, v = _object_spread({
127
- "component-name": "Chip"
128
- }, p), N = ()=>r ? /* @__PURE__ */ t(x, {
129
- children: r === !0 ? /* @__PURE__ */ t(A, {}) : /* @__PURE__ */ t(A, {
126
+ });
127
+ const l = e.href || e.onPress || e.to, y = a !== void 0 || l, N = ()=>r ? /* @__PURE__ */ t(C, {
128
+ children: r === !0 ? /* @__PURE__ */ t(x, {}) : /* @__PURE__ */ t(x, {
130
129
  value: r
131
130
  })
132
- }) : null, C = (P)=>/* @__PURE__ */ l(i, {
133
- className: d(m[a ? "active" : u ? "overAlternative" : "default"], // If the chip is wrapped inside a BaseTouchable, we set inline-flex to the Touchable instead
134
- c ? F : h, {
131
+ }) : null, v = (j)=>/* @__PURE__ */ d(o, {
132
+ className: m(h[a ? "active" : u ? "overAlternative" : "default"], // If the chip is wrapped inside a BaseTouchable, we set inline-flex to the Touchable instead
133
+ l ? F : p, {
135
134
  [W[I ? "dark" : "light"]]: y
136
135
  }),
137
136
  paddingLeft: f,
138
137
  paddingRight: r ? g : w,
139
- dataAttributes: P,
138
+ dataAttributes: j,
140
139
  children: [
141
140
  b,
142
141
  N()
143
142
  ]
144
143
  });
145
- return c ? /* @__PURE__ */ t(H, _object_spread_props(_object_spread({}, e), {
146
- className: d(h, M),
147
- dataAttributes: v,
148
- children: C()
149
- })) : C(v);
150
- }, ot = J;
151
- export { ot as default };
144
+ return l ? /* @__PURE__ */ t(G, _object_spread_props(_object_spread({}, e), {
145
+ className: m(p, M),
146
+ dataAttributes: c,
147
+ children: v()
148
+ })) : v(c);
149
+ }, rt = H;
150
+ export { rt as default };
package/dist-es/dialog.js CHANGED
@@ -78,10 +78,10 @@ function _object_without_properties_loose(source, excluded) {
78
78
  }
79
79
  return target;
80
80
  }
81
- import { jsx as e, jsxs as w, Fragment as L } from "react/jsx-runtime";
82
- import * as o from "react";
81
+ import { jsx as e, jsxs as w, Fragment as O } from "react/jsx-runtime";
82
+ import * as n from "react";
83
83
  import E from "classnames";
84
- import { ButtonDanger as O, ButtonPrimary as S, ButtonSecondary as M } from "./button.js";
84
+ import { ButtonDanger as L, ButtonPrimary as S, ButtonSecondary as M } from "./button.js";
85
85
  import { Portal as _ } from "./portal.js";
86
86
  import j from "./focus-trap.js";
87
87
  import F from "./generated/mistica-icons/icon-close-regular.js";
@@ -95,12 +95,12 @@ import k from "./box.js";
95
95
  import { isRunningAcceptanceTest as H } from "./utils/platform.js";
96
96
  import { useSetModalStateEffect as J } from "./modal-context-provider.js";
97
97
  import Q from "./stack.js";
98
- import { ANIMATION_DURATION_MS as X, wrapper as Z, modalOpacityLayer as $, closedOpactityLayer as ee, modalContent as te, closedModalContent as oe, modalCloseButtonContainer as ne, variants as ae, iconContainer as re, dialogContent as ie, dialogActions as se } from "./dialog.css-mistica.js";
98
+ import { ANIMATION_DURATION_MS as X, wrapper as Z, modalOpacityLayer as $, closedOpactityLayer as ee, modalContent as te, closedModalContent as ne, modalCloseButtonContainer as oe, variants as ae, iconContainer as re, dialogContent as ie, dialogActions as se } from "./dialog.css-mistica.js";
99
99
  import { vars as le } from "./skins/skin-contract.css-mistica.js";
100
100
  const ce = ()=>process.env.NODE_ENV !== "test" && !H(), de = (t)=>{
101
- const { texts: i } = D(), { className: d, title: r, message: m, icon: n, extra: c, showCancelButton: s, showAcceptButton: l, cancelText: f = i.dialogCancelButton, acceptText: b = i.dialogAcceptButton, onCancel: g, onAccept: v, destructive: B = !1 } = t, u = t.type === "dialog", h = u && !!t.link || l || s, C = {
102
- onPress: v || (()=>{}),
103
- children: b,
101
+ const { texts: i } = D(), { className: d, title: r, message: f, icon: o, extra: c, showCancelButton: s, showAcceptButton: l, cancelText: g = i.dialogCancelButton, acceptText: m = i.dialogAcceptButton, onCancel: h, onAccept: C, destructive: B = !1 } = t, u = t.type === "dialog", p = u && !!t.link || l || s, y = {
102
+ onPress: C || (()=>{}),
103
+ children: m,
104
104
  // @deprecated - testid should be removed but many webapp tests depend on this
105
105
  dataAttributes: {
106
106
  testid: "dialog-accept-button"
@@ -109,11 +109,11 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !H(), de = (t)=>{
109
109
  return /* @__PURE__ */ w("div", {
110
110
  className: E(ae[u ? "dialog" : "default"], d),
111
111
  children: [
112
- n && /* @__PURE__ */ e(k, {
112
+ o && /* @__PURE__ */ e(k, {
113
113
  paddingBottom: 24,
114
114
  children: /* @__PURE__ */ e("div", {
115
115
  className: re,
116
- children: /*#__PURE__*/ o.cloneElement(n, {
116
+ children: /*#__PURE__*/ n.cloneElement(o, {
117
117
  size: "100%"
118
118
  })
119
119
  })
@@ -145,134 +145,136 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !H(), de = (t)=>{
145
145
  /* @__PURE__ */ e(q, {
146
146
  color: le.colors.textSecondary,
147
147
  regular: !0,
148
- children: m
148
+ children: f
149
149
  }),
150
150
  c
151
151
  ]
152
152
  })
153
153
  }),
154
- h && /* @__PURE__ */ e("div", {
154
+ p && /* @__PURE__ */ e("div", {
155
155
  className: se,
156
156
  children: /* @__PURE__ */ e(U, {
157
157
  link: u ? t.link : void 0,
158
- primaryButton: l ? B ? /* @__PURE__ */ e(O, _object_spread({
158
+ primaryButton: l ? B ? /* @__PURE__ */ e(L, _object_spread({
159
159
  tabIndex: 1
160
- }, C)) : /* @__PURE__ */ e(S, _object_spread({
160
+ }, y)) : /* @__PURE__ */ e(S, _object_spread({
161
161
  tabIndex: 1
162
- }, C)) : void 0,
162
+ }, y)) : void 0,
163
163
  secondaryButton: s ? /* @__PURE__ */ e(M, {
164
164
  tabIndex: 2,
165
- onPress: g || (()=>{}),
165
+ onPress: h || (()=>{}),
166
166
  dataAttributes: {
167
167
  testid: "dialog-cancel-button"
168
168
  },
169
- children: f
169
+ children: g
170
170
  }) : void 0
171
171
  })
172
172
  })
173
173
  ]
174
174
  });
175
175
  }, ue = (param)=>{
176
- let { type: t, message: i, title: d, acceptText: r, cancelText: m, onAccept: n, onCancel: c, onDestroy: s } = param;
176
+ let { type: t, message: i, title: d, acceptText: r, cancelText: f, onAccept: o, onCancel: c, onDestroy: s } = param;
177
177
  return t === "confirm" ? z({
178
178
  message: i,
179
179
  title: d,
180
- cancelText: m,
180
+ cancelText: f,
181
181
  acceptText: r
182
182
  }).then((l)=>{
183
- l ? n == null || n() : c == null || c(), s();
183
+ l ? o == null || o() : c == null || c(), s();
184
184
  }) : K({
185
185
  message: i,
186
186
  title: d,
187
187
  buttonText: r
188
188
  }).then(()=>{
189
- n == null || n(), s();
189
+ o == null || o(), s();
190
190
  });
191
191
  }, me = (param)=>{
192
- let { type: t, onAccept: i, onCancel: d, onDestroy: r, acceptText: m, cancelText: n, message: c, title: s } = param;
193
- const { texts: l } = D(), f = o.useRef({
192
+ let { type: t, onAccept: i, onCancel: d, onDestroy: r, acceptText: f, cancelText: o, message: c, title: s } = param;
193
+ const { texts: l } = D(), g = n.useRef({
194
194
  type: t,
195
195
  onAccept: i,
196
196
  onCancel: d,
197
197
  onDestroy: r,
198
- acceptText: m || l.dialogAcceptButton,
199
- cancelText: n || l.dialogCancelButton,
198
+ acceptText: f || l.dialogAcceptButton,
199
+ cancelText: o || l.dialogCancelButton,
200
200
  message: c,
201
201
  title: s
202
- });
203
- return o.useEffect(()=>{
204
- ue(f.current);
205
- }, []), /* @__PURE__ */ e(L, {});
202
+ }), m = n.useRef(!1);
203
+ return n.useEffect(()=>{
204
+ m.current || (m.current = !0, ue(g.current).finally(()=>{
205
+ m.current = !1;
206
+ }));
207
+ }, []), /* @__PURE__ */ e(O, {});
206
208
  }, Ie = (t)=>{
207
209
  J();
208
- const i = o.useRef(null), { texts: d } = D(), [r, m] = o.useState(!1), n = o.useRef(!1), c = o.useRef(!1), [s, l] = o.useState(!1), f = o.useRef(!1), b = o.useRef(ce() ? X : 0), g = t.type !== "dialog" && W(), v = t.type === "dialog", B = t.type === "alert", { onAccept: u, onCancel: h, onDestroy: C } = t, I = _object_without_properties(t, [
210
+ const i = n.useRef(null), { texts: d } = D(), [r, f] = n.useState(!1), o = n.useRef(!1), c = n.useRef(!1), [s, l] = n.useState(!1), g = n.useRef(!1), m = n.useRef(ce() ? X : 0), h = t.type !== "dialog" && W(), C = t.type === "dialog", B = t.type === "alert", { onAccept: u, onCancel: p, onDestroy: y } = t, I = _object_without_properties(t, [
209
211
  "onAccept",
210
212
  "onCancel",
211
213
  "onDestroy"
212
214
  ]);
213
- o.useEffect(()=>{
215
+ n.useEffect(()=>{
214
216
  const a = setTimeout(()=>{
215
- n.current || l(!0);
216
- }, b.current);
217
+ o.current || l(!0);
218
+ }, m.current);
217
219
  return ()=>{
218
220
  clearTimeout(a);
219
221
  };
220
222
  }, []);
221
- const x = o.useCallback(()=>{
222
- c.current || (c.current = !0, f.current ? u == null || u() : h == null || h(), C());
223
+ const x = n.useCallback(()=>{
224
+ c.current || (c.current = !0, g.current ? u == null || u() : p == null || p(), y());
223
225
  }, [
224
226
  u,
225
- h,
226
- C
227
- ]), R = o.useCallback(()=>{
227
+ p,
228
+ y
229
+ ]), R = n.useCallback(()=>{
228
230
  let a;
229
- return !n.current && s && (n.current = !0, l(!1), m(!0), a = setTimeout(x, b.current)), ()=>{
231
+ return !o.current && s && (o.current = !0, l(!1), f(!0), a = setTimeout(x, m.current)), ()=>{
230
232
  a && clearTimeout(a);
231
233
  };
232
234
  }, [
233
235
  x,
234
236
  s
235
- ]), N = o.useCallback(()=>{
236
- f.current = !0, R();
237
+ ]), N = n.useCallback(()=>{
238
+ g.current = !0, R();
237
239
  }, [
238
240
  R
239
- ]), y = o.useCallback(()=>{
240
- f.current = !1, R();
241
+ ]), b = n.useCallback(()=>{
242
+ g.current = !1, R();
241
243
  }, [
242
244
  R
243
- ]), p = o.useCallback(()=>{
244
- n.current || (B ? N() : y());
245
+ ]), v = n.useCallback(()=>{
246
+ o.current || (B ? N() : b());
245
247
  }, [
246
248
  N,
247
- y,
249
+ b,
248
250
  B
249
- ]), T = o.useCallback((a)=>{
250
- a.key === G && (a.stopPropagation(), a.preventDefault(), p());
251
+ ]), T = n.useCallback((a)=>{
252
+ a.key === G && (a.stopPropagation(), a.preventDefault(), v());
251
253
  }, [
252
- p
254
+ v
253
255
  ]);
254
- o.useEffect(()=>{
255
- if (!g) return document.addEventListener("keydown", T), ()=>{
256
+ n.useEffect(()=>{
257
+ if (!h) return document.addEventListener("keydown", T), ()=>{
256
258
  document.removeEventListener("keydown", T);
257
259
  };
258
260
  }, [
259
261
  T,
260
- g
261
- ]), o.useEffect(()=>{
262
- if (!g) return window.addEventListener("popstate", p), ()=>{
263
- window.removeEventListener("popstate", p);
262
+ h
263
+ ]), n.useEffect(()=>{
264
+ if (!h) return window.addEventListener("popstate", v), ()=>{
265
+ window.removeEventListener("popstate", v);
264
266
  };
265
267
  }, [
266
- p,
267
- g
268
+ v,
269
+ h
268
270
  ]);
269
- const P = o.useCallback((a)=>{
270
- a.stopPropagation(), v && y();
271
+ const P = n.useCallback((a)=>{
272
+ a.stopPropagation(), C && b();
271
273
  }, [
272
- v,
273
- y
274
+ C,
275
+ b
274
276
  ]);
275
- return g ? /* @__PURE__ */ e(me, _object_spread({}, t)) : /* @__PURE__ */ e(_, {
277
+ return h ? /* @__PURE__ */ e(me, _object_spread({}, t)) : /* @__PURE__ */ e(_, {
276
278
  className: Z,
277
279
  children: /* @__PURE__ */ e(j, {
278
280
  children: /* @__PURE__ */ e("div", {
@@ -289,19 +291,19 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !H(), de = (t)=>{
289
291
  children: /* @__PURE__ */ w("div", {
290
292
  ref: i,
291
293
  onAnimationEnd: (a)=>{
292
- a.target === i.current && (n.current || l(!0));
294
+ a.target === i.current && (o.current || l(!0));
293
295
  },
294
296
  onTransitionEnd: (a)=>{
295
- a.target === i.current && n.current && x();
297
+ a.target === i.current && o.current && x();
296
298
  },
297
299
  className: E(te, {
298
- [oe]: r
300
+ [ne]: r
299
301
  }),
300
302
  children: [
301
- v && /* @__PURE__ */ e("div", {
302
- className: ne,
303
+ C && /* @__PURE__ */ e("div", {
304
+ className: oe,
303
305
  children: /* @__PURE__ */ e(V, {
304
- onPress: p,
306
+ onPress: v,
305
307
  "aria-label": d.modalClose || d.closeButtonLabel,
306
308
  bleedLeft: !0,
307
309
  bleedRight: !0,
@@ -312,7 +314,7 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !H(), de = (t)=>{
312
314
  /* @__PURE__ */ e(de, _object_spread_props(_object_spread({}, I), {
313
315
  showAcceptButton: t.type !== "dialog" || !!t.onAccept,
314
316
  showCancelButton: t.type === "confirm" || t.type === "dialog" && !!t.onCancel,
315
- onCancel: y,
317
+ onCancel: b,
316
318
  onAccept: N
317
319
  }))
318
320
  ]
@@ -0,0 +1,112 @@
1
+ "use client";
2
+ function _define_property(obj, key, value) {
3
+ if (key in obj) {
4
+ Object.defineProperty(obj, key, {
5
+ value: value,
6
+ enumerable: true,
7
+ configurable: true,
8
+ writable: true
9
+ });
10
+ } else {
11
+ obj[key] = value;
12
+ }
13
+ return obj;
14
+ }
15
+ function _object_spread(target) {
16
+ for(var i = 1; i < arguments.length; i++){
17
+ var source = arguments[i] != null ? arguments[i] : {};
18
+ var ownKeys = Object.keys(source);
19
+ if (typeof Object.getOwnPropertySymbols === "function") {
20
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
21
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
22
+ }));
23
+ }
24
+ ownKeys.forEach(function(key) {
25
+ _define_property(target, key, source[key]);
26
+ });
27
+ }
28
+ return target;
29
+ }
30
+ function ownKeys(object, enumerableOnly) {
31
+ var keys = Object.keys(object);
32
+ if (Object.getOwnPropertySymbols) {
33
+ var symbols = Object.getOwnPropertySymbols(object);
34
+ if (enumerableOnly) {
35
+ symbols = symbols.filter(function(sym) {
36
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
37
+ });
38
+ }
39
+ keys.push.apply(keys, symbols);
40
+ }
41
+ return keys;
42
+ }
43
+ function _object_spread_props(target, source) {
44
+ source = source != null ? source : {};
45
+ if (Object.getOwnPropertyDescriptors) {
46
+ Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
47
+ } else {
48
+ ownKeys(Object(source)).forEach(function(key) {
49
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
50
+ });
51
+ }
52
+ return target;
53
+ }
54
+ function _object_without_properties(source, excluded) {
55
+ if (source == null) return {};
56
+ var target = _object_without_properties_loose(source, excluded);
57
+ var key, i;
58
+ if (Object.getOwnPropertySymbols) {
59
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
60
+ for(i = 0; i < sourceSymbolKeys.length; i++){
61
+ key = sourceSymbolKeys[i];
62
+ if (excluded.indexOf(key) >= 0) continue;
63
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
64
+ target[key] = source[key];
65
+ }
66
+ }
67
+ return target;
68
+ }
69
+ function _object_without_properties_loose(source, excluded) {
70
+ if (source == null) return {};
71
+ var target = {};
72
+ var sourceKeys = Object.keys(source);
73
+ var key, i;
74
+ for(i = 0; i < sourceKeys.length; i++){
75
+ key = sourceKeys[i];
76
+ if (excluded.indexOf(key) >= 0) continue;
77
+ target[key] = source[key];
78
+ }
79
+ return target;
80
+ }
81
+ import { jsxs as c, jsx as a } from "react/jsx-runtime";
82
+ import { useIsInverseVariant as i } from "../../theme-variant-context.js";
83
+ import { vars as r } from "../../skins/skin-contract.css-mistica.js";
84
+ const n = (_param)=>{
85
+ var { color: t, size: o = 24 } = _param, e = _object_without_properties(_param, [
86
+ "color",
87
+ "size"
88
+ ]);
89
+ const s = i(), l = t !== null && t !== void 0 ? t : s ? r.colors.inverse : r.colors.neutralHigh;
90
+ return /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
91
+ width: o,
92
+ height: o,
93
+ viewBox: "0 0 24 24",
94
+ role: "presentation"
95
+ }, e), {
96
+ children: [
97
+ /* @__PURE__ */ a("path", {
98
+ fill: l,
99
+ d: "M13.524 10.094a.84.84 0 0 0 .9-.052.9.9 0 0 0 .367-.892l-.265-1.64c-.02-.153-.016-.164.11-.29l1.104-1.112a.91.91 0 0 0 .212-.932.88.88 0 0 0-.698-.597l-1.569-.239c-.124-.018-.142-.042-.199-.149l-.704-1.487a.859.859 0 0 0-1.564 0l-.701 1.48c-.06.122-.089.136-.186.154l-1.585.24a.88.88 0 0 0-.697.598.91.91 0 0 0 .212.932l1.144 1.163c.077.08.1.112.073.24l-.27 1.64a.9.9 0 0 0 .366.89c.265.19.615.21.9.053l1.443-.791c.056-.036.103-.03.159-.003z"
100
+ }),
101
+ /* @__PURE__ */ a("path", {
102
+ fill: l,
103
+ d: "M8.26 7.403a.5.5 0 0 1-.263.657L5.474 9.14a.1.1 0 0 0 .001.185l6.439 2.689a.3.3 0 0 0 .23 0l6.435-2.687a.1.1 0 0 0 .001-.184L16.053 8.06a.5.5 0 0 1 .394-.92l3.5 1.5q.063.027.114.068l.019-.008.043.067a.5.5 0 0 1 .084.13l1.092 1.694a1 1 0 0 1-.433 1.455l-6.037 2.698a1 1 0 0 1-1.208-.313l-1.512-2.018a.1.1 0 0 0-.16 0l-1.511 2.018a1 1 0 0 1-1.209.313l-6.037-2.698a1 1 0 0 1-.432-1.455l1.07-1.66a.5.5 0 0 1 .123-.19l.026-.041.013.006a.5.5 0 0 1 .111-.066l3.5-1.5a.5.5 0 0 1 .657.263"
104
+ }),
105
+ /* @__PURE__ */ a("path", {
106
+ fill: l,
107
+ d: "m10.795 15.558.567-.96c.052-.088.186-.052.186.05v6.397a.5.5 0 0 1-.683.464L4.09 18.83a1 1 0 0 1-.632-.93v-4.422a.1.1 0 0 1 .14-.092l2.73 1.184 3.205 1.397a1 1 0 0 0 1.261-.409M13.264 15.558l-.568-.96c-.051-.088-.186-.052-.186.05v6.397a.5.5 0 0 0 .684.464l6.774-2.679a1 1 0 0 0 .632-.93v-4.422a.1.1 0 0 0-.14-.092L17.73 14.57l-3.205 1.397a1 1 0 0 1-1.26-.409"
108
+ })
109
+ ]
110
+ }));
111
+ }, h = n;
112
+ export { h as default };
@@ -0,0 +1,108 @@
1
+ "use client";
2
+ function _define_property(obj, key, value) {
3
+ if (key in obj) {
4
+ Object.defineProperty(obj, key, {
5
+ value: value,
6
+ enumerable: true,
7
+ configurable: true,
8
+ writable: true
9
+ });
10
+ } else {
11
+ obj[key] = value;
12
+ }
13
+ return obj;
14
+ }
15
+ function _object_spread(target) {
16
+ for(var i = 1; i < arguments.length; i++){
17
+ var source = arguments[i] != null ? arguments[i] : {};
18
+ var ownKeys = Object.keys(source);
19
+ if (typeof Object.getOwnPropertySymbols === "function") {
20
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
21
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
22
+ }));
23
+ }
24
+ ownKeys.forEach(function(key) {
25
+ _define_property(target, key, source[key]);
26
+ });
27
+ }
28
+ return target;
29
+ }
30
+ function ownKeys(object, enumerableOnly) {
31
+ var keys = Object.keys(object);
32
+ if (Object.getOwnPropertySymbols) {
33
+ var symbols = Object.getOwnPropertySymbols(object);
34
+ if (enumerableOnly) {
35
+ symbols = symbols.filter(function(sym) {
36
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
37
+ });
38
+ }
39
+ keys.push.apply(keys, symbols);
40
+ }
41
+ return keys;
42
+ }
43
+ function _object_spread_props(target, source) {
44
+ source = source != null ? source : {};
45
+ if (Object.getOwnPropertyDescriptors) {
46
+ Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
47
+ } else {
48
+ ownKeys(Object(source)).forEach(function(key) {
49
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
50
+ });
51
+ }
52
+ return target;
53
+ }
54
+ function _object_without_properties(source, excluded) {
55
+ if (source == null) return {};
56
+ var target = _object_without_properties_loose(source, excluded);
57
+ var key, i;
58
+ if (Object.getOwnPropertySymbols) {
59
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
60
+ for(i = 0; i < sourceSymbolKeys.length; i++){
61
+ key = sourceSymbolKeys[i];
62
+ if (excluded.indexOf(key) >= 0) continue;
63
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
64
+ target[key] = source[key];
65
+ }
66
+ }
67
+ return target;
68
+ }
69
+ function _object_without_properties_loose(source, excluded) {
70
+ if (source == null) return {};
71
+ var target = {};
72
+ var sourceKeys = Object.keys(source);
73
+ var key, i;
74
+ for(i = 0; i < sourceKeys.length; i++){
75
+ key = sourceKeys[i];
76
+ if (excluded.indexOf(key) >= 0) continue;
77
+ target[key] = source[key];
78
+ }
79
+ return target;
80
+ }
81
+ import { jsxs as e, jsx as a } from "react/jsx-runtime";
82
+ import { useIsInverseVariant as i } from "../../theme-variant-context.js";
83
+ import { vars as o } from "../../skins/skin-contract.css-mistica.js";
84
+ const n = (_param)=>{
85
+ var { color: r, size: l = 24 } = _param, t = _object_without_properties(_param, [
86
+ "color",
87
+ "size"
88
+ ]);
89
+ const s = i(), c = r !== null && r !== void 0 ? r : s ? o.colors.inverse : o.colors.neutralHigh;
90
+ return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
91
+ width: l,
92
+ height: l,
93
+ viewBox: "0 0 24 24",
94
+ role: "presentation"
95
+ }, t), {
96
+ children: [
97
+ /* @__PURE__ */ a("path", {
98
+ fill: c,
99
+ d: "M12 2.6c-.452 0-.853.261-1.045.67l-.579 1.221-1.283.195c-.436.066-.79.374-.929.79-.146.428-.037.902.28 1.224l.942.958-.223 1.359c-.074.45.106.903.483 1.17.358.257.83.282 1.213.07l1.142-.625 1.14.625h.001a1.14 1.14 0 0 0 1.214-.07c.375-.266.556-.719.483-1.17l-.22-1.368.94-.947.001-.002a1.2 1.2 0 0 0 .28-1.224 1.17 1.17 0 0 0-.93-.79l-1.284-.195-.579-1.222a1.16 1.16 0 0 0-1.046-.669m-.321 1.01a.352.352 0 0 1 .645.002l.62 1.31.005.008.004.007c.02.038.072.138.165.213.113.09.237.11.3.119l1.372.208c.129.02.243.111.291.254v.001a.4.4 0 0 1-.092.408l-.963.97-.009.009c-.04.04-.132.13-.178.25a.64.64 0 0 0-.024.32l.001.01.233 1.447a.39.39 0 0 1-.157.39.34.34 0 0 1-.363.021l-1.28-.702-.011-.005a.517.517 0 0 0-.51.02l-1.254.687a.34.34 0 0 1-.364-.02l-.002-.002a.39.39 0 0 1-.156-.389l.235-1.427a.6.6 0 0 0-.013-.324c-.041-.117-.12-.2-.15-.23l-.005-.005-1.005-1.02a.4.4 0 0 1-.093-.406l.002-.004a.37.37 0 0 1 .29-.253l1.395-.212.007-.001.005-.001a.6.6 0 0 0 .261-.111.7.7 0 0 0 .181-.24l.616-1.3z"
100
+ }),
101
+ /* @__PURE__ */ a("path", {
102
+ fill: c,
103
+ d: "m11.567 21.645-7.1-2.88c-.44-.18-.72-.59-.72-1.07v-4.4l-.75-.36a1.14 1.14 0 0 1-.49-1.63c1.22-1.98 1.33-2.05 1.48-2.1l3.38-1.38c.18-.07.38.01.46.19.07.18-.01.38-.19.46l-2.61 1.07 6.98 2.93 6.98-2.93-2.62-1.07a.345.345 0 0 1-.19-.46c.08-.18.28-.26.46-.19l3.4 1.38c.14.05.25.12 1.47 2.1a1.145 1.145 0 0 1-.49 1.63l-.75.36v4.4c0 .47-.28.89-.72 1.07l-7.1 2.88c-.14.06-.28.08-.43.08l-.01.01c-.15 0-.3-.03-.44-.09m.79-8.108v7.388l6.92-2.81c.17-.07.28-.23.28-.42v-4.08l-4.7 2.1c-.54.24-1.17.04-1.47-.48l-.79-1.37a3 3 0 0 0-.24-.328m-7.9.093v4.065c0 .18.11.35.28.42l6.92 2.81v-7.39c-.07.09-.16.21-.26.36l-.78 1.35c-.3.51-.93.72-1.47.48zm4.98 1.445c.21.09.46.02.57-.19l.79-1.37c.18-.26.33-.46.47-.61l-7.06-2.95c-.14.2-.45.67-1.1 1.72-.07.11-.08.23-.05.36.04.12.12.22.24.28l.95.45.01-.01zm3.76-1.57.8 1.39c.12.2.36.28.57.19l5.18-2.32.95-.45c.12-.06.2-.15.24-.28a.42.42 0 0 0-.05-.36c-.64-1.05-.95-1.52-1.1-1.72l-7.06 2.96h.01c.13.14.29.33.46.59"
104
+ })
105
+ ]
106
+ }));
107
+ }, f = n;
108
+ export { f as default };