@wix/form-elements 1.53.0 → 1.55.0

package/dist/component/{phone-input-field-rac-D-WSiybW.js → phone-input-field-rac-DP7hTDTZ.js}

@@ -1,12 +1,12 @@
 import { RicosViewer as ye } from "@wix/ricos/viewer";
 import b from "classnames";
 import t, { useMemo as B, useState as k, useRef as v, useEffect as w, useCallback as j, createContext as te, useContext as V } from "react";
-import { a1 as Ee, aq as P, aa as ne, ap as fe, ag as M, ad as oe, ai as he } from "./form-Dn-MrArr.js";
+import { a1 as Ee, aq as P, aa as ne, ap as fe, ag as M, ad as oe, ai as he } from "./form-D_xuITMd.js";
 import { UNSAFE_PortalProvider as ge } from "react-aria";
 import { Dialog as re, OverlayTriggerStateContext as be, ModalOverlay as _e, Modal as Ne, SearchField as Oe, ListBoxItem as Se, Group as Q, DialogTrigger as Le, Select as Ie, Input as ae, ListBox as ve, Autocomplete as Pe } from "react-aria-components";
 import { f as h, a as ce } from "./find-child-C60k4CxG.js";
-import { D as Fe, E as De } from "./field-error-headless-D40GACk4.js";
-import { L as Re } from "./field-label-headless-Beq2Tn6V.js";
+import { D as Fe, E as De } from "./field-error-headless-31R9XKKV.js";
+import { L as Re } from "./field-label-headless-DBs3Gwiz.js";
 import { N as xe, S as Be } from "./non-modal-popover-DtIMXHbe.js";
 import { u as Me } from "./use-invoke-callback-UH73A_J3.js";
 import se, { AsYouType as $e, isValidPhoneNumber as Ae, isSupportedCountry as Te } from "libphonenumber-js";
@@ -15,7 +15,7 @@ import { C as W } from "./calling-country-codes-PyWuOTmF.js";
 import { C as we } from "./chevron-down-icon-CcpVm6B-.js";
 import { E as Ue } from "./error-icon-hZxQ6DEy.js";
 import { H as J } from "./custom-focus-class-_483Pkwp.js";
-import { s as _ } from "./field-rac.module-DXfwku6m.js";
+import { s as _ } from "./field-rac.module-DAPTqFDM.js";
 import { r as qe, H as ke, q as Ve, u as He, l as Ge, h as Ye } from "./form-element-classes-Bi-nNM8q.js";
 function X(e) {
   const n = e ? se(e) : void 0, r = n == null ? void 0 : n.country;

package/dist/component/{phone-rac-CHpAV4y9.js → phone-rac-CE71rDen.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { P as o } from "./phone-input-field-rac-D-WSiybW.js";
+import { P as o } from "./phone-input-field-rac-DP7hTDTZ.js";
 const r = () => /* @__PURE__ */ e.createElement(o, null);
 export {
   r as PhoneRAC

package/dist/component/{product-list-rac-43aeb4bH.js → product-list-rac-Dw64jUad.js}

@@ -2,15 +2,15 @@ import t, { useMemo as z, useCallback as T, useRef as B } from "react";
 import { RicosViewer as G } from "@wix/ricos/viewer";
 import f from "classnames";
 import { CheckboxField as K, CheckboxButton as j, NumberField as J, Group as W, Button as U, Input as X } from "react-aria-components";
-import { ag as M, ad as Y, aa as Q, aq as Z, ai as ee } from "./form-Dn-MrArr.js";
+import { ag as M, ad as Y, aa as Q, aq as Z, ai as ee } from "./form-D_xuITMd.js";
 import { f as I, a as L } from "./find-child-C60k4CxG.js";
-import { L as te, g as ne } from "./field-label-headless-Beq2Tn6V.js";
+import { L as te, g as ne } from "./field-label-headless-DBs3Gwiz.js";
 import { f as ae } from "./format-currency-BwShJ9vM.js";
-import { D as oe, E as re } from "./field-error-headless-D40GACk4.js";
+import { D as oe, E as re } from "./field-error-headless-31R9XKKV.js";
 import { F as le } from "./fieldset-headless-CD3fds9J.js";
 import { g as ie } from "./payment-field-utils-DobiK5Xh.js";
 import { E as se } from "./error-icon-hZxQ6DEy.js";
-import { s as h } from "./field-rac.module-DXfwku6m.js";
+import { s as h } from "./field-rac.module-DAPTqFDM.js";
 import { r as ce, H as ue, v as me, y as pe, x as de, w as Ee, q as ye, l as _e, h as fe } from "./form-element-classes-Bi-nNM8q.js";
 import { o as w } from "./options-rac.module-KM-VT_KY.js";
 var Ie = /* @__PURE__ */ (function(e) {

package/dist/component/{quiz-radio-group-rac-CIp82PU6.js → quiz-radio-group-rac-BVm7Z5xE.js}

@@ -1,5 +1,5 @@
 import _ from "react";
-import { R } from "./radio-group-field-rac-Ctu5L43b.js";
+import { R } from "./radio-group-field-rac-DU7SaFWp.js";
 import { B as o, A as r, z as O } from "./form-element-classes-Bi-nNM8q.js";
 const A = () => /* @__PURE__ */ _.createElement(R, {
   classes: {

package/dist/component/{radio-group-field-rac-Ctu5L43b.js → radio-group-field-rac-DU7SaFWp.js}

@@ -1,9 +1,9 @@
 import { RicosViewer as s } from "@wix/ricos/viewer";
 import a from "classnames";
 import e from "react";
-import { R as t, s as r } from "./radio-group-field-rac.module-xWCK2zEh.js";
+import { R as t, s as r } from "./radio-group-field-rac.module-GLJdPErb.js";
 import { E as m } from "./error-icon-hZxQ6DEy.js";
-import { s as l } from "./field-rac.module-DXfwku6m.js";
+import { s as l } from "./field-rac.module-DAPTqFDM.js";
 import { r as c, H as i, E, D as _, C as R, q as p, l as O, h as I } from "./form-element-classes-Bi-nNM8q.js";
 const L = ({ content: o, locale: n }) => /* @__PURE__ */ e.createElement(s, {
   content: o,

package/dist/component/{radio-group-field-rac.module-xWCK2zEh.js → radio-group-field-rac.module-GLJdPErb.js}

@@ -1,9 +1,9 @@
 import s, { useRef as y, useState as V, useEffect as S, useCallback as B } from "react";
 import { RadioGroup as T, RadioField as k, RadioButton as q, TextField as G, Input as M } from "react-aria-components";
-import { ag as C, ad as P, aq as F, aa as $, ai as x } from "./form-Dn-MrArr.js";
+import { ag as C, ad as P, aq as F, aa as $, ai as x } from "./form-D_xuITMd.js";
 import { f as d, a as g } from "./find-child-C60k4CxG.js";
-import { D as U, E as A } from "./field-error-headless-D40GACk4.js";
-import { L as H } from "./field-label-headless-Beq2Tn6V.js";
+import { D as U, E as A } from "./field-error-headless-31R9XKKV.js";
+import { L as H } from "./field-label-headless-DBs3Gwiz.js";
 import { N as j } from "./options-layout-constants-DEfIEJWD.js";
 const L = "Other", w = (e, t) => e == null ? void 0 : e.find((o) => (o.value ?? o.label) === t), R = (e, t) => !!t && !w(e, t), z = (e, t) => {
   const a = t ? t.length + 2 : 0;

package/dist/component/{radio-group-rac-C2z9k9zW.js → radio-group-rac-Mq1tyU4h.js}

@@ -1,5 +1,5 @@
 import o from "react";
-import { R as r } from "./radio-group-field-rac-Ctu5L43b.js";
+import { R as r } from "./radio-group-field-rac-DU7SaFWp.js";
 const R = () => /* @__PURE__ */ o.createElement(r, null);
 export {
   R as RadioGroupRAC

package/dist/component/{rating-input-field-rac-FGf61_-a.js → rating-input-field-rac--4Gj1m7I.js}

@@ -2,12 +2,12 @@ import { RicosViewer as D } from "@wix/ricos/viewer";
 import d from "classnames";
 import e, { useCallback as N, useState as y, useRef as O } from "react";
 import { RadioGroup as A, RadioField as w, RadioButton as M } from "react-aria-components";
-import { ag as v, ad as I, aq as B } from "./form-Dn-MrArr.js";
+import { ag as v, ad as I, aq as B } from "./form-D_xuITMd.js";
 import { f as m, a as T } from "./find-child-C60k4CxG.js";
-import { D as H, E as q } from "./field-error-headless-D40GACk4.js";
-import { L as P } from "./field-label-headless-Beq2Tn6V.js";
+import { D as H, E as q } from "./field-error-headless-31R9XKKV.js";
+import { L as P } from "./field-label-headless-DBs3Gwiz.js";
 import { E as x } from "./error-icon-hZxQ6DEy.js";
-import { s as u } from "./field-rac.module-DXfwku6m.js";
+import { s as u } from "./field-rac.module-DAPTqFDM.js";
 import { r as k, H as z, G, l as Q, h as U } from "./form-element-classes-Bi-nNM8q.js";
 const t = ({ children: r }) => {
   const { id: n, value: o, onChange: s, disabled: l, required: c, hasError: i, onBlur: C, onFocus: L, FieldLayout: E } = v(), { labelId: p } = I(), R = N((F) => s(Number(F)), [

package/dist/component/{rating-input-rac-B4_5V8X4.js → rating-input-rac-BD1LX1lh.js}

@@ -1,5 +1,5 @@
 import t from "react";
-import { R as e } from "./rating-input-field-rac-FGf61_-a.js";
+import { R as e } from "./rating-input-field-rac--4Gj1m7I.js";
 const o = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   o as RatingInputRAC

package/dist/component/{rich-content-rac.module-DuFIPLXP.js → rich-content-rac.module-CHVxu1Fe.js}

@@ -1,5 +1,5 @@
 import c, { useState as u } from "react";
-import { ag as a, aa as i, aq as T } from "./form-Dn-MrArr.js";
+import { ag as a, aa as i, aq as T } from "./form-D_xuITMd.js";
 import { Button as d } from "react-aria-components";
 import { D as r } from "./data-hooks-Dkw1pbRj.js";
 import { truncateRichContent as _ } from "@wix/ricos/content";

package/dist/component/{rich-text-field-rac-B1PbdTgi.js → rich-text-field-rac-Bc0Ia1jl.js}

@@ -1,7 +1,7 @@
 import l from "classnames";
 import e from "react";
-import { ag as m, L as i, U as u, Y as R } from "./form-Dn-MrArr.js";
-import { u as T, R as C, s as d, T as g } from "./rich-content-rac.module-DuFIPLXP.js";
+import { ag as m, L as i, U as u, Y as R } from "./form-D_xuITMd.js";
+import { u as T, R as C, s as d, T as g } from "./rich-content-rac.module-CHVxu1Fe.js";
 import { Y as p } from "./form-element-classes-Bi-nNM8q.js";
 const h = {
   colorPalette: R(),

package/dist/component/{rich-text-rac-D1PDXRg5.js → rich-text-rac-BVDkj8fl.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { R as t } from "./rich-text-field-rac-B1PbdTgi.js";
+import { R as t } from "./rich-text-field-rac-Bc0Ia1jl.js";
 const R = () => /* @__PURE__ */ e.createElement(t, null);
 export {
   R as RichTextRAC

package/dist/component/{service-dropdown-rac-DIFcHwYR.js → service-dropdown-rac-DKEEHNbq.js}

@@ -1,13 +1,13 @@
 import t, { useRef as P, useMemo as R, useCallback as S, useEffect as T } from "react";
 import { RicosViewer as A } from "@wix/ricos/viewer";
 import u from "classnames";
-import { ac as w, aq as b, F as M, ag as y, aa as q, h as H } from "./form-Dn-MrArr.js";
-import { u as U } from "./use-service-options-base-Cr8hJp01.js";
-import { D as d } from "./dropdown-field-headless-CYpFgZ3H.js";
+import { ac as w, aq as b, F as M, ag as y, aa as q, h as H } from "./form-D_xuITMd.js";
+import { u as U } from "./use-service-options-base-wU5O8FFI.js";
+import { D as d } from "./dropdown-field-headless-cGvkxCIz.js";
 import { C as V } from "./chevron-down-icon-CcpVm6B-.js";
 import { E as x } from "./error-icon-hZxQ6DEy.js";
 import { H as k } from "./custom-focus-class-_483Pkwp.js";
-import { s as n } from "./field-rac.module-DXfwku6m.js";
+import { s as n } from "./field-rac.module-DAPTqFDM.js";
 import { r as B, H as W, q as Q, u as Y, l as j, h as z } from "./form-element-classes-Bi-nNM8q.js";
 const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
   const { actions: r } = w(), { t: C } = b(), { addOther: i, addOtherLabel: p } = e, c = p || C("add-other.default-other-option-label"), a = P(!0), E = R(() => {

package/dist/component/{services-multi-choice-rac-BVgZsVc2.js → services-multi-choice-rac-CCp3Tybw.js}

@@ -1,11 +1,11 @@
 import e, { useEffect as _, useMemo as C } from "react";
 import { RicosViewer as I } from "@wix/ricos/viewer";
 import s from "classnames";
-import { F as R, ag as F, h as d } from "./form-Dn-MrArr.js";
-import { u as D } from "./use-service-options-base-Cr8hJp01.js";
-import { C as i } from "./checkbox-group-field-headless-qntvm5XF.js";
+import { F as R, ag as F, h as d } from "./form-D_xuITMd.js";
+import { u as D } from "./use-service-options-base-wU5O8FFI.js";
+import { C as i } from "./checkbox-group-field-headless-BvjW7srN.js";
 import { E as h } from "./error-icon-hZxQ6DEy.js";
-import { s as n } from "./field-rac.module-DXfwku6m.js";
+import { s as n } from "./field-rac.module-DAPTqFDM.js";
 import { r as f, H as M, L as N, M as b, N as A, q as v, l as x, h as T } from "./form-element-classes-Bi-nNM8q.js";
 import { o as L } from "./options-rac.module-KM-VT_KY.js";
 const k = (o) => {

package/dist/component/{signature-rac-DoznfA7u.js → signature-rac-SsafjWxY.js}

@@ -4,13 +4,13 @@ import v from "classnames";
 import { useHover as ve, useFocusRing as xe, mergeProps as Se } from "react-aria";
 import { RadioGroup as Fe, Button as fe, TextField as Ae, Input as _e, RadioField as Pe, RadioButton as Ne } from "react-aria-components";
 import he from "signature_pad";
-import { y as Ue, ac as Oe, aa as Be, ao as ge, E as ce, e as q, ag as A, ad as H, ai as Ee, aq as Me } from "./form-Dn-MrArr.js";
+import { y as Ue, ac as Oe, aa as Be, ao as ge, E as ce, e as q, ag as A, ad as H, ai as Ee, aq as Me } from "./form-D_xuITMd.js";
 import { f as T, a as F } from "./find-child-C60k4CxG.js";
-import { D as We, E as He } from "./field-error-headless-D40GACk4.js";
-import { L as Ye } from "./field-label-headless-Beq2Tn6V.js";
+import { D as We, E as He } from "./field-error-headless-31R9XKKV.js";
+import { L as Ye } from "./field-label-headless-DBs3Gwiz.js";
 import { D as ke } from "./data-hooks-Dkw1pbRj.js";
 import { E as $e } from "./error-icon-hZxQ6DEy.js";
-import { s as V } from "./field-rac.module-DXfwku6m.js";
+import { s as V } from "./field-rac.module-DAPTqFDM.js";
 import { r as ue, H as Ve, q as B, V as ze, l as Ze, h as Xe } from "./form-element-classes-Bi-nNM8q.js";
 const qe = typeof s.useId == "function" ? s.useId : () => W(Ue()).current;
 var w = /* @__PURE__ */ (function(e) {

package/dist/component/{submit-button-rac-DQFhhUWx.js → submit-button-rac-ClqcjS1o.js}

@@ -1,6 +1,6 @@
 import t from "react";
 import l from "classnames";
-import { ag as c } from "./form-Dn-MrArr.js";
+import { ag as c } from "./form-D_xuITMd.js";
 import { ProgressBar as v, Button as S } from "react-aria-components";
 import { f as i } from "./find-child-C60k4CxG.js";
 import { X as N, W as d, Z as f } from "./form-element-classes-Bi-nNM8q.js";

package/dist/component/{tags-field-rac-F3yYmtiN.js → tags-field-rac-BcAUZftK.js}

@@ -2,14 +2,14 @@ import { RicosViewer as Q } from "@wix/ricos/viewer";
 import _ from "classnames";
 import e, { useMemo as F, useState as j, useRef as M, useLayoutEffect as w, useCallback as q } from "react";
 import { CheckboxGroup as z, TextField as J, Input as K, CheckboxField as X, CheckboxButton as Y } from "react-aria-components";
-import { ag as y, ad as Z, aq as T, aa as ee, ai as te } from "./form-Dn-MrArr.js";
+import { ag as y, ad as Z, aq as T, aa as ee, ai as te } from "./form-D_xuITMd.js";
 import { f, a as k } from "./find-child-C60k4CxG.js";
-import { E as x, D as B } from "./field-error-headless-D40GACk4.js";
-import { L as P } from "./field-label-headless-Beq2Tn6V.js";
+import { E as x, D as B } from "./field-error-headless-31R9XKKV.js";
+import { L as P } from "./field-label-headless-DBs3Gwiz.js";
 import { F as ae } from "./fieldset-headless-CD3fds9J.js";
 import { N as D } from "./options-layout-constants-DEfIEJWD.js";
 import { E as ne } from "./error-icon-hZxQ6DEy.js";
-import { s as S } from "./field-rac.module-DXfwku6m.js";
+import { s as S } from "./field-rac.module-DAPTqFDM.js";
 import { r as re, H as oe, S as se, T as le, U as ie, q as ce, l as ue, h as de } from "./form-element-classes-Bi-nNM8q.js";
 import { o as me } from "./options-rac.module-KM-VT_KY.js";
 const g = "Other", pe = (t, a) => {

package/dist/component/{tags-rac-BkJ8931D.js → tags-rac-CaYVLTOW.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { T as r } from "./tags-field-rac-F3yYmtiN.js";
+import { T as r } from "./tags-field-rac-BcAUZftK.js";
 const a = () => /* @__PURE__ */ e.createElement(r, null);
 export {
   a as TagsRAC

package/dist/component/{text-area-field-rac-BQXCdqvK.js → text-area-field-rac-C-JFkhlU.js}

@@ -2,12 +2,12 @@ import { RicosViewer as S } from "@wix/ricos/viewer";
 import n from "classnames";
 import r, { useCallback as O, useRef as T } from "react";
 import { TextField as N, TextArea as y } from "react-aria-components";
-import { ag as d, ad as E, ai as h } from "./form-Dn-MrArr.js";
+import { ag as d, ad as E, ai as h } from "./form-D_xuITMd.js";
 import { f as c } from "./find-child-C60k4CxG.js";
-import { D as x, E as g } from "./field-error-headless-D40GACk4.js";
-import { L as M } from "./field-label-headless-Beq2Tn6V.js";
+import { D as x, E as g } from "./field-error-headless-31R9XKKV.js";
+import { L as M } from "./field-label-headless-DBs3Gwiz.js";
 import { E as q } from "./error-icon-hZxQ6DEy.js";
-import { s } from "./field-rac.module-DXfwku6m.js";
+import { s } from "./field-rac.module-DAPTqFDM.js";
 import { r as v, H as B, q as P, l as k, h as U } from "./form-element-classes-Bi-nNM8q.js";
 const e = ({ children: t }) => {
   const { id: a, value: m, onChange: l, disabled: u, required: o, readOnly: i, onBlur: p, onFocus: I, FieldLayout: f, hasError: F } = d(), { labelId: L } = E(), R = O((C) => {

package/dist/component/{text-area-rac-CI4idsCI.js → text-area-rac-B_yoEavR.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { T as r } from "./text-area-field-rac-BQXCdqvK.js";
+import { T as r } from "./text-area-field-rac-C-JFkhlU.js";
 const a = () => /* @__PURE__ */ e.createElement(r, null);
 export {
   a as TextAreaRAC

package/dist/component/{text-input-field-rac-Di3rvMr8.js → text-input-field-rac-BvoyuAQA.js}

@@ -1,9 +1,9 @@
 import { RicosViewer as m } from "@wix/ricos/viewer";
 import t from "classnames";
 import e from "react";
-import { T as r } from "./text-input-headless-BFldUMDr.js";
+import { T as r } from "./text-input-headless-C-y42fCc.js";
 import { E as o } from "./error-icon-hZxQ6DEy.js";
-import { s as a } from "./field-rac.module-DXfwku6m.js";
+import { s as a } from "./field-rac.module-DAPTqFDM.js";
 import { r as n, H as c, q as E, l as i, h as R } from "./form-element-classes-Bi-nNM8q.js";
 const _ = ({ content: l, locale: s }) => /* @__PURE__ */ e.createElement(m, {
   content: l,

package/dist/component/{text-input-headless-BFldUMDr.js → text-input-headless-C-y42fCc.js}

@@ -1,9 +1,9 @@
 import t, { useRef as L } from "react";
 import { TextField as R, Input as g } from "react-aria-components";
-import { ag as d, ad as c, ai as v } from "./form-Dn-MrArr.js";
+import { ag as d, ad as c, ai as v } from "./form-D_xuITMd.js";
 import { f as a } from "./find-child-C60k4CxG.js";
-import { D as T, E as h } from "./field-error-headless-D40GACk4.js";
-import { L as x } from "./field-label-headless-Beq2Tn6V.js";
+import { D as T, E as h } from "./field-error-headless-31R9XKKV.js";
+import { L as x } from "./field-label-headless-DBs3Gwiz.js";
 const e = ({ children: r }) => {
   const { id: s, value: i, onChange: l, disabled: u, readOnly: n, required: o, hasError: p, onBlur: m, onFocus: b, FieldLayout: f } = d(), { labelId: E } = c(), I = a(r, e.Label), F = a(r, e.Input), y = a(r, e.Description), D = a(r, e.Error);
   return /* @__PURE__ */ t.createElement(f, {

package/dist/component/{text-input-rac-v2DSKy7B.js → text-input-rac-B4hCrFc4.js}

@@ -1,5 +1,5 @@
 import t from "react";
-import { T as e } from "./text-input-field-rac-Di3rvMr8.js";
+import { T as e } from "./text-input-field-rac-BvoyuAQA.js";
 const o = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   o as TextInputRAC

package/dist/component/time-input-rac-BTKqEeWa.js

@@ -0,0 +1,155 @@
+import e, { useCallback as H, useRef as q, useContext as V } from "react";
+import { RicosViewer as v } from "@wix/ricos/viewer";
+import c from "classnames";
+import { parseTime as x } from "@internationalized/date";
+import { TimeField as B, DateInput as U, DateSegment as h, TimeFieldStateContext as k } from "react-aria-components";
+import { ag as p, ad as j, aq as T, ai as Q } from "./form-D_xuITMd.js";
+import { f as m, a as F } from "./find-child-C60k4CxG.js";
+import { D as z, E as G } from "./field-error-headless-31R9XKKV.js";
+import { L as J } from "./field-label-headless-DBs3Gwiz.js";
+import { E as K } from "./error-icon-hZxQ6DEy.js";
+import { H as S } from "./custom-focus-class-_483Pkwp.js";
+import { s as E } from "./field-rac.module-DAPTqFDM.js";
+import { r as W, H as X, q as Y, l as Z, h as $ } from "./form-element-classes-Bi-nNM8q.js";
+const r = ({ children: t }) => {
+  const { id: n, value: s, onChange: o, disabled: i, readOnly: l, required: a, onBlur: d, onFocus: f, use24HourFormat: b, FieldLayout: I, hasError: g } = p(), { inputId: C, ariaDescribedBy: L, labelId: D } = j(), R = H((M) => {
+    const w = ae(M);
+    o(w);
+  }, [
+    o
+  ]), N = m(t, r.Label), y = m(t, r.Time), P = m(t, r.Description), A = m(t, r.Error), O = ne(s);
+  return /* @__PURE__ */ e.createElement(I, {
+    fieldId: n,
+    renderLabel: () => N,
+    renderInput: () => /* @__PURE__ */ e.createElement(B, {
+      "aria-labelledby": D,
+      id: C,
+      "aria-describedby": L,
+      value: O,
+      onChange: R,
+      isDisabled: i,
+      isReadOnly: l,
+      isInvalid: g,
+      isRequired: a,
+      onBlur: d,
+      onFocus: f,
+      hourCycle: b ? 24 : 12
+    }, y),
+    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, A, P)
+  });
+}, u = ({ children: t, className: n }) => {
+  const { hasError: s } = p(), o = m(t, u.Hour), i = m(t, u.Minute), l = m(t, u.Period);
+  return /* @__PURE__ */ e.createElement(U, {
+    className: n,
+    "data-invalid": s || void 0
+  }, (a) => {
+    switch (a.type) {
+      case "hour":
+        return F(o, {
+          segment: a
+        }) || /* @__PURE__ */ e.createElement(e.Fragment, null);
+      case "minute":
+        return F(i, {
+          segment: a
+        }) || /* @__PURE__ */ e.createElement(e.Fragment, null);
+      case "dayPeriod":
+        return F(l, {
+          segment: a
+        }) || /* @__PURE__ */ e.createElement(e.Fragment, null);
+      case "literal":
+        return /* @__PURE__ */ e.createElement(h, {
+          segment: a
+        });
+      default:
+        return /* @__PURE__ */ e.createElement(e.Fragment, null);
+    }
+  });
+}, ee = ({ className: t, ...n }) => {
+  const { id: s, hidePlaceholder: o } = p(), { segment: i } = n, { t: l } = T(), a = q(null);
+  Q(() => {
+    var f;
+    (f = a.current) == null || f.focus();
+  }, s);
+  const d = o ? void 0 : l("field.date.placeholder.hour");
+  return /* @__PURE__ */ e.createElement(h, {
+    ref: a,
+    segment: i,
+    className: t,
+    ...d && {
+      placeholder: d
+    }
+  });
+}, te = ({ className: t, ...n }) => {
+  const { hidePlaceholder: s } = p(), { segment: o } = n, { t: i } = T(), l = s ? void 0 : i("field.date.placeholder.minute");
+  return /* @__PURE__ */ e.createElement(h, {
+    segment: o,
+    className: t,
+    ...l && {
+      placeholder: l
+    }
+  });
+}, re = ({ className: t, ...n }) => {
+  const { hidePlaceholder: s } = p(), { segment: o } = n, { t: i } = T(), l = V(k), a = s ? void 0 : i("field.date.placeholder.period"), d = () => l == null ? void 0 : l.increment("dayPeriod");
+  return /* @__PURE__ */ e.createElement(h, {
+    segment: o,
+    className: t,
+    onClick: d,
+    ...a && {
+      placeholder: a
+    }
+  });
+};
+u.Hour = ee;
+u.Minute = te;
+u.Period = re;
+r.Label = J;
+r.Time = u;
+r.Description = z;
+r.Error = G;
+function ne(t) {
+  if (!t)
+    return null;
+  try {
+    return x(t);
+  } catch {
+    return null;
+  }
+}
+function ae(t) {
+  if (!t)
+    return null;
+  const n = String(t.hour).padStart(2, "0"), s = String(t.minute).padStart(2, "0"), o = String(t.second).padStart(2, "0");
+  return [
+    n,
+    s,
+    o
+  ].join(":");
+}
+const oe = "_time_1wbmw_1", le = "_hour_1wbmw_14", se = "_minute_1wbmw_15", ie = "_period_1wbmw_16", _ = {
+  time: oe,
+  hour: le,
+  minute: se,
+  period: ie
+}, ce = ({ content: t, locale: n }) => /* @__PURE__ */ e.createElement(v, {
+  content: t,
+  locale: n
+}), me = () => /* @__PURE__ */ e.createElement(r, null, /* @__PURE__ */ e.createElement(r.Label, {
+  className: c(W, E.label)
+}, /* @__PURE__ */ e.createElement(r.Label.Required, {
+  className: c(X, E.requiredMark)
+})), /* @__PURE__ */ e.createElement(r.Time, {
+  className: c(Y, E.input, _.time)
+}, /* @__PURE__ */ e.createElement(r.Time.Hour, {
+  className: c(_.hour, S)
+}), /* @__PURE__ */ e.createElement(r.Time.Minute, {
+  className: c(_.minute, S)
+}), /* @__PURE__ */ e.createElement(r.Time.Period, {
+  className: c(_.period, S)
+})), /* @__PURE__ */ e.createElement(r.Error, {
+  className: c(Z, E.error)
+}, /* @__PURE__ */ e.createElement(K, null), /* @__PURE__ */ e.createElement(r.Error.Text, null)), /* @__PURE__ */ e.createElement(r.Description, {
+  className: c($, E.description)
+}, ce)), Ce = () => /* @__PURE__ */ e.createElement(me, null);
+export {
+  Ce as TimeInputRAC
+};

package/dist/component/{url-input-field-rac-CcMmHuDT.js → url-input-field-rac-Cv1_Ve6h.js}

@@ -2,13 +2,13 @@ import { RicosViewer as h } from "@wix/ricos/viewer";
 import l from "classnames";
 import r, { useCallback as O, useRef as N } from "react";
 import { TextField as y, Input as A } from "react-aria-components";
-import { ag as d, ad as E, ai as B } from "./form-Dn-MrArr.js";
+import { ag as d, ad as E, ai as B } from "./form-D_xuITMd.js";
 import { f as u } from "./find-child-C60k4CxG.js";
-import { D as M, E as P } from "./field-error-headless-D40GACk4.js";
-import { L as T } from "./field-label-headless-Beq2Tn6V.js";
+import { D as M, E as P } from "./field-error-headless-31R9XKKV.js";
+import { L as T } from "./field-label-headless-DBs3Gwiz.js";
 import { u as g } from "./use-invoke-callback-UH73A_J3.js";
 import { E as k } from "./error-icon-hZxQ6DEy.js";
-import { s } from "./field-rac.module-DXfwku6m.js";
+import { s } from "./field-rac.module-DAPTqFDM.js";
 import { r as q, H as v, q as U, l as x, h as w } from "./form-element-classes-Bi-nNM8q.js";
 const H = (t) => t ? `https://${String(t).replace(/^https?:\/\//, "")}` : "", e = ({ children: t }) => {
   const { id: o, value: n, onChange: a, disabled: m, readOnly: i, required: c, hasError: I, onBlur: f, onFocus: F, FieldLayout: L } = d(), { labelId: R } = E(), p = g(f), b = u(t, e.Label), D = u(t, e.Input), _ = u(t, e.Description), C = u(t, e.Error), S = O(() => {

package/dist/component/{url-input-rac-DtbctKi2.js → url-input-rac-CVcW80LT.js}

@@ -1,5 +1,5 @@
 import r from "react";
-import { U as t } from "./url-input-field-rac-CcMmHuDT.js";
+import { U as t } from "./url-input-field-rac-Cv1_Ve6h.js";
 const n = () => /* @__PURE__ */ r.createElement(t, null);
 export {
   n as UrlInputRAC

package/dist/component/{use-service-options-base-Cr8hJp01.js → use-service-options-base-wU5O8FFI.js}

@@ -1,5 +1,5 @@
 import { useState as o, useCallback as D, useEffect as m, useMemo as b } from "react";
-import { af as v } from "./form-Dn-MrArr.js";
+import { af as v } from "./form-D_xuITMd.js";
 const k = (I) => {
   const { fieldType: L, isEditor: t = !1, postProcessOptions: i, customFetchLogic: a, onInitialDataLoaded: n } = I, [O, h] = o(!1), [g, p] = o([]), [E, f] = o(!1), [c, u] = o(!1), s = v(L), r = D((e) => {
     let d = e.map((l) => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/form-elements",
-  "version": "1.53.0",
+  "version": "1.55.0",
   "description": "The Wix Forms rendering element for Builder apps, loaded at runtime as @wix/form-elements/Form",
   "license": "MIT",
   "files": [
@@ -163,5 +163,5 @@
       ]
     }
   },
-  "falconPackageHash": "8edc5a7891c13a25a6df38f69db3e97f8cb3643ab2580dae2ba197ec"
+  "falconPackageHash": "2bc76e6db7c0ef9a88c9f697fd78a037c7f1309cfda833c1805c1a76"
 }