@wix/form-elements 1.54.0 → 1.56.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 (102) hide show
  1. package/dist/component/{appointment-rac-DlOqbFoi.js → appointment-rac-C4eIt70i.js} +3 -3
  2. package/dist/component/{bookings-address-rac-CvK-P3df.js → bookings-address-rac-t0aisR7y.js} +1 -1
  3. package/dist/component/{bookings-email-rac-9BEPTuox.js → bookings-email-rac-DtW0jE78.js} +1 -1
  4. package/dist/component/{bookings-first-name-rac-BrU-BtPp.js → bookings-first-name-rac-D7Uyb0SF.js} +1 -1
  5. package/dist/component/{bookings-header-rac-8NCL7fxp.js → bookings-header-rac-DLatN3nf.js} +1 -1
  6. package/dist/component/{bookings-last-name-rac-DgLqZ1nS.js → bookings-last-name-rac-HOfS2wMV.js} +1 -1
  7. package/dist/component/{bookings-login-bar-rac-C2pzRMyt.js → bookings-login-bar-rac-DLJwEkcG.js} +1 -1
  8. package/dist/component/{bookings-phone-rac-BrPBAo8B.js → bookings-phone-rac-rPiC36da.js} +1 -1
  9. package/dist/component/{bookings-rich-text-rac-qpPsyIuc.js → bookings-rich-text-rac-J4W6jUQN.js} +1 -1
  10. package/dist/component/{checkbox-field-rac-CaloY2Hs.js → checkbox-field-rac-D6eL7Hla.js} +2 -2
  11. package/dist/component/{checkbox-group-field-headless-4HlJmarB.js → checkbox-group-field-headless-BvjW7srN.js} +3 -3
  12. package/dist/component/{checkbox-group-field-rac-B1tFZT3o.js → checkbox-group-field-rac-BVkCphC-.js} +1 -1
  13. package/dist/component/{checkbox-group-rac-C0SzN2Bx.js → checkbox-group-rac-DCaQQQEC.js} +1 -1
  14. package/dist/component/{checkbox-rac-ssJIVvZI.js → checkbox-rac-DSjAUtSU.js} +1 -1
  15. package/dist/component/{contacts-address-rac-Dwf4yrGq.js → contacts-address-rac-BVWVNios.js} +1 -1
  16. package/dist/component/{contacts-birthdate-rac-C195rG5w.js → contacts-birthdate-rac-BHeT6Crl.js} +1 -1
  17. package/dist/component/{contacts-company-rac-BHX6xZU8.js → contacts-company-rac-B4XFkB6m.js} +1 -1
  18. package/dist/component/{contacts-email-rac-CFY-m-r2.js → contacts-email-rac-BtTRIanK.js} +1 -1
  19. package/dist/component/{contacts-first-name-rac-D23QFUGK.js → contacts-first-name-rac-CELeQqYU.js} +1 -1
  20. package/dist/component/{contacts-last-name-rac-COuQB15p.js → contacts-last-name-rac-Z2FdhQqE.js} +1 -1
  21. package/dist/component/{contacts-phone-rac-BfhY_I7p.js → contacts-phone-rac-NPyCtPv5.js} +1 -1
  22. package/dist/component/{contacts-position-rac-D80_knc8.js → contacts-position-rac-CN0VSqvb.js} +1 -1
  23. package/dist/component/{contacts-subscribe-rac--NuPoBFm.js → contacts-subscribe-rac-UL4gzMer.js} +1 -1
  24. package/dist/component/{contacts-tax-id-rac-BURE313k.js → contacts-tax-id-rac-BjrgdVoC.js} +1 -1
  25. package/dist/component/{date-availability-BQyNH-7j.js → date-availability-BGo0gnJ2.js} +1 -1
  26. package/dist/component/{date-input-field-rac-BnFvhqe1.js → date-input-field-rac-DSXXht8a.js} +3 -3
  27. package/dist/component/{date-input-rac-TLkITFRh.js → date-input-rac-DONIbFl5.js} +1 -1
  28. package/dist/component/{date-picker-field-rac-BAFKYE1B.js → date-picker-field-rac-DDcW0nIL.js} +4 -4
  29. package/dist/component/{date-picker-rac-uBJQkALE.js → date-picker-rac-DMNw5bAQ.js} +1 -1
  30. package/dist/component/date-time-input-field-rac-Bsq2zsYH.js +422 -0
  31. package/dist/component/{date-time-input-rac-BxbWyK23.js → date-time-input-rac-m8B_lgV4.js} +1 -1
  32. package/dist/component/{dext-checkbox-group-rac-DnifcsEZ.js → dext-checkbox-group-rac-BkVowgvt.js} +2 -2
  33. package/dist/component/{dext-checkbox-rac-D45Ok0J4.js → dext-checkbox-rac-DaHhUKnS.js} +1 -1
  34. package/dist/component/{dext-date-picker-rac-Cs47jywn.js → dext-date-picker-rac-BwexXquv.js} +1 -1
  35. package/dist/component/{dext-date-time-input-rac-UPwXpk2g.js → dext-date-time-input-rac-Cd6RKAgP.js} +1 -1
  36. package/dist/component/{dext-dropdown-rac-D18mhUDU.js → dext-dropdown-rac-BH8T_z95.js} +1 -1
  37. package/dist/component/{dext-email-rac-B4frwTvA.js → dext-email-rac-BIhIzklL.js} +1 -1
  38. package/dist/component/{dext-number-input-rac-CoS-Fk59.js → dext-number-input-rac-DE4n6pBo.js} +1 -1
  39. package/dist/component/{dext-phone-rac-DwR0JLia.js → dext-phone-rac-DkH0asto.js} +1 -1
  40. package/dist/component/{dext-radio-group-rac-DogWvoUg.js → dext-radio-group-rac-JRD2gH9f.js} +2 -2
  41. package/dist/component/{dext-rating-input-rac-C4NxeIto.js → dext-rating-input-rac-DpHo2Kmb.js} +1 -1
  42. package/dist/component/{dext-tags-rac-DsEenrft.js → dext-tags-rac-BAPquPx5.js} +2 -2
  43. package/dist/component/{dext-text-area-rac-Du-FqTqW.js → dext-text-area-rac-dKvQA33d.js} +1 -1
  44. package/dist/component/{dext-text-input-rac-DUE8JE9b.js → dext-text-input-rac-CIA_iu-r.js} +1 -1
  45. package/dist/component/{dext-url-input-rac-Cn55pV9m.js → dext-url-input-rac-CA-mjuqh.js} +1 -1
  46. package/dist/component/{donation-rac-Cjk_hFm1.js → donation-rac-Jh_nNwme.js} +3 -3
  47. package/dist/component/{dropdown-field-headless-Dcy46MWj.js → dropdown-field-headless-cGvkxCIz.js} +3 -3
  48. package/dist/component/{dropdown-field-rac-rMMPzKxL.js → dropdown-field-rac-mbCaIlrI.js} +1 -1
  49. package/dist/component/{dropdown-rac-C6B8C8Yc.js → dropdown-rac-C7Be3hME.js} +1 -1
  50. package/dist/component/{ecom-address-rac-1wNixzip.js → ecom-address-rac-BKhZvf1-.js} +1 -1
  51. package/dist/component/{ecom-subscription-checkbox-rac-C5z68KHa.js → ecom-subscription-checkbox-rac-DISu-Ufh.js} +2 -2
  52. package/dist/component/{email-input-field-rac-C7Wn2XVU.js → email-input-field-rac-BEju3_Wf.js} +2 -2
  53. package/dist/component/{events-repeater-rac-DTv4JD79.js → events-repeater-rac-jq7T62xZ.js} +2 -2
  54. package/dist/component/{events-rsvp-rac-cS7Mb04F.js → events-rsvp-rac-vunHhzu_.js} +1 -1
  55. package/dist/component/{field-error-headless-Dm5UCOBb.js → field-error-headless-31R9XKKV.js} +1 -1
  56. package/dist/component/{field-label-headless-C7mDzdLq.js → field-label-headless-DBs3Gwiz.js} +1 -1
  57. package/dist/component/{file-upload-rac-DeZvh7dy.js → file-upload-rac-BWXx9HgM.js} +3 -3
  58. package/dist/component/{fixed-payment-rac-D7t5DjVp.js → fixed-payment-rac-BOvDrXXp.js} +3 -3
  59. package/dist/component/{form-DaOKiR16.js → form-D_xuITMd.js} +69 -69
  60. package/dist/component/form.css +1 -1
  61. package/dist/component/form.js +1 -1
  62. package/dist/component/{header-field-rac-hJSXllPm.js → header-field-rac-CKg9LK5c.js} +2 -2
  63. package/dist/component/{header-rac-G_lsddOd.js → header-rac-ColJJYXz.js} +1 -1
  64. package/dist/component/{image-choice-rac-BHyAKRDt.js → image-choice-rac-DPQCopA4.js} +3 -3
  65. package/dist/component/{index-CkCSQD3_.js → index-B83RLxoy.js} +4 -4
  66. package/dist/component/{index-CFW1VXFU.js → index-SGWDoqIr.js} +2 -2
  67. package/dist/component/{multiline-address-field-rac-CwLOzNF6.js → multiline-address-field-rac-D9YRBAkl.js} +3 -3
  68. package/dist/component/{multiline-address-rac-C4JXBlFC.js → multiline-address-rac-B1UaXPx-.js} +1 -1
  69. package/dist/component/{number-input-field-rac-BOeiugCV.js → number-input-field-rac-Cv5FMx5t.js} +3 -3
  70. package/dist/component/{number-input-rac-NqbFwW0d.js → number-input-rac-BCneWmh2.js} +1 -1
  71. package/dist/component/{password-rac-DxCYgvu_.js → password-rac-d_10jiJu.js} +3 -3
  72. package/dist/component/{payment-input-rac-C2aof0p0.js → payment-input-rac-DarTWRHc.js} +3 -3
  73. package/dist/component/{phone-input-field-rac-Cd7RFaoD.js → phone-input-field-rac-DP7hTDTZ.js} +3 -3
  74. package/dist/component/{phone-rac-4MQREqBG.js → phone-rac-CE71rDen.js} +1 -1
  75. package/dist/component/{product-list-rac-CjoepDQ_.js → product-list-rac-Dw64jUad.js} +3 -3
  76. package/dist/component/{quiz-radio-group-rac-CIwk7N3X.js → quiz-radio-group-rac-BVm7Z5xE.js} +1 -1
  77. package/dist/component/{radio-group-field-rac-DE2mnUHD.js → radio-group-field-rac-DU7SaFWp.js} +1 -1
  78. package/dist/component/{radio-group-field-rac.module-DEP9BCiX.js → radio-group-field-rac.module-GLJdPErb.js} +3 -3
  79. package/dist/component/{radio-group-rac-XE6CeGnp.js → radio-group-rac-Mq1tyU4h.js} +1 -1
  80. package/dist/component/{rating-input-field-rac-BzAAMipp.js → rating-input-field-rac--4Gj1m7I.js} +3 -3
  81. package/dist/component/{rating-input-rac-oIvpEVjK.js → rating-input-rac-BD1LX1lh.js} +1 -1
  82. package/dist/component/{rich-content-rac.module-cis7mx3M.js → rich-content-rac.module-CHVxu1Fe.js} +1 -1
  83. package/dist/component/{rich-text-field-rac-CqkM22CI.js → rich-text-field-rac-Bc0Ia1jl.js} +2 -2
  84. package/dist/component/{rich-text-rac-BKbz3TcX.js → rich-text-rac-BVDkj8fl.js} +1 -1
  85. package/dist/component/{service-dropdown-rac-CfCMbT9d.js → service-dropdown-rac-DKEEHNbq.js} +3 -3
  86. package/dist/component/{services-multi-choice-rac-F2h5gUOr.js → services-multi-choice-rac-CCp3Tybw.js} +3 -3
  87. package/dist/component/{signature-rac-CIRsmZhS.js → signature-rac-SsafjWxY.js} +3 -3
  88. package/dist/component/{submit-button-rac-BELGrClx.js → submit-button-rac-ClqcjS1o.js} +1 -1
  89. package/dist/component/{tags-field-rac-B6Hg2XOI.js → tags-field-rac-BcAUZftK.js} +3 -3
  90. package/dist/component/{tags-rac-Dfv8VP7J.js → tags-rac-CaYVLTOW.js} +1 -1
  91. package/dist/component/{text-area-field-rac-Bsd1V2Q3.js → text-area-field-rac-C-JFkhlU.js} +3 -3
  92. package/dist/component/{text-area-rac-BNVdI-Gq.js → text-area-rac-B_yoEavR.js} +1 -1
  93. package/dist/component/{text-input-field-rac-DF9dD_KW.js → text-input-field-rac-BvoyuAQA.js} +1 -1
  94. package/dist/component/{text-input-headless-Dlao2R8f.js → text-input-headless-C-y42fCc.js} +3 -3
  95. package/dist/component/{text-input-rac-C2p7E01b.js → text-input-rac-B4hCrFc4.js} +1 -1
  96. package/dist/component/time-input-rac-BTKqEeWa.js +155 -0
  97. package/dist/component/{url-input-field-rac-bCEOlctr.js → url-input-field-rac-Cv1_Ve6h.js} +3 -3
  98. package/dist/component/{url-input-rac-D5o8b9gx.js → url-input-rac-CVcW80LT.js} +1 -1
  99. package/dist/component/{use-service-options-base-DO5hy6mn.js → use-service-options-base-wU5O8FFI.js} +1 -1
  100. package/package.json +19 -19
  101. package/dist/component/date-time-input-field-rac-DnOkBj7w.js +0 -421
  102. package/dist/component/time-input-rac-90mLBZsX.js +0 -152
@@ -0,0 +1,422 @@
1
+ import { RicosViewer as ne } from "@wix/ricos/viewer";
2
+ import p from "classnames";
3
+ import t, { useMemo as T, useState as G, useCallback as w, useRef as q, useContext as re } from "react";
4
+ import { ag as g, ad as Q, aa as k, H as J, a0 as W, r as d, aq as O, a4 as K, K as oe, w as le, a7 as se, x as j, ai as z } from "./form-D_xuITMd.js";
5
+ import { parseTime as ie } from "@internationalized/date";
6
+ import { UNSAFE_PortalProvider as ce } from "react-aria";
7
+ import { ListBoxItem as me, ListBox as de, Select as ue, TextField as X, TimeField as pe, SelectValue as Ee, Input as Z, DateInput as fe, DateSegment as U, TimeFieldStateContext as he } from "react-aria-components";
8
+ import { f as u, a as R } from "./find-child-C60k4CxG.js";
9
+ import { g as be } from "./helpers-HmkkXrh2.js";
10
+ import { D as ge, E as Ie } from "./field-error-headless-31R9XKKV.js";
11
+ import { L as _e } from "./field-label-headless-DBs3Gwiz.js";
12
+ import { F as De } from "./fieldset-headless-CD3fds9J.js";
13
+ import { N as ye, S as Ne } from "./non-modal-popover-DtIMXHbe.js";
14
+ import { C as Le } from "./chevron-down-icon-CcpVm6B-.js";
15
+ import { E as Te } from "./error-icon-hZxQ6DEy.js";
16
+ import { H as Y } from "./custom-focus-class-_483Pkwp.js";
17
+ import { s as E } from "./field-rac.module-DAPTqFDM.js";
18
+ import { r as S, H as Oe, q as H, u as Fe, l as Pe, h as Ce } from "./form-element-classes-Bi-nNM8q.js";
19
+ const l = ({ children: e, className: a }) => {
20
+ const { id: n, required: o, onBlur: s, onFocus: r, FieldLayout: i } = g(), { inputId: m, labelId: c, ariaDescribedBy: h } = Q(), { regionalFormat: b } = k(), D = T(() => J(b).filter(W).map((M) => M.toUpperCase()), [
21
+ b
22
+ ]), C = u(e, l.Label), v = u(e, l.Description), L = u(e, l.Error), _ = {
23
+ [d.MONTH]: u(e, l.Month),
24
+ [d.DAY]: u(e, l.Day),
25
+ [d.YEAR]: u(e, l.Year)
26
+ }, y = u(e, l.Time);
27
+ return /* @__PURE__ */ t.createElement(i, {
28
+ fieldId: n,
29
+ renderLabel: () => R(C, {
30
+ as: "div"
31
+ }),
32
+ renderInput: () => /* @__PURE__ */ t.createElement(De, {
33
+ id: m,
34
+ ariaLabelledBy: c,
35
+ ariaDescribedBy: h,
36
+ required: o,
37
+ onBlur: s,
38
+ onFocus: r,
39
+ className: a
40
+ }, _[D[0]], _[D[1]], _[D[2]], y),
41
+ renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, L, v)
42
+ });
43
+ }, F = ({ children: e, className: a }) => {
44
+ const { disabled: n, readOnly: o, showDateLabels: s, hidePlaceholder: r } = g(), { labelId: i } = N(d.MONTH), { partValue: m, partError: c, onPartChange: h } = P(d.MONTH), { t: b } = O(), [D, C] = G(!1), [v, L] = G(null), _ = r ? void 0 : b("field.date.placeholder.month"), y = w((V) => {
45
+ o || h(typeof V == "string" ? V : "");
46
+ }, [
47
+ h,
48
+ o
49
+ ]), M = w((V) => {
50
+ C(V && !o);
51
+ }, [
52
+ o
53
+ ]), ee = u(e, F.Label), te = u(e, F.Trigger), ae = u(e, F.Options);
54
+ return /* @__PURE__ */ t.createElement("div", {
55
+ className: a,
56
+ "data-date-field": !0
57
+ }, s ? ee : null, /* @__PURE__ */ t.createElement("div", {
58
+ ref: L,
59
+ style: {
60
+ display: "contents"
61
+ }
62
+ }), /* @__PURE__ */ t.createElement(ce, {
63
+ getContainer: () => v
64
+ }, /* @__PURE__ */ t.createElement(ue, {
65
+ "aria-labelledby": s ? i : void 0,
66
+ value: m || null,
67
+ onChange: y,
68
+ isDisabled: n,
69
+ isInvalid: c,
70
+ placeholder: _,
71
+ isOpen: D,
72
+ onOpenChange: M
73
+ }, te, ae)));
74
+ }, Me = ({ className: e }) => /* @__PURE__ */ t.createElement($, {
75
+ datePart: d.MONTH,
76
+ className: e
77
+ }), Se = ({ children: e, className: a }) => {
78
+ const { id: n, readOnly: o } = g(), { inputId: s } = N(d.MONTH), { partError: r, isFirstPart: i } = P(d.MONTH), m = q(null);
79
+ return z(() => {
80
+ var c;
81
+ i && ((c = m.current) == null || c.focus());
82
+ }, n), /* @__PURE__ */ t.createElement(Ne, {
83
+ ref: m,
84
+ id: s,
85
+ className: a,
86
+ "data-hook": d.MONTH,
87
+ "data-invalid": r || void 0,
88
+ "data-readonly": o || void 0
89
+ }, /* @__PURE__ */ t.createElement(Ee, null), e);
90
+ }, B = ({ children: e, className: a }) => {
91
+ const { language: n } = k(), o = T(() => be(n), [
92
+ n
93
+ ]), s = u(e, B.Option) ?? /* @__PURE__ */ t.createElement(B.Option, null);
94
+ return /* @__PURE__ */ t.createElement(ye, {
95
+ className: a,
96
+ containerPadding: 0,
97
+ offset: 0
98
+ }, /* @__PURE__ */ t.createElement(de, null, o.map((r, i) => R(s, {
99
+ key: String(i + 1),
100
+ value: String(i + 1),
101
+ label: r
102
+ }))));
103
+ }, Re = ({ className: e, ...a }) => {
104
+ const { value: n, label: o } = a;
105
+ return /* @__PURE__ */ t.createElement(me, {
106
+ className: e,
107
+ id: n,
108
+ textValue: o
109
+ }, o);
110
+ };
111
+ F.Label = Me;
112
+ F.Trigger = Se;
113
+ F.Options = B;
114
+ B.Option = Re;
115
+ const A = ({ children: e, className: a }) => {
116
+ const { disabled: n, readOnly: o, showDateLabels: s } = g(), { labelId: r } = N(d.DAY), { partValue: i, partError: m, onPartChange: c } = P(d.DAY), h = u(e, A.Label), b = u(e, A.Input);
117
+ return /* @__PURE__ */ t.createElement("div", {
118
+ className: a,
119
+ "data-date-field": !0
120
+ }, s && h, /* @__PURE__ */ t.createElement(X, {
121
+ "aria-labelledby": s ? r : void 0,
122
+ value: i,
123
+ onChange: c,
124
+ isDisabled: n,
125
+ isReadOnly: o,
126
+ isInvalid: m
127
+ }, b));
128
+ }, Ae = ({ className: e }) => /* @__PURE__ */ t.createElement($, {
129
+ datePart: d.DAY,
130
+ className: e
131
+ }), xe = ({ className: e }) => {
132
+ const { id: a, hidePlaceholder: n } = g(), { inputId: o } = N(d.DAY), { isFirstPart: s } = P(d.DAY), { t: r } = O(), i = q(null), m = n ? void 0 : r("field.date.placeholder.day");
133
+ return z(() => {
134
+ var c;
135
+ s && ((c = i.current) == null || c.focus());
136
+ }, a), /* @__PURE__ */ t.createElement(Z, {
137
+ ref: i,
138
+ id: o,
139
+ className: e,
140
+ placeholder: m,
141
+ maxLength: 2,
142
+ inputMode: "numeric",
143
+ "data-hook": d.DAY
144
+ });
145
+ };
146
+ A.Label = Ae;
147
+ A.Input = xe;
148
+ const x = ({ children: e, className: a }) => {
149
+ const { disabled: n, readOnly: o, showDateLabels: s } = g(), { labelId: r } = N(d.YEAR), { partValue: i, partError: m, onPartChange: c } = P(d.YEAR), h = u(e, x.Label), b = u(e, x.Input);
150
+ return /* @__PURE__ */ t.createElement("div", {
151
+ className: a,
152
+ "data-date-field": !0
153
+ }, s && h, /* @__PURE__ */ t.createElement(X, {
154
+ "aria-labelledby": s ? r : void 0,
155
+ value: i,
156
+ onChange: c,
157
+ isDisabled: n,
158
+ isReadOnly: o,
159
+ isInvalid: m
160
+ }, b));
161
+ }, ve = ({ className: e }) => /* @__PURE__ */ t.createElement($, {
162
+ datePart: d.YEAR,
163
+ className: e
164
+ }), Ve = ({ className: e }) => {
165
+ const { id: a, hidePlaceholder: n } = g(), { inputId: o } = N(d.YEAR), { isFirstPart: s } = P(d.YEAR), { t: r } = O(), i = q(null), m = n ? void 0 : r("field.date.placeholder.year");
166
+ return z(() => {
167
+ var c;
168
+ s && ((c = i.current) == null || c.focus());
169
+ }, a), /* @__PURE__ */ t.createElement(Z, {
170
+ ref: i,
171
+ id: o,
172
+ className: e,
173
+ placeholder: m,
174
+ maxLength: 4,
175
+ inputMode: "numeric",
176
+ "data-hook": d.YEAR
177
+ });
178
+ };
179
+ x.Label = ve;
180
+ x.Input = Ve;
181
+ const I = ({ children: e, className: a }) => {
182
+ const { disabled: n, readOnly: o, use24HourFormat: s, showDateLabels: r } = g(), { labelId: i } = N("time"), { partValue: m, partError: c, onPartChange: h } = P("time"), b = u(e, I.Label), D = u(e, I.Input);
183
+ return /* @__PURE__ */ t.createElement("div", {
184
+ className: a,
185
+ "data-date-field": !0
186
+ }, r && b, /* @__PURE__ */ t.createElement(pe, {
187
+ "aria-labelledby": r ? i : void 0,
188
+ value: m,
189
+ onChange: h,
190
+ isDisabled: n,
191
+ isReadOnly: o,
192
+ isInvalid: c,
193
+ hourCycle: s ? 24 : 12
194
+ }, D));
195
+ }, Ye = ({ className: e }) => {
196
+ const { inputId: a, labelId: n } = N("time"), { t: o } = O(), s = o("field.date.label.time");
197
+ return /* @__PURE__ */ t.createElement("label", {
198
+ id: n,
199
+ htmlFor: a,
200
+ className: e
201
+ }, s);
202
+ }, He = ({ children: e, className: a }) => {
203
+ const n = u(e, I.Hour), o = u(e, I.Minute), s = u(e, I.Period);
204
+ return /* @__PURE__ */ t.createElement(fe, {
205
+ className: a,
206
+ "data-hook": "time"
207
+ }, (r) => {
208
+ switch (r.type) {
209
+ case "hour":
210
+ return R(n, {
211
+ segment: r
212
+ }) || /* @__PURE__ */ t.createElement(t.Fragment, null);
213
+ case "minute":
214
+ return R(o, {
215
+ segment: r
216
+ }) || /* @__PURE__ */ t.createElement(t.Fragment, null);
217
+ case "dayPeriod":
218
+ return R(s, {
219
+ segment: r
220
+ }) || /* @__PURE__ */ t.createElement(t.Fragment, null);
221
+ case "literal":
222
+ return /* @__PURE__ */ t.createElement(U, {
223
+ segment: r
224
+ });
225
+ default:
226
+ return /* @__PURE__ */ t.createElement(t.Fragment, null);
227
+ }
228
+ });
229
+ }, we = ({ className: e, ...a }) => {
230
+ const { hidePlaceholder: n } = g(), { segment: o } = a, { t: s } = O(), r = n ? void 0 : s("field.date.placeholder.hour");
231
+ return /* @__PURE__ */ t.createElement(U, {
232
+ segment: o,
233
+ className: e,
234
+ ...r && {
235
+ placeholder: r
236
+ }
237
+ });
238
+ }, Be = ({ className: e, ...a }) => {
239
+ const { hidePlaceholder: n } = g(), { segment: o } = a, { t: s } = O(), r = n ? void 0 : s("field.date.placeholder.minute");
240
+ return /* @__PURE__ */ t.createElement(U, {
241
+ segment: o,
242
+ className: e,
243
+ ...r && {
244
+ placeholder: r
245
+ }
246
+ });
247
+ }, ke = ({ className: e, ...a }) => {
248
+ const { hidePlaceholder: n } = g(), { segment: o } = a, { t: s } = O(), r = re(he), i = n ? void 0 : s("field.date.placeholder.period"), m = () => r == null ? void 0 : r.increment("dayPeriod");
249
+ return /* @__PURE__ */ t.createElement(U, {
250
+ segment: o,
251
+ className: e,
252
+ onClick: m,
253
+ ...i && {
254
+ placeholder: i
255
+ }
256
+ });
257
+ };
258
+ I.Label = Ye;
259
+ I.Input = He;
260
+ I.Hour = we;
261
+ I.Minute = Be;
262
+ I.Period = ke;
263
+ l.Label = _e;
264
+ l.Month = F;
265
+ l.Day = A;
266
+ l.Year = x;
267
+ l.Time = I;
268
+ l.Description = ge;
269
+ l.Error = Ie;
270
+ function N(e) {
271
+ const { inputId: a } = Q();
272
+ return T(() => {
273
+ const n = e.toLowerCase();
274
+ return {
275
+ inputId: `${a}-${n}-input`,
276
+ labelId: `${a}-${n}-label`
277
+ };
278
+ }, [
279
+ a,
280
+ e
281
+ ]);
282
+ }
283
+ function P(e) {
284
+ const { value: a, onChange: n, hasError: o = !1 } = g(), { regionalFormat: s } = k(), [r, i] = T(() => K(a ?? ""), [
285
+ a
286
+ ]), m = T(() => oe(o, a ?? ""), [
287
+ a,
288
+ o
289
+ ]), c = T(() => le(r), [
290
+ r
291
+ ]), h = T(() => Ue(i), [
292
+ i
293
+ ]), b = w((L) => {
294
+ const _ = qe(L), y = j(r, _);
295
+ n(y);
296
+ }, [
297
+ n,
298
+ r
299
+ ]), D = w((L) => {
300
+ const [, _] = K(a ?? ""), y = se(L, e, c), M = j(y, _);
301
+ n(M);
302
+ }, [
303
+ n,
304
+ a,
305
+ c,
306
+ e
307
+ ]), C = T(() => e === "time" ? !1 : J(s).filter(W).map((y) => y.toUpperCase())[0] === e, [
308
+ s,
309
+ e
310
+ ]);
311
+ return e === "time" ? {
312
+ partValue: h,
313
+ partError: m.TIME,
314
+ onPartChange: b,
315
+ isFirstPart: !1
316
+ } : {
317
+ partValue: c[e] || "",
318
+ partError: m[e],
319
+ onPartChange: D,
320
+ isFirstPart: C
321
+ };
322
+ }
323
+ function $({ datePart: e, className: a }) {
324
+ const { inputId: n, labelId: o } = N(e), { t: s } = O(), r = `field.date.label.${e.toLowerCase()}`, i = s(r);
325
+ return /* @__PURE__ */ t.createElement("label", {
326
+ id: o,
327
+ htmlFor: n,
328
+ className: a
329
+ }, i);
330
+ }
331
+ function Ue(e) {
332
+ if (!e)
333
+ return null;
334
+ try {
335
+ return ie(e);
336
+ } catch {
337
+ return null;
338
+ }
339
+ }
340
+ function qe(e) {
341
+ if (!e)
342
+ return null;
343
+ const a = String(e.hour).padStart(2, "0"), n = String(e.minute).padStart(2, "0"), o = String(e.second).padStart(2, "0");
344
+ return [
345
+ a,
346
+ n,
347
+ o
348
+ ].join(":");
349
+ }
350
+ const ze = "_fields_1x5em_1", $e = "_month_1x5em_10", Ge = "_day_1x5em_11", Ke = "_year_1x5em_12", je = "_timeGroup_1x5em_13", Qe = "_mobile_1x5em_32", Je = "_dayInput_1x5em_45", We = "_yearInput_1x5em_46", Xe = "_monthTrigger_1x5em_50", Ze = "_monthOption_1x5em_70", et = "_time_1x5em_13", tt = "_hour_1x5em_89", at = "_minute_1x5em_90", nt = "_period_1x5em_91", f = {
351
+ fields: ze,
352
+ month: $e,
353
+ day: Ge,
354
+ year: Ke,
355
+ timeGroup: je,
356
+ mobile: Qe,
357
+ dayInput: Je,
358
+ yearInput: We,
359
+ monthTrigger: Xe,
360
+ monthOption: Ze,
361
+ time: et,
362
+ hour: tt,
363
+ minute: at,
364
+ period: nt
365
+ }, rt = ({ content: e, locale: a }) => /* @__PURE__ */ t.createElement(ne, {
366
+ content: e,
367
+ locale: a
368
+ }), Nt = () => {
369
+ const { isMobile: e } = k();
370
+ return /* @__PURE__ */ t.createElement(l, {
371
+ className: p(f.fields, {
372
+ [f.mobile]: e
373
+ })
374
+ }, /* @__PURE__ */ t.createElement(l.Label, {
375
+ className: p(S, E.label)
376
+ }, /* @__PURE__ */ t.createElement(l.Label.Required, {
377
+ className: p(Oe, E.requiredMark)
378
+ })), /* @__PURE__ */ t.createElement(l.Month, {
379
+ className: f.month
380
+ }, /* @__PURE__ */ t.createElement(l.Month.Label, {
381
+ className: p(S, E.label)
382
+ }), /* @__PURE__ */ t.createElement(l.Month.Trigger, {
383
+ className: p(H, E.input, f.monthTrigger)
384
+ }, /* @__PURE__ */ t.createElement(Le, {
385
+ className: E.dropdownIcon
386
+ })), /* @__PURE__ */ t.createElement(l.Month.Options, {
387
+ className: p(Fe, E.selectPopover, E.dropdownPopover)
388
+ }, /* @__PURE__ */ t.createElement(l.Month.Options.Option, {
389
+ className: p(E.selectOption, f.monthOption, Y)
390
+ }))), /* @__PURE__ */ t.createElement(l.Day, {
391
+ className: f.day
392
+ }, /* @__PURE__ */ t.createElement(l.Day.Label, {
393
+ className: p(S, E.label)
394
+ }), /* @__PURE__ */ t.createElement(l.Day.Input, {
395
+ className: p(H, E.input, f.dayInput)
396
+ })), /* @__PURE__ */ t.createElement(l.Year, {
397
+ className: f.year
398
+ }, /* @__PURE__ */ t.createElement(l.Year.Label, {
399
+ className: p(S, E.label)
400
+ }), /* @__PURE__ */ t.createElement(l.Year.Input, {
401
+ className: p(H, E.input, f.yearInput)
402
+ })), /* @__PURE__ */ t.createElement(l.Time, {
403
+ className: f.timeGroup
404
+ }, /* @__PURE__ */ t.createElement(l.Time.Label, {
405
+ className: p(S, E.label)
406
+ }), /* @__PURE__ */ t.createElement(l.Time.Input, {
407
+ className: p(H, E.input, f.time)
408
+ }, /* @__PURE__ */ t.createElement(l.Time.Hour, {
409
+ className: p(f.hour, Y)
410
+ }), /* @__PURE__ */ t.createElement(l.Time.Minute, {
411
+ className: p(f.minute, Y)
412
+ }), /* @__PURE__ */ t.createElement(l.Time.Period, {
413
+ className: p(f.period, Y)
414
+ }))), /* @__PURE__ */ t.createElement(l.Error, {
415
+ className: p(Pe, E.error)
416
+ }, /* @__PURE__ */ t.createElement(Te, null), /* @__PURE__ */ t.createElement(l.Error.Text, null)), /* @__PURE__ */ t.createElement(l.Description, {
417
+ className: p(Ce, E.description)
418
+ }, rt));
419
+ };
420
+ export {
421
+ Nt as D
422
+ };
@@ -1,5 +1,5 @@
1
1
  import e from "react";
2
- import { D as t } from "./date-time-input-field-rac-DnOkBj7w.js";
2
+ import { D as t } from "./date-time-input-field-rac-Bsq2zsYH.js";
3
3
  const n = () => /* @__PURE__ */ e.createElement(t, null);
4
4
  export {
5
5
  n as DateTimeInputRAC
@@ -1,6 +1,6 @@
1
1
  import o from "react";
2
- import { ag as e, h as t } from "./form-DaOKiR16.js";
3
- import { C as p } from "./checkbox-group-field-rac-B1tFZT3o.js";
2
+ import { ag as e, h as t } from "./form-D_xuITMd.js";
3
+ import { C as p } from "./checkbox-group-field-rac-BVkCphC-.js";
4
4
  import { D as s } from "./default-limits-D7qVv_Hv.js";
5
5
  const C = () => {
6
6
  const r = {
@@ -1,5 +1,5 @@
1
1
  import e from "react";
2
- import { C as t } from "./checkbox-field-rac-CaloY2Hs.js";
2
+ import { C as t } from "./checkbox-field-rac-D6eL7Hla.js";
3
3
  const c = () => /* @__PURE__ */ e.createElement(t, null);
4
4
  export {
5
5
  c as DextCheckboxRAC
@@ -1,5 +1,5 @@
1
1
  import e from "react";
2
- import { D as t } from "./date-picker-field-rac-BAFKYE1B.js";
2
+ import { D as t } from "./date-picker-field-rac-DDcW0nIL.js";
3
3
  const a = () => /* @__PURE__ */ e.createElement(t, null);
4
4
  export {
5
5
  a as DextDatePickerRAC
@@ -1,5 +1,5 @@
1
1
  import e from "react";
2
- import { D as t } from "./date-time-input-field-rac-DnOkBj7w.js";
2
+ import { D as t } from "./date-time-input-field-rac-Bsq2zsYH.js";
3
3
  const n = () => /* @__PURE__ */ e.createElement(t, null);
4
4
  export {
5
5
  n as DextDateTimeInputRAC
@@ -1,5 +1,5 @@
1
1
  import o from "react";
2
- import { D as r } from "./dropdown-field-rac-rMMPzKxL.js";
2
+ import { D as r } from "./dropdown-field-rac-mbCaIlrI.js";
3
3
  const n = () => /* @__PURE__ */ o.createElement(r, null);
4
4
  export {
5
5
  n as DextDropdownRAC
@@ -1,5 +1,5 @@
1
1
  import t from "react";
2
- import { E as e } from "./email-input-field-rac-C7Wn2XVU.js";
2
+ import { E as e } from "./email-input-field-rac-BEju3_Wf.js";
3
3
  const l = () => /* @__PURE__ */ t.createElement(e, null);
4
4
  export {
5
5
  l as DextEmailRAC
@@ -1,5 +1,5 @@
1
1
  import e from "react";
2
- import { N as t } from "./number-input-field-rac-BOeiugCV.js";
2
+ import { N as t } from "./number-input-field-rac-Cv5FMx5t.js";
3
3
  const n = () => /* @__PURE__ */ e.createElement(t, null);
4
4
  export {
5
5
  n as DextNumberInputRAC
@@ -1,5 +1,5 @@
1
1
  import e from "react";
2
- import { P as t } from "./phone-input-field-rac-Cd7RFaoD.js";
2
+ import { P as t } from "./phone-input-field-rac-DP7hTDTZ.js";
3
3
  const r = () => /* @__PURE__ */ e.createElement(t, null);
4
4
  export {
5
5
  r as DextPhoneRAC
@@ -1,6 +1,6 @@
1
1
  import r from "react";
2
- import { ag as e, h as t } from "./form-DaOKiR16.js";
3
- import { R as p } from "./radio-group-field-rac-DE2mnUHD.js";
2
+ import { ag as e, h as t } from "./form-D_xuITMd.js";
3
+ import { R as p } from "./radio-group-field-rac-DU7SaFWp.js";
4
4
  import { a } from "./default-limits-D7qVv_Hv.js";
5
5
  const l = () => {
6
6
  const o = {
@@ -1,5 +1,5 @@
1
1
  import t from "react";
2
- import { R as e } from "./rating-input-field-rac-BzAAMipp.js";
2
+ import { R as e } from "./rating-input-field-rac--4Gj1m7I.js";
3
3
  const o = () => /* @__PURE__ */ t.createElement(e, null);
4
4
  export {
5
5
  o as DextRatingInputRAC
@@ -1,6 +1,6 @@
1
1
  import r from "react";
2
- import { ag as e, h as o } from "./form-DaOKiR16.js";
3
- import { T as s } from "./tags-field-rac-B6Hg2XOI.js";
2
+ import { ag as e, h as o } from "./form-D_xuITMd.js";
3
+ import { T as s } from "./tags-field-rac-BcAUZftK.js";
4
4
  import { b as a } from "./default-limits-D7qVv_Hv.js";
5
5
  const l = () => {
6
6
  const t = {
@@ -1,5 +1,5 @@
1
1
  import e from "react";
2
- import { T as t } from "./text-area-field-rac-Bsd1V2Q3.js";
2
+ import { T as t } from "./text-area-field-rac-C-JFkhlU.js";
3
3
  const a = () => /* @__PURE__ */ e.createElement(t, null);
4
4
  export {
5
5
  a as DextTextAreaRAC
@@ -1,5 +1,5 @@
1
1
  import t from "react";
2
- import { T as e } from "./text-input-field-rac-DF9dD_KW.js";
2
+ import { T as e } from "./text-input-field-rac-BvoyuAQA.js";
3
3
  const o = () => /* @__PURE__ */ t.createElement(e, null);
4
4
  export {
5
5
  o as DextTextInputRAC
@@ -1,5 +1,5 @@
1
1
  import t from "react";
2
- import { U as r } from "./url-input-field-rac-bCEOlctr.js";
2
+ import { U as r } from "./url-input-field-rac-Cv1_Ve6h.js";
3
3
  const n = () => /* @__PURE__ */ t.createElement(r, null);
4
4
  export {
5
5
  n as DextUrlInputRAC
@@ -3,11 +3,11 @@ import { RicosViewer as se } from "@wix/ricos/viewer";
3
3
  import _ from "classnames";
4
4
  import { RadioGroup as le, RadioField as Q, RadioButton as W, TextField as ce, Input as ie } from "react-aria-components";
5
5
  import { debounce as ue } from "ts-debounce";
6
- import { P as j, ag as P, ad as V, aq as me, aa as M, ai as pe } from "./form-DaOKiR16.js";
6
+ import { P as j, ag as P, ad as V, aq as me, aa as M, ai as pe } from "./form-D_xuITMd.js";
7
7
  import { f as h, a as g } from "./find-child-C60k4CxG.js";
8
8
  import { a as J } from "./format-currency-BwShJ9vM.js";
9
- import { D as de, E as Ie } from "./field-error-headless-Dm5UCOBb.js";
10
- import { L as Ce } from "./field-label-headless-C7mDzdLq.js";
9
+ import { D as de, E as Ie } from "./field-error-headless-31R9XKKV.js";
10
+ import { L as Ce } from "./field-label-headless-DBs3Gwiz.js";
11
11
  import { N as Ee } from "./options-layout-constants-DEfIEJWD.js";
12
12
  import { a as fe, b as he } from "./numeric-input-utils-CuBMi4-a.js";
13
13
  import { g as Oe } from "./payment-field-utils-DobiK5Xh.js";
@@ -1,10 +1,10 @@
1
1
  import e, { useState as E, useCallback as g, useRef as q } from "react";
2
2
  import { UNSAFE_PortalProvider as A } from "react-aria";
3
3
  import { Select as w, SelectValue as M, ListBox as U, ListBoxItem as _ } from "react-aria-components";
4
- import { ag as p, ad as b, ai as j } from "./form-DaOKiR16.js";
4
+ import { ag as p, ad as b, ai as j } from "./form-D_xuITMd.js";
5
5
  import { f as d, a as z } from "./find-child-C60k4CxG.js";
6
- import { D as G, E as H } from "./field-error-headless-Dm5UCOBb.js";
7
- import { L as J } from "./field-label-headless-C7mDzdLq.js";
6
+ import { D as G, E as H } from "./field-error-headless-31R9XKKV.js";
7
+ import { L as J } from "./field-label-headless-DBs3Gwiz.js";
8
8
  import { S as K, N as Q } from "./non-modal-popover-DtIMXHbe.js";
9
9
  const n = ({ children: t }) => {
10
10
  const { id: o, value: r, defaultValue: l, options: a = [], readOnly: s, onChange: u, placeholder: m, disabled: i, required: v, onBlur: O, onFocus: y, FieldLayout: F, hasError: C } = p(), [D, L] = E(!1), [h, I] = E(null), B = r && a.some((c) => (c.value ?? c.label) === r) ? r : l || null, { labelId: N } = b(), P = g((c) => {
@@ -1,7 +1,7 @@
1
1
  import { RicosViewer as l } from "@wix/ricos/viewer";
2
2
  import t from "classnames";
3
3
  import e from "react";
4
- import { D as o } from "./dropdown-field-headless-Dcy46MWj.js";
4
+ import { D as o } from "./dropdown-field-headless-cGvkxCIz.js";
5
5
  import { C as m } from "./chevron-down-icon-CcpVm6B-.js";
6
6
  import { E as n } from "./error-icon-hZxQ6DEy.js";
7
7
  import { H as c } from "./custom-focus-class-_483Pkwp.js";
@@ -1,5 +1,5 @@
1
1
  import o from "react";
2
- import { D as r } from "./dropdown-field-rac-rMMPzKxL.js";
2
+ import { D as r } from "./dropdown-field-rac-mbCaIlrI.js";
3
3
  const n = () => /* @__PURE__ */ o.createElement(r, null);
4
4
  export {
5
5
  n as DropdownRAC
@@ -1,5 +1,5 @@
1
1
  import e from "react";
2
- import { M as r } from "./multiline-address-field-rac-CwLOzNF6.js";
2
+ import { M as r } from "./multiline-address-field-rac-D9YRBAkl.js";
3
3
  const l = () => /* @__PURE__ */ e.createElement(r, null);
4
4
  export {
5
5
  l as EcomAddressRAC
@@ -1,6 +1,6 @@
1
1
  import o, { useMemo as a } from "react";
2
- import { ag as n, aq as c, h as i } from "./form-DaOKiR16.js";
3
- import { C } from "./checkbox-field-rac-CaloY2Hs.js";
2
+ import { ag as n, aq as c, h as i } from "./form-D_xuITMd.js";
3
+ import { C } from "./checkbox-field-rac-D6eL7Hla.js";
4
4
  import { j as l, k as p, i as m } from "./form-element-classes-Bi-nNM8q.js";
5
5
  const _ = (e) => ({
6
6
  nodes: [
@@ -2,7 +2,7 @@ import { RicosViewer as ie } from "@wix/ricos/viewer";
2
2
  import x from "classnames";
3
3
  import u, { createContext as z, useContext as Z, createElement as H, isValidElement as U, cloneElement as R, useState as le, useCallback as me, useEffect as ue } from "react";
4
4
  import { TextField as pe } from "react-aria-components";
5
- import { ad as fe, aq as ge, ab as ve, c as ye, ag as Ee, ak as de, ae as be, f as Se } from "./form-DaOKiR16.js";
5
+ import { ad as fe, aq as ge, ab as ve, c as ye, ag as Ee, ak as de, ae as be, f as Se } from "./form-D_xuITMd.js";
6
6
  import { f as L } from "./find-child-C60k4CxG.js";
7
7
  import ee from "@babel/runtime/helpers/objectWithoutProperties";
8
8
  import M from "@babel/runtime/helpers/typeof";
@@ -10,7 +10,7 @@ import Oe from "@babel/runtime/helpers/defineProperty";
10
10
  import he from "html-parse-stringify";
11
11
  import Ie from "@babel/runtime/helpers/classCallCheck";
12
12
  import Ne from "@babel/runtime/helpers/createClass";
13
- import { T as B } from "./text-input-headless-Dlao2R8f.js";
13
+ import { T as B } from "./text-input-headless-C-y42fCc.js";
14
14
  import { E as Ae } from "./error-icon-hZxQ6DEy.js";
15
15
  import { s as C } from "./field-rac.module-DAPTqFDM.js";
16
16
  import { r as Fe, H as ke, q as Te, l as De, h as xe, R as je } from "./form-element-classes-Bi-nNM8q.js";
@@ -1,9 +1,9 @@
1
1
  import t, { useState as q, useMemo as B, useCallback as V, useRef as M } from "react";
2
2
  import v from "classnames";
3
3
  import { NumberField as z, Input as J, CheckboxField as Q, CheckboxButton as W, Button as w } from "react-aria-components";
4
- import { am as P, an as U, ac as H, ah as K, t as Y, ag as D, ad as X, ai as j, j as Z } from "./form-DaOKiR16.js";
4
+ import { am as P, an as U, ac as H, ah as K, t as Y, ag as D, ad as X, ai as j, j as Z } from "./form-D_xuITMd.js";
5
5
  import { f as F, a as R } from "./find-child-C60k4CxG.js";
6
- import { L as ee } from "./field-label-headless-C7mDzdLq.js";
6
+ import { L as ee } from "./field-label-headless-DBs3Gwiz.js";
7
7
  import { u as te } from "./use-invoke-callback-UH73A_J3.js";
8
8
  import { C as x } from "./chevron-down-icon-CcpVm6B-.js";
9
9
  import { s as L } from "./field-rac.module-DAPTqFDM.js";
@@ -1,7 +1,7 @@
1
1
  import t from "react";
2
2
  import { RicosViewer as c } from "@wix/ricos/viewer";
3
3
  import r from "classnames";
4
- import { R as a, s as o } from "./radio-group-field-rac.module-DEP9BCiX.js";
4
+ import { R as a, s as o } from "./radio-group-field-rac.module-GLJdPErb.js";
5
5
  import { E as m } from "./error-icon-hZxQ6DEy.js";
6
6
  import { s } from "./field-rac.module-DAPTqFDM.js";
7
7
  import { r as i, H as E, I as p, K as R, J as _, l as L, h as O } from "./form-element-classes-Bi-nNM8q.js";