@telefonica/mistica 14.15.0 → 14.16.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 (86) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/card.d.ts +3 -3
  3. package/dist/checkbox.css-mistica.js +4 -4
  4. package/dist/checkbox.js +10 -9
  5. package/dist/credit-card-number-field.js +22 -19
  6. package/dist/cvv-field.js +60 -47
  7. package/dist/date-time-picker.d.ts +10 -0
  8. package/dist/date-time-picker.js +54 -35
  9. package/dist/hooks.d.ts +1 -1
  10. package/dist/icons/icon-cvv-amex.d.ts +1 -0
  11. package/dist/icons/icon-cvv-amex.js +5 -4
  12. package/dist/icons/icon-cvv-visa-mc.d.ts +1 -0
  13. package/dist/icons/icon-cvv-visa-mc.js +7 -6
  14. package/dist/index.d.ts +1 -0
  15. package/dist/list.css-mistica.js +1 -1
  16. package/dist/list.js +90 -91
  17. package/dist/package-version.js +1 -1
  18. package/dist/radio-button.css-mistica.js +12 -12
  19. package/dist/radio-button.js +34 -33
  20. package/dist/search-field.js +8 -8
  21. package/dist/select.css-mistica.js +6 -6
  22. package/dist/select.js +145 -142
  23. package/dist/skins/blau.js +10 -0
  24. package/dist/skins/defaults.js +10 -0
  25. package/dist/skins/movistar-legacy.js +10 -0
  26. package/dist/skins/movistar.js +10 -0
  27. package/dist/skins/o2.js +10 -0
  28. package/dist/skins/telefonica.js +12 -2
  29. package/dist/skins/types/index.d.ts +10 -0
  30. package/dist/skins/vivo-new.js +10 -0
  31. package/dist/skins/vivo.js +10 -0
  32. package/dist/switch-component.css-mistica.js +9 -9
  33. package/dist/switch-component.js +16 -15
  34. package/dist/tabs.js +32 -28
  35. package/dist/text-field-base.js +44 -44
  36. package/dist/theme-context-provider.js +25 -24
  37. package/dist/theme.d.ts +5 -2
  38. package/dist/theme.js +73 -24
  39. package/dist/video.d.ts +7 -1
  40. package/dist/video.js +116 -76
  41. package/dist-es/checkbox.css-mistica.js +4 -4
  42. package/dist-es/checkbox.js +21 -20
  43. package/dist-es/credit-card-number-field.js +23 -20
  44. package/dist-es/cvv-field.js +74 -61
  45. package/dist-es/date-time-picker.js +66 -47
  46. package/dist-es/icons/icon-cvv-amex.js +5 -4
  47. package/dist-es/icons/icon-cvv-visa-mc.js +9 -8
  48. package/dist-es/list.css-mistica.js +1 -1
  49. package/dist-es/list.js +114 -115
  50. package/dist-es/package-version.js +1 -1
  51. package/dist-es/radio-button.css-mistica.js +6 -6
  52. package/dist-es/radio-button.js +38 -37
  53. package/dist-es/search-field.js +7 -7
  54. package/dist-es/select.css-mistica.js +5 -5
  55. package/dist-es/select.js +173 -170
  56. package/dist-es/skins/blau.js +10 -0
  57. package/dist-es/skins/defaults.js +10 -0
  58. package/dist-es/skins/movistar-legacy.js +10 -0
  59. package/dist-es/skins/movistar.js +10 -0
  60. package/dist-es/skins/o2.js +10 -0
  61. package/dist-es/skins/telefonica.js +12 -2
  62. package/dist-es/skins/vivo-new.js +10 -0
  63. package/dist-es/skins/vivo.js +10 -0
  64. package/dist-es/style.css +1 -1
  65. package/dist-es/switch-component.css-mistica.js +7 -7
  66. package/dist-es/switch-component.js +37 -36
  67. package/dist-es/tabs.js +49 -45
  68. package/dist-es/text-field-base.js +64 -64
  69. package/dist-es/theme-context-provider.js +56 -55
  70. package/dist-es/theme.js +69 -20
  71. package/dist-es/video.js +121 -81
  72. package/package.json +2 -2
  73. package/dist/cvv-field.css-mistica.js +0 -21
  74. package/dist/cvv-field.css.d.ts +0 -2
  75. package/dist/cvv-field.css.ts.vanilla.css-mistica.js +0 -11
  76. package/dist/icons/icon-creditcard.d.ts +0 -7
  77. package/dist/icons/icon-creditcard.js +0 -33
  78. package/dist/icons/icon-info-cvv.d.ts +0 -7
  79. package/dist/icons/icon-info-cvv.js +0 -26
  80. package/dist/icons/icon-search.d.ts +0 -7
  81. package/dist/icons/icon-search.js +0 -32
  82. package/dist-es/cvv-field.css-mistica.js +0 -4
  83. package/dist-es/cvv-field.css.ts.vanilla.css-mistica.js +0 -2
  84. package/dist-es/icons/icon-creditcard.js +0 -24
  85. package/dist-es/icons/icon-info-cvv.js +0 -17
  86. package/dist-es/icons/icon-search.js +0 -23
@@ -79,11 +79,11 @@ function _object_without_properties_loose(source, excluded) {
79
79
  }
80
80
  import { jsx as o, jsxs as y } from "react/jsx-runtime";
81
81
  import * as l from "react";
82
- import { useForm as j, useFieldProps as M } from "./form-context.js";
82
+ import { useForm as M, useFieldProps as j } from "./form-context.js";
83
83
  import { useTheme as D } from "./hooks.js";
84
84
  import { getCreditCardNumberLength as T, isAmericanExpress as I, isVisa as x, isMasterCard as A, isValidCreditCardNumber as L } from "./utils/credit-card.js";
85
85
  import { TextFieldBaseAutosuggest as O } from "./text-field-base.js";
86
- import V from "./icons/icon-creditcard.js";
86
+ import V from "./generated/mistica-icons/icon-credit-card-visa-regular.js";
87
87
  import U from "./icons/icon-visa.js";
88
88
  import _ from "./icons/icon-mastercard.js";
89
89
  import z from "./icons/icon-amex.js";
@@ -91,12 +91,13 @@ import { useRifm as P } from "rifm";
91
91
  import { createChangeEvent as $ } from "./utils/dom.js";
92
92
  import { combineRefs as q } from "./utils/common.js";
93
93
  import { flip as G, variants as H, flipFront as J, flipBack as K } from "./credit-card-number-field.css-mistica.js";
94
- const Q = (r)=>{
94
+ import { vars as Q } from "./skins/skin-contract.css-mistica.js";
95
+ const W = (r)=>{
95
96
  var t;
96
97
  const i = String(r !== null && r !== void 0 ? r : "").replace(/[^\d]/g, "");
97
98
  var _ref;
98
99
  return (_ref = (t = i.match(/.{1,4}/g)) == null ? void 0 : t.join(" ")) !== null && _ref !== void 0 ? _ref : i;
99
- }, W = (_param)=>{
100
+ }, X = (_param)=>{
100
101
  var { inputRef: r , value: i , defaultValue: t , onChange: e } = _param, a = _object_without_properties(_param, [
101
102
  "inputRef",
102
103
  "value",
@@ -109,7 +110,7 @@ const Q = (r)=>{
109
110
  f,
110
111
  e
111
112
  ]), d = P({
112
- format: Q,
113
+ format: W,
113
114
  value: u,
114
115
  onChange: p,
115
116
  accept: /[\d]+/g
@@ -122,14 +123,14 @@ const Q = (r)=>{
122
123
  value: d.value,
123
124
  ref: q(r, m)
124
125
  }));
125
- }, X = (r)=>x(r) ? /* @__PURE__ */ o(U, {}) : A(r) ? /* @__PURE__ */ o(_, {}) : I(r) ? /* @__PURE__ */ o(z, {}) : null, Y = {
126
+ }, Y = (r)=>x(r) ? /* @__PURE__ */ o(U, {}) : A(r) ? /* @__PURE__ */ o(_, {}) : I(r) ? /* @__PURE__ */ o(z, {}) : null, Z = {
126
127
  showBackface: !1,
127
128
  animationTarget: /* @__PURE__ */ o(V, {}),
128
129
  isAnimating: !1
129
- }, Z = (r, param)=>{
130
+ }, v = (r, param)=>{
130
131
  let { type: i , value: t } = param;
131
132
  if (i === "INPUT") {
132
- const e = X(t);
133
+ const e = Y(t);
133
134
  if (e && !r.showBackface) return {
134
135
  animationTarget: e,
135
136
  showBackface: !0,
@@ -147,9 +148,9 @@ const Q = (r)=>{
147
148
  return i === "TRANSITION_END" ? _object_spread_props(_object_spread({}, r), {
148
149
  isAnimating: !1
149
150
  }) : r;
150
- }, v = (param)=>{
151
+ }, rr = (param)=>{
151
152
  let { value: r } = param;
152
- const [{ showBackface: i , animationTarget: t , isAnimating: e }, a] = l.useReducer(Z, Y);
153
+ const [{ showBackface: i , animationTarget: t , isAnimating: e }, a] = l.useReducer(v, Z);
153
154
  return l.useEffect(()=>{
154
155
  a({
155
156
  type: "INPUT",
@@ -167,7 +168,9 @@ const Q = (r)=>{
167
168
  children: [
168
169
  /* @__PURE__ */ o("div", {
169
170
  className: J,
170
- children: /* @__PURE__ */ o(V, {})
171
+ children: /* @__PURE__ */ o(V, {
172
+ color: Q.colors.neutralMedium
173
+ })
171
174
  }),
172
175
  /* @__PURE__ */ o("div", {
173
176
  className: K,
@@ -176,7 +179,7 @@ const Q = (r)=>{
176
179
  ]
177
180
  })
178
181
  });
179
- }, rr = (_param)=>{
182
+ }, er = (_param)=>{
180
183
  var { disabled: r , error: i , helperText: t , name: e , optional: a , validate: c , onChange: N , onChangeValue: m , onBlur: f , acceptedCards: u = {
181
184
  americanExpress: !0,
182
185
  visa: !0,
@@ -196,10 +199,10 @@ const Q = (r)=>{
196
199
  "autoComplete",
197
200
  "defaultValue"
198
201
  ]);
199
- const { texts: E } = D(), { jumpToNext: F , rawValues: R , setFormError: S } = j(), h = (n, C)=>{
202
+ const { texts: E } = D(), { jumpToNext: R , rawValues: F , setFormError: S } = M(), h = (n, C)=>{
200
203
  const s = E.formCreditCardNumberError;
201
204
  return n ? I(n) && !u.americanExpress || x(n) && !u.visa || A(n) && !u.masterCard || !L(n) || T(n) !== n.length ? s : c == null ? void 0 : c(n, C) : a ? "" : E.formFieldErrorIsMandatory;
202
- }, b = (n)=>n.replace(/\s/g, ""), k = M({
205
+ }, b = (n)=>n.replace(/\s/g, ""), k = j({
203
206
  name: e,
204
207
  value: p,
205
208
  defaultValue: g,
@@ -223,14 +226,14 @@ const Q = (r)=>{
223
226
  B ? S({
224
227
  name: e,
225
228
  error: B
226
- }) : F(e);
229
+ }) : R(e);
227
230
  }
228
231
  },
229
- inputComponent: W,
232
+ inputComponent: X,
230
233
  autoComplete: d,
231
- endIcon: /* @__PURE__ */ o(v, {
232
- value: (_ref = p !== null && p !== void 0 ? p : R[e]) !== null && _ref !== void 0 ? _ref : ""
234
+ endIcon: /* @__PURE__ */ o(rr, {
235
+ value: (_ref = p !== null && p !== void 0 ? p : F[e]) !== null && _ref !== void 0 ? _ref : ""
233
236
  })
234
237
  }));
235
- }, pr = rr;
236
- export { pr as default };
238
+ }, hr = er;
239
+ export { hr as default };
@@ -77,56 +77,68 @@ function _object_without_properties_loose(source, excluded) {
77
77
  }
78
78
  return target;
79
79
  }
80
- import { jsx as r, jsxs as c, Fragment as A } from "react/jsx-runtime";
81
- import { useTheme as g } from "./hooks.js";
82
- import B from "./icons/icon-cvv-visa-mc.js";
83
- import w from "./icons/icon-cvv-amex.js";
84
- import b from "./tooltip.js";
85
- import $ from "./icon-button.js";
86
- import k from "./icons/icon-info-cvv.js";
87
- import { useForm as q, useFieldProps as D } from "./form-context.js";
88
- import { TextFieldBaseAutosuggest as G } from "./text-field-base.js";
89
- import { IntegerInput as H } from "./integer-field.js";
90
- import { tooltipContainer as C, cvvText as h } from "./cvv-field.css-mistica.js";
91
- const J = (param)=>{
92
- let { acceptedCards: o } = param;
93
- const { texts: e } = g();
94
- return /* @__PURE__ */ c(A, {
95
- children: [
96
- /* @__PURE__ */ c("div", {
97
- className: C,
80
+ import { jsx as r, Fragment as A, jsxs as c } from "react/jsx-runtime";
81
+ import { useTheme as h } from "./hooks.js";
82
+ import w from "./icons/icon-cvv-visa-mc.js";
83
+ import b from "./icons/icon-cvv-amex.js";
84
+ import k from "./tooltip.js";
85
+ import D from "./icon-button.js";
86
+ import N from "./generated/mistica-icons/icon-information-regular.js";
87
+ import { useForm as R, useFieldProps as S } from "./form-context.js";
88
+ import { TextFieldBaseAutosuggest as $ } from "./text-field-base.js";
89
+ import { IntegerInput as q } from "./integer-field.js";
90
+ import C from "./inline.js";
91
+ import G from "./stack.js";
92
+ import H from "./box.js";
93
+ import J from "./divider.js";
94
+ import g from "./text.js";
95
+ import { vars as K } from "./skins/skin-contract.css-mistica.js";
96
+ const O = (param)=>{
97
+ let { acceptedCards: t } = param;
98
+ const { texts: e } = h();
99
+ return /* @__PURE__ */ r(A, {
100
+ children: /* @__PURE__ */ r(H, {
101
+ padding: 8,
102
+ children: /* @__PURE__ */ c(G, {
103
+ space: 8,
98
104
  children: [
99
- /* @__PURE__ */ r(B, {
100
- size: 48,
101
- role: "img"
102
- }),
103
- /* @__PURE__ */ r("p", {
104
- className: h,
105
- children: e.formCreditCardCvvTooltipVisaMc
106
- })
107
- ]
108
- }),
109
- (o == null ? void 0 : o.americanExpress) && /* @__PURE__ */ c("div", {
110
- className: C,
111
- children: [
112
- /* @__PURE__ */ r(w, {
113
- size: 48,
114
- role: "img"
105
+ /* @__PURE__ */ c(C, {
106
+ space: 16,
107
+ alignItems: "center",
108
+ children: [
109
+ /* @__PURE__ */ r(w, {
110
+ size: 48,
111
+ role: "img"
112
+ }),
113
+ /* @__PURE__ */ r(g, {
114
+ children: e.formCreditCardCvvTooltipVisaMc
115
+ })
116
+ ]
115
117
  }),
116
- /* @__PURE__ */ r("p", {
117
- className: h,
118
- children: e.formCreditCardCvvTooltipAmex
118
+ /* @__PURE__ */ r(J, {}),
119
+ (t == null ? void 0 : t.americanExpress) && /* @__PURE__ */ c(C, {
120
+ space: 16,
121
+ alignItems: "center",
122
+ children: [
123
+ /* @__PURE__ */ r(b, {
124
+ size: 48,
125
+ role: "img"
126
+ }),
127
+ /* @__PURE__ */ r(g, {
128
+ children: e.formCreditCardCvvTooltipAmex
129
+ })
130
+ ]
119
131
  })
120
132
  ]
121
133
  })
122
- ]
134
+ })
123
135
  });
124
- }, K = (_param)=>{
125
- var { disabled: o , error: e , helperText: x , name: s , optional: f , validate: n , onChange: I , onChangeValue: T , onBlur: F , acceptedCards: y = {
136
+ }, Q = (_param)=>{
137
+ var { disabled: t , error: e , helperText: I , name: n , optional: f , validate: s , onChange: x , onChangeValue: T , onBlur: F , acceptedCards: y = {
126
138
  americanExpress: !0,
127
139
  visa: !0,
128
140
  masterCard: !0
129
- } , maxLength: m = 4 , value: E , autoComplete: N = "cc-csc" , defaultValue: V } = _param, j = _object_without_properties(_param, [
141
+ } , maxLength: m = 4 , value: E , autoComplete: M = "cc-csc" , defaultValue: V } = _param, j = _object_without_properties(_param, [
130
142
  "disabled",
131
143
  "error",
132
144
  "helperText",
@@ -142,36 +154,36 @@ const J = (param)=>{
142
154
  "autoComplete",
143
155
  "defaultValue"
144
156
  ]);
145
- const { texts: l } = g(), { setFormError: z , jumpToNext: M } = q(), p = (t, i)=>t ? t.length !== m ? l.formCreditCardCvvError : n == null ? void 0 : n(t, i) : f ? "" : l.formFieldErrorIsMandatory, a = (t)=>t, u = D({
146
- name: s,
157
+ const { texts: l } = h(), { setFormError: z , jumpToNext: B } = R(), p = (o, i)=>o ? o.length !== m ? l.formCreditCardCvvError : s == null ? void 0 : s(o, i) : f ? "" : l.formFieldErrorIsMandatory, a = (o)=>o, u = S({
158
+ name: n,
147
159
  value: E,
148
160
  defaultValue: V,
149
161
  processValue: a,
150
- helperText: x,
162
+ helperText: I,
151
163
  optional: f,
152
164
  error: e,
153
- disabled: o,
165
+ disabled: t,
154
166
  onBlur: F,
155
167
  validate: p,
156
- onChange: I,
168
+ onChange: x,
157
169
  onChangeValue: T
158
170
  });
159
- return /* @__PURE__ */ r(G, _object_spread_props(_object_spread({}, j, u), {
171
+ return /* @__PURE__ */ r($, _object_spread_props(_object_spread({}, j, u), {
160
172
  maxLength: m,
161
- onChange: (t)=>{
162
- u.onChange(t);
163
- const i = t.currentTarget.value, d = a(i);
173
+ onChange: (o)=>{
174
+ u.onChange(o);
175
+ const i = o.currentTarget.value, d = a(i);
164
176
  if (d.length === m) {
165
177
  const v = p(d, i);
166
178
  v ? z({
167
- name: s,
179
+ name: n,
168
180
  error: v
169
- }) : M(s);
181
+ }) : B(n);
170
182
  }
171
183
  },
172
- endIcon: /* @__PURE__ */ r(b, {
184
+ endIcon: /* @__PURE__ */ r(k, {
173
185
  position: "top",
174
- children: /* @__PURE__ */ r(J, {
186
+ children: /* @__PURE__ */ r(O, {
175
187
  acceptedCards: y
176
188
  }),
177
189
  targetLabel: l.formCreditCardCvvTooltipVisaMcButton,
@@ -180,7 +192,7 @@ const J = (param)=>{
180
192
  width: 16,
181
193
  height: 16
182
194
  },
183
- children: /* @__PURE__ */ r($, {
195
+ children: /* @__PURE__ */ r(D, {
184
196
  size: 40,
185
197
  style: {
186
198
  display: "flex",
@@ -191,14 +203,15 @@ const J = (param)=>{
191
203
  // (40 - 16) / 2
192
204
  top: -12
193
205
  },
194
- children: /* @__PURE__ */ r(k, {
195
- size: 20
206
+ children: /* @__PURE__ */ r(N, {
207
+ size: 16,
208
+ color: K.colors.neutralMedium
196
209
  })
197
210
  })
198
211
  })
199
212
  }),
200
- autoComplete: N,
201
- inputComponent: H
213
+ autoComplete: M,
214
+ inputComponent: q
202
215
  }));
203
- }, P = K;
204
- export { P as default };
216
+ }, lr = Q;
217
+ export { lr as default };
@@ -77,65 +77,84 @@ function _object_without_properties_loose(source, excluded) {
77
77
  }
78
78
  return target;
79
79
  }
80
- import { jsxs as R, Fragment as M, jsx as r } from "react/jsx-runtime";
80
+ import { jsxs as P, Fragment as R, jsx as r } from "react/jsx-runtime";
81
81
  import * as d from "react";
82
82
  import { TextFieldBaseAutosuggest as H } from "./text-field-base.js";
83
83
  import S from "./generated/mistica-icons/icon-calendar-regular.js";
84
- import I from "react-datetime";
85
- import B from "./overlay.js";
86
- import { DEFAULT_WIDTH as E } from "./text-field-components.css-mistica.js";
87
- import h from "./icon-button.js";
88
- import { cancelEvent as F, createChangeEvent as L } from "./utils/dom.js";
89
- import { useTheme as T, useElementDimensions as V } from "./hooks.js";
84
+ import F from "react-datetime";
85
+ import I from "./overlay.js";
86
+ import { DEFAULT_WIDTH as L } from "./text-field-components.css-mistica.js";
87
+ import g from "./icon-button.js";
88
+ import { cancelEvent as T, createChangeEvent as B } from "./utils/dom.js";
89
+ import { useTheme as E, useElementDimensions as V } from "./hooks.js";
90
90
  import Y from "./generated/mistica-icons/icon-close-regular.js";
91
91
  import { reactDatePicker as j } from "./date-time-picker.css-mistica.js";
92
92
  import { vars as z } from "./skins/skin-contract.css-mistica.js";
93
- const g = navigator.language.toLocaleLowerCase().split("-")[0];
94
- import(/* webpackChunkName: "moment-locale" */ `moment/locale/${g}`).finally(()=>{});
95
- const Z = (_param)=>{
96
- var { withTime: s , mode: l , isValidDate: y , optional: u } = _param, t = _object_without_properties(_param, [
93
+ import "moment/locale/es";
94
+ import "moment/locale/de";
95
+ import "moment/locale/pt-br";
96
+ import "moment/locale/en-gb";
97
+ const A = {
98
+ es: "es",
99
+ // spanish
100
+ ca: "es",
101
+ // catalan
102
+ eu: "es",
103
+ // euskera
104
+ gl: "es",
105
+ // gallego
106
+ de: "de",
107
+ // german
108
+ pt: "pt-br",
109
+ // portuguese
110
+ en: "en-gb"
111
+ }, O = (a)=>{
112
+ const i = a.toLocaleLowerCase().split("-")[0];
113
+ return A[i] || "en-gb";
114
+ }, ie = (_param)=>{
115
+ var { withTime: a , mode: i , isValidDate: h , optional: u } = _param, t = _object_without_properties(_param, [
97
116
  "withTime",
98
117
  "mode",
99
118
  "isValidDate",
100
119
  "optional"
101
120
  ]);
102
- const [m, x] = d.useState(!1), { texts: b } = T(), n = d.useRef(null), { height: v , ref: k } = V(), i = (e)=>{
103
- t.disabled || x(e);
104
- }, w = ()=>{
105
- var p;
106
- const { top: e = 0 , bottom: o = 0 , left: a = 0 } = ((p = n.current) == null ? void 0 : p.getBoundingClientRect()) || {}, P = 260 + o < window.innerHeight;
121
+ const [m, y] = d.useState(!1), { texts: x , i18n: { locale: b } } = E(), n = d.useRef(null), { height: k , ref: v } = V(), l = (e)=>{
122
+ t.disabled || y(e);
123
+ }, C = ()=>{
124
+ var f;
125
+ const { top: e = 0 , bottom: o = 0 , left: c = 0 } = ((f = n.current) == null ? void 0 : f.getBoundingClientRect()) || {}, M = 260 + o < window.innerHeight;
107
126
  return {
108
- width: E,
109
- top: P ? o : e - v,
110
- left: a,
127
+ width: L,
128
+ top: M ? o : e - k,
129
+ left: c,
111
130
  position: "absolute",
112
131
  borderRadius: z.borderRadii.input,
113
132
  overflow: "hidden",
114
133
  boxShadow: "0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12)"
115
134
  };
116
- }, c = ()=>{
135
+ }, s = ()=>{
117
136
  var o;
118
137
  const e = (o = n.current) == null ? void 0 : o.value;
119
138
  return e ? new Date(e) : void 0;
120
- }, C = (e)=>s ? e.format("yyyy-MM-DD HH:mm") : l === "year-month" ? e.format("yyyy-MM") : e.format("yyyy-MM-DD"), f = (e)=>{
121
- var a;
122
- const o = typeof e == "string" ? e : C(e);
123
- n.current && (n.current.focus(), (a = t.onChange) == null || a.call(t, L(n.current, o)));
124
- }, D = ()=>c() && u ? /* @__PURE__ */ r(h, {
125
- "aria-label": b.clearButton,
139
+ }, D = (e)=>a ? e.format("yyyy-MM-DD HH:mm") : i === "year-month" ? e.format("yyyy-MM") : e.format("yyyy-MM-DD"), p = (e)=>{
140
+ var c;
141
+ const o = typeof e == "string" ? e : D(e);
142
+ n.current && (n.current.focus(), (c = t.onChange) == null || c.call(t, B(n.current, o)));
143
+ }, w = ()=>s() && u ? /* @__PURE__ */ r(g, {
144
+ "aria-label": x.clearButton,
126
145
  size: 32,
127
146
  onPress: ()=>{
128
- f("");
147
+ p("");
129
148
  },
130
149
  children: /* @__PURE__ */ r(Y, {})
131
- }) : /* @__PURE__ */ r(h, {
150
+ }) : /* @__PURE__ */ r(g, {
132
151
  disabled: t.disabled,
133
152
  "aria-label": "",
134
153
  size: 32,
135
- onPress: ()=>i(!m),
154
+ onPress: ()=>l(!m),
136
155
  children: /* @__PURE__ */ r(S, {})
137
156
  });
138
- return /* @__PURE__ */ R(M, {
157
+ return /* @__PURE__ */ P(R, {
139
158
  children: [
140
159
  /* @__PURE__ */ r(H, _object_spread_props(_object_spread({}, t), {
141
160
  style: {
@@ -144,40 +163,40 @@ const Z = (_param)=>{
144
163
  required: !u,
145
164
  type: "text",
146
165
  autoComplete: "off",
147
- shrinkLabel: !!c(),
148
- endIcon: D(),
166
+ shrinkLabel: !!s(),
167
+ endIcon: w(),
149
168
  inputRef: (e)=>{
150
169
  var o;
151
170
  (o = t == null ? void 0 : t.inputRef) == null || o.call(t, e), n.current = e;
152
171
  },
153
172
  readOnly: !0,
154
- onKeyDown: ()=>i(!0),
173
+ onKeyDown: ()=>l(!0),
155
174
  onClick: ()=>{
156
- i(!0);
175
+ l(!0);
157
176
  }
158
177
  })),
159
- m && /* @__PURE__ */ r(B, {
178
+ m && /* @__PURE__ */ r(I, {
160
179
  onPress: (e)=>{
161
- F(e), i(!1);
180
+ T(e), l(!1);
162
181
  },
163
182
  disableScroll: !0,
164
183
  children: /* @__PURE__ */ r("div", {
165
- ref: k,
166
- style: w(),
184
+ ref: v,
185
+ style: C(),
167
186
  className: j,
168
- children: /* @__PURE__ */ r(I, {
169
- initialViewMode: l === "year-month" ? "months" : void 0,
170
- dateFormat: l === "year-month" ? "YYYY-MM" : void 0,
171
- timeFormat: s ? "HH:mm" : !1,
172
- initialValue: c(),
173
- locale: g,
187
+ children: /* @__PURE__ */ r(F, {
188
+ initialViewMode: i === "year-month" ? "months" : void 0,
189
+ dateFormat: i === "year-month" ? "YYYY-MM" : void 0,
190
+ timeFormat: a ? "HH:mm" : !1,
191
+ initialValue: s(),
192
+ locale: O(b),
174
193
  input: !1,
175
- onChange: f,
176
- isValidDate: y
194
+ onChange: p,
195
+ isValidDate: h
177
196
  })
178
197
  })
179
198
  })
180
199
  ]
181
200
  });
182
201
  };
183
- export { Z as default };
202
+ export { ie as default };
@@ -1,6 +1,7 @@
1
1
  import { jsx as h, jsxs as v } from "react/jsx-runtime";
2
+ import { vars as a } from "../skins/skin-contract.css-mistica.js";
2
3
  const l = (param)=>/* @__PURE__ */ {
3
- let { role: t = "presentation" , size: c = 48 } = param;
4
+ let { role: t = "presentation" , size: c = 48 , color: r } = param;
4
5
  return h("svg", {
5
6
  width: c,
6
7
  height: c,
@@ -10,7 +11,7 @@ const l = (param)=>/* @__PURE__ */ {
10
11
  flexShrink: 0
11
12
  },
12
13
  children: /* @__PURE__ */ v("g", {
13
- fill: "#00A9E0",
14
+ fill: r || a.colors.brand,
14
15
  children: [
15
16
  /* @__PURE__ */ h("path", {
16
17
  d: "M2.571 0H45.43C46.849 0 48 1.075 48 2.4v27.2c0 1.325-1.151 2.4-2.571 2.4H2.57C1.151 32 0 30.925 0 29.6V2.4C0 1.075 1.151 0 2.571 0zm0 1.2c-.71 0-1.285.537-1.285 1.2v27.2c0 .663.575 1.2 1.285 1.2H45.43c.71 0 1.285-.537 1.285-1.2V2.4c0-.663-.575-1.2-1.285-1.2H2.57z",
@@ -27,5 +28,5 @@ const l = (param)=>/* @__PURE__ */ {
27
28
  ]
28
29
  })
29
30
  });
30
- }, a = l;
31
- export { a as default };
31
+ }, s = l;
32
+ export { s as default };
@@ -1,16 +1,17 @@
1
- import { jsx as c, jsxs as h } from "react/jsx-runtime";
2
- const a = (param)=>/* @__PURE__ */ {
3
- let { role: v = "presentation" , size: t = 48 } = param;
1
+ import { jsx as c, jsxs as a } from "react/jsx-runtime";
2
+ import { vars as h } from "../skins/skin-contract.css-mistica.js";
3
+ const s = (param)=>/* @__PURE__ */ {
4
+ let { role: r = "presentation" , size: t = 48 , color: v } = param;
4
5
  return c("svg", {
5
6
  width: t,
6
7
  height: t,
7
8
  viewBox: "0 0 48 48",
8
- role: v,
9
+ role: r,
9
10
  style: {
10
11
  flexShrink: 0
11
12
  },
12
- children: /* @__PURE__ */ h("g", {
13
- fill: "#00A9E0",
13
+ children: /* @__PURE__ */ a("g", {
14
+ fill: v || h.colors.brand,
14
15
  children: [
15
16
  /* @__PURE__ */ c("path", {
16
17
  d: "M2.571 0H45.43C46.849 0 48 1.075 48 2.4v27.2c0 1.325-1.151 2.4-2.571 2.4H2.57C1.151 32 0 30.925 0 29.6V2.4C0 1.075 1.151 0 2.571 0zm0 1.2c-.71 0-1.285.537-1.285 1.2v27.2c0 .663.575 1.2 1.285 1.2H45.43c.71 0 1.285-.537 1.285-1.2V2.4c0-.663-.575-1.2-1.285-1.2H2.57z",
@@ -27,5 +28,5 @@ const a = (param)=>/* @__PURE__ */ {
27
28
  ]
28
29
  })
29
30
  });
30
- }, s = a;
31
- export { s as default };
31
+ }, l = s;
32
+ export { l as default };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./list.css.ts.vanilla.css-mistica.js";
3
- var _ = "_1y2v1nf64 _1y2v1nf6m _1y2v1nf6o", y = "_1y2v1nf6d _1y2v1nf9i _1y2v1nf8w _1y2v1nf6m", f = "_1y2v1nf64 _1y2v1nf6j", a = "_1y2v1nf64 _1y2v1nf8f _1y2v1nfa5", r = "_2buj9g0", o = "_1y2v1nf64 _1y2v1nf69", t = "_2buj9gi _1y2v1nf64", i = "_1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf66 _1y2v1nfaa _1y2v1nf5y _1y2v1nf7q _1y2v1nf85 _1y2v1nf6p", e = "_2buj9gk _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf66 _1y2v1nfaa _1y2v1nf5y _1y2v1nf7q _1y2v1nf85 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6o _1y2v1nf8g", d = "_2buj9g1", g = "_1y2v1nfar", u = "_2buj9gb", b = "_1y2v1nf64 _1y2v1nf6a _1y2v1nf6q", l = "_1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf8f _1y2v1nfaa _1y2v1nf5y";
3
+ var _ = "_1y2v1nf64 _1y2v1nf6m _1y2v1nf6o", y = "_1y2v1nf6d _1y2v1nf9i _1y2v1nf8w _1y2v1nf6m", f = "_1y2v1nf64 _1y2v1nf6j", a = "_1y2v1nf64 _1y2v1nf8f _1y2v1nfa5", r = "_2buj9g0", o = "_1y2v1nf64 _1y2v1nf69", t = "_2buj9gi _1y2v1nf64", i = "_1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nfaa _1y2v1nf5y _1y2v1nf7q _1y2v1nf85 _1y2v1nf66 _1y2v1nf6p", e = "_2buj9gk _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nfaa _1y2v1nf5y _1y2v1nf7q _1y2v1nf85 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6o _1y2v1nf8g _1y2v1nf8w", d = "_2buj9g1", g = "_1y2v1nfar", u = "_2buj9gb", b = "_1y2v1nf64 _1y2v1nf6a _1y2v1nf6q", l = "_1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf8f _1y2v1nfaa _1y2v1nf5y";
4
4
  export { _ as asset, y as badge, f as center, a as content, r as disabled, o as dualActionContainer, t as dualActionDivider, i as dualActionLeft, e as dualActionRight, d as hoverBackground, g as pointer, u as right, b as rowBody, l as rowContent };