@wix/form-elements 1.62.0 → 1.63.0

package/dist/component/{text-area-field-rac-BVq5p83p.js → text-area-field-rac-Cg-vIhFe.js}

@@ -2,15 +2,15 @@ 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-D6A2hUbV.js";
+import { ah as E, ae as d, aj as h } from "./form-DzjdnO7t.js";
 import { f as c } from "./find-child-C60k4CxG.js";
-import { D as x, E as g } from "./field-error-headless-DP4WSQU3.js";
-import { L as M } from "./field-label-headless-BKmi7Fjg.js";
+import { D as x, E as M } from "./field-error-headless-DTKnr5Zx.js";
+import { L as g } from "./field-label-headless-DV4aNd5Y.js";
 import { E as q } from "./error-icon-hZxQ6DEy.js";
 import { s } from "./field-rac.module-DtugsLiL.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) => {
+  const { id: a, value: m, onChange: l, disabled: u, required: o, readOnly: i, onBlur: p, onFocus: I, FieldLayout: f, hasError: F } = E(), { labelId: L } = d(), R = O((C) => {
     l(C);
   }, [
     l
@@ -32,7 +32,7 @@ const e = ({ children: t }) => {
     renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, A, D)
   });
 }, V = ({ className: t }) => {
-  const { inputId: a, ariaDescribedBy: m } = E(), { id: l, placeholder: u } = d(), o = T(null);
+  const { inputId: a, ariaDescribedBy: m } = d(), { id: l, placeholder: u } = E(), o = T(null);
   return h(() => {
     var i;
     (i = o.current) == null || i.focus();
@@ -44,13 +44,13 @@ const e = ({ children: t }) => {
     className: t
   });
 };
-e.Label = M;
+e.Label = g;
 e.Input = V;
 e.Description = x;
-e.Error = g;
-const w = "_input_ug5v8_1", H = {
-  input: w
-}, Q = ({ content: t, locale: a }) => /* @__PURE__ */ r.createElement(S, {
+e.Error = M;
+const j = "_input_ug5v8_1", w = {
+  input: j
+}, H = ({ content: t, locale: a }) => /* @__PURE__ */ r.createElement(S, {
   content: t,
   locale: a
 }), re = () => /* @__PURE__ */ r.createElement(e, null, /* @__PURE__ */ r.createElement(e.Label, {
@@ -58,12 +58,12 @@ const w = "_input_ug5v8_1", H = {
 }, /* @__PURE__ */ r.createElement(e.Label.Required, {
   className: n(B, s.requiredMark)
 })), /* @__PURE__ */ r.createElement(e.Input, {
-  className: n(P, s.input, H.input)
+  className: n(P, s.input, w.input)
 }), /* @__PURE__ */ r.createElement(e.Error, {
   className: n(k, s.error)
 }, /* @__PURE__ */ r.createElement(q, null), /* @__PURE__ */ r.createElement(e.Error.Text, null)), /* @__PURE__ */ r.createElement(e.Description, {
   className: n(U, s.description)
-}, Q));
+}, H));
 export {
   re as T
 };

package/dist/component/{text-area-rac-D-uiOy62.js → text-area-rac-tMFx38UD.js}

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

package/dist/component/{text-input-field-rac-wYvY_eBR.js → text-input-field-rac-CgN_2hOD.js}

@@ -1,7 +1,7 @@
 import { RicosViewer as m } from "@wix/ricos/viewer";
 import t from "classnames";
 import e from "react";
-import { T as r } from "./text-input-headless-BsL6OYhp.js";
+import { T as r } from "./text-input-headless-CkhvKrFp.js";
 import { E as o } from "./error-icon-hZxQ6DEy.js";
 import { s as a } from "./field-rac.module-DtugsLiL.js";
 import { r as n, H as c, q as E, l as i, h as R } from "./form-element-classes-Bi-nNM8q.js";

package/dist/component/{text-input-headless-BsL6OYhp.js → text-input-headless-CkhvKrFp.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-D6A2hUbV.js";
+import { TextField as R, Input as h } from "react-aria-components";
+import { ah as d, ae as c, aj as v } from "./form-DzjdnO7t.js";
 import { f as a } from "./find-child-C60k4CxG.js";
-import { D as T, E as h } from "./field-error-headless-DP4WSQU3.js";
-import { L as x } from "./field-label-headless-BKmi7Fjg.js";
+import { D as T, E as g } from "./field-error-headless-DTKnr5Zx.js";
+import { L as x } from "./field-label-headless-DV4aNd5Y.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, {
@@ -27,7 +27,7 @@ const e = ({ children: r }) => {
   return v(() => {
     var o;
     (o = n.current) == null || o.focus();
-  }, s), /* @__PURE__ */ t.createElement(g, {
+  }, s), /* @__PURE__ */ t.createElement(h, {
     ref: n,
     id: l,
     "aria-describedby": u,
@@ -38,7 +38,7 @@ const e = ({ children: r }) => {
 e.Label = x;
 e.Input = B;
 e.Description = T;
-e.Error = h;
+e.Error = g;
 export {
   e as T
 };

package/dist/component/{text-input-rac-Bu8kXhrN.js → text-input-rac-BsyBgd3b.js}

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

package/dist/component/{time-input-rac-PWXUi1qL.js → time-input-rac-BxRVJtHE.js}

@@ -1,18 +1,18 @@
-import e, { useCallback as H, useRef as q, useContext as V } from "react";
+import e, { useCallback as H, useRef as V, useContext as q } 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-D6A2hUbV.js";
+import { ah as p, ae as j, ar as T, aj as Q } from "./form-DzjdnO7t.js";
 import { f as m, a as F } from "./find-child-C60k4CxG.js";
-import { D as z, E as G } from "./field-error-headless-DP4WSQU3.js";
-import { L as J } from "./field-label-headless-BKmi7Fjg.js";
+import { D as z, E as G } from "./field-error-headless-DTKnr5Zx.js";
+import { L as J } from "./field-label-headless-DV4aNd5Y.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-DtugsLiL.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 { id: n, value: s, onChange: o, disabled: i, readOnly: l, required: a, onBlur: d, onFocus: f, use24HourFormat: b, FieldLayout: I, hasError: C } = p(), { inputId: L, ariaDescribedBy: g, labelId: D } = j(), R = H((M) => {
     const w = ae(M);
     o(w);
   }, [
@@ -23,13 +23,13 @@ const r = ({ children: t }) => {
     renderLabel: () => N,
     renderInput: () => /* @__PURE__ */ e.createElement(B, {
       "aria-labelledby": D,
-      id: C,
-      "aria-describedby": L,
+      id: L,
+      "aria-describedby": g,
       value: O,
       onChange: R,
       isDisabled: i,
       isReadOnly: l,
-      isInvalid: g,
+      isInvalid: C,
       isRequired: a,
       onBlur: d,
       onFocus: f,
@@ -65,7 +65,7 @@ const r = ({ children: t }) => {
     }
   });
 }, ee = ({ className: t, ...n }) => {
-  const { id: s, hidePlaceholder: o } = p(), { segment: i } = n, { t: l } = T(), a = q(null);
+  const { id: s, hidePlaceholder: o } = p(), { segment: i } = n, { t: l } = T(), a = V(null);
   Q(() => {
     var f;
     (f = a.current) == null || f.focus();
@@ -89,7 +89,7 @@ const r = ({ children: t }) => {
     }
   });
 }, 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");
+  const { hidePlaceholder: s } = p(), { segment: o } = n, { t: i } = T(), l = q(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,
@@ -149,7 +149,7 @@ const oe = "_time_1wbmw_1", le = "_hour_1wbmw_14", se = "_minute_1wbmw_15", ie =
   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);
+}, ce)), Le = () => /* @__PURE__ */ e.createElement(me, null);
 export {
-  Ce as TimeInputRAC
+  Le as TimeInputRAC
 };

package/dist/component/{url-input-field-rac-B4qgrssx.js → url-input-field-rac-B_1yVniS.js}

@@ -2,16 +2,16 @@ 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-D6A2hUbV.js";
+import { ah as E, ae as d, aj as B } from "./form-DzjdnO7t.js";
 import { f as u } from "./find-child-C60k4CxG.js";
-import { D as M, E as P } from "./field-error-headless-DP4WSQU3.js";
-import { L as T } from "./field-label-headless-BKmi7Fjg.js";
-import { u as g } from "./use-invoke-callback-UH73A_J3.js";
-import { E as k } from "./error-icon-hZxQ6DEy.js";
+import { D as M, E as P } from "./field-error-headless-DTKnr5Zx.js";
+import { L as T } from "./field-label-headless-DV4aNd5Y.js";
+import { u as k } from "./use-invoke-callback-UH73A_J3.js";
+import { E as q } from "./error-icon-hZxQ6DEy.js";
 import { s } from "./field-rac.module-DtugsLiL.js";
-import { r as q, H as v, q as U, l as x, h as w } from "./form-element-classes-Bi-nNM8q.js";
+import { r as v, H as U, q as g, 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(() => {
+  const { id: o, value: n, onChange: a, disabled: m, readOnly: i, required: c, hasError: I, onBlur: f, onFocus: F, FieldLayout: L } = E(), { labelId: R } = d(), p = k(f), b = u(t, e.Label), D = u(t, e.Input), _ = u(t, e.Description), C = u(t, e.Error), S = O(() => {
     a(H(n)), p();
   }, [
     p,
@@ -35,7 +35,7 @@ const H = (t) => t ? `https://${String(t).replace(/^https?:\/\//, "")}` : "", e
     renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, C, _)
   });
 }, V = ({ className: t }) => {
-  const { id: o, placeholder: n } = d(), { inputId: a, ariaDescribedBy: m } = E(), i = N(null);
+  const { id: o, placeholder: n } = E(), { inputId: a, ariaDescribedBy: m } = d(), i = N(null);
   return B(() => {
     var c;
     (c = i.current) == null || c.focus();
@@ -56,14 +56,14 @@ const W = ({ content: t, locale: o }) => /* @__PURE__ */ r.createElement(h, {
   content: t,
   locale: o
 }), te = () => /* @__PURE__ */ r.createElement(e, null, /* @__PURE__ */ r.createElement(e.Label, {
-  className: l(q, s.label)
+  className: l(v, s.label)
 }, /* @__PURE__ */ r.createElement(e.Label.Required, {
-  className: l(v, s.requiredMark)
+  className: l(U, s.requiredMark)
 })), /* @__PURE__ */ r.createElement(e.Input, {
-  className: l(U, s.input)
+  className: l(g, s.input)
 }), /* @__PURE__ */ r.createElement(e.Error, {
   className: l(x, s.error)
-}, /* @__PURE__ */ r.createElement(k, null), /* @__PURE__ */ r.createElement(e.Error.Text, null)), /* @__PURE__ */ r.createElement(e.Description, {
+}, /* @__PURE__ */ r.createElement(q, null), /* @__PURE__ */ r.createElement(e.Error.Text, null)), /* @__PURE__ */ r.createElement(e.Description, {
   className: l(w, s.description)
 }, W));
 export {

package/dist/component/{url-input-rac-Bo51kTsG.js → url-input-rac-D8VrKYVe.js}

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

package/dist/component/{use-service-options-base-Du6B6AP9.js → use-service-options-base-Ci9gIluo.js}

@@ -1,7 +1,7 @@
 import { useState as o, useCallback as D, useEffect as m, useMemo as b } from "react";
-import { af as v } from "./form-D6A2hUbV.js";
+import { ag as v } from "./form-DzjdnO7t.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) => {
+  const { fieldType: L, isEditor: t = !1, postProcessOptions: i, customFetchLogic: a, onInitialDataLoaded: n } = I, [O, g] = o(!1), [h, p] = o([]), [E, u] = o(!1), [c, f] = o(!1), s = v(L), r = D((e) => {
     let d = e.map((l) => ({
       value: l.id ?? "",
       label: l.name ?? "",
@@ -14,7 +14,7 @@ const k = (I) => {
   m(() => {
     if (s != null && s.services) {
       const e = r(s.services);
-      p(e), f(e.length === 0), u(!0), n && n(e);
+      p(e), u(e.length === 0), f(!0), n && n(e);
     }
   }, [
     s,
@@ -32,14 +32,14 @@ const k = (I) => {
   ]);
   return {
     isLoading: O,
-    options: g,
+    options: h,
     isEmpty: E,
     hasInitialDataLoaded: c,
     shouldRender: y,
-    setIsLoading: h,
+    setIsLoading: g,
     setOptions: p,
-    setIsEmpty: f,
-    setHasInitialDataLoaded: u,
+    setIsEmpty: u,
+    setHasInitialDataLoaded: f,
     processOptions: r
   };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/form-elements",
-  "version": "1.62.0",
+  "version": "1.63.0",
   "description": "The Wix Forms rendering element for Builder apps, loaded at runtime as @wix/form-elements/Form",
   "license": "MIT",
   "files": [
@@ -10,13 +10,6 @@
     "README.md"
   ],
   "type": "module",
-  "imports": {
-    "#prebuilt-form": {
-      "types": "./src/extensions/form/form.tsx",
-      "default": "./dist/component/form.js"
-    },
-    "#prebuilt-form/style.css": "./dist/component/form.css"
-  },
   "exports": {
     "./Form": {
       "types": "./dist/form.d.ts",
@@ -87,8 +80,6 @@
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.18.5",
-    "@babel/core": "^7.29.0",
-    "@babel/types": "^7.29.0",
     "@size-limit/file": "^14.0.0",
     "@storybook/react-vite": "^10.6.0",
     "@testing-library/dom": "^10.4.1",
@@ -119,7 +110,6 @@
     "@wix/sdk-types": "^1.17.12",
     "@wix/services-manager-react": "^1.0.8",
     "@wix/sled-playwright": "^1.394.0",
-    "esbuild": "^0.25.0",
     "oxfmt": "^0.62.0",
     "oxlint": "^1.77.0",
     "publint": "^0.3.24",
@@ -131,9 +121,7 @@
     "size-limit": "^14.0.0",
     "storybook": "^10.6.0",
     "typescript": "npm:@typescript/typescript6@^6.0.2",
-    "unplugin": "^3.0.0",
     "vite": "^6.4.3",
-    "vite-plugin-dynamic-import": "^1.6.0",
     "vitest": "^4.1.11"
   },
   "peerDependencies": {
@@ -163,5 +151,5 @@
       ]
     }
   },
-  "falconPackageHash": "c65576a8141b17fc1016326b69860c9fa683dccb46939aebe36ee985"
+  "falconPackageHash": "ceca4ba400e894c9f62e0f27ba30b756661135d9a581458098ac5453"
 }