@wix/form-elements 0.0.0-stage → 1.53.0

package/dist/component/submit-button-rac-DQFhhUWx.js

@@ -0,0 +1,115 @@
+import t from "react";
+import l from "classnames";
+import { ag as c } from "./form-Dn-MrArr.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";
+function x(e) {
+  const s = "calc(50% - 2px)";
+  return /* @__PURE__ */ t.createElement(v, {
+    ...e,
+    isIndeterminate: !0
+  }, ({ percentage: o, isIndeterminate: a }) => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("svg", {
+    fill: "none",
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 32 32"
+  }, /* @__PURE__ */ t.createElement("circle", {
+    cx: "50%",
+    cy: "50%",
+    r: s
+  }), /* @__PURE__ */ t.createElement("circle", {
+    cx: "50%",
+    cy: "50%",
+    r: s,
+    // Normalize the path length to 100 so we can easily set stroke-dasharray/-offset to a percentage.
+    pathLength: "100",
+    strokeDasharray: a || o == null ? "25 100" : "100 100",
+    strokeDashoffset: a || o == null ? 0 : 100 - o,
+    strokeLinecap: "round"
+  }, a && /* @__PURE__ */ t.createElement("animateTransform", {
+    attributeName: "transform",
+    type: "rotate",
+    // Rotate around the circle's own center (viewBox is 32x32), not the SVG origin.
+    values: "0 16 16;360 16 16",
+    dur: "0.75s",
+    repeatCount: "indefinite"
+  })))));
+}
+const u = ({ children: e }) => {
+  const { id: n, FieldLayout: s } = c(), o = i(e, u.SubmitButton);
+  return /* @__PURE__ */ t.createElement(s, {
+    fieldId: n,
+    renderLabel: () => null,
+    renderInput: () => /* @__PURE__ */ t.createElement(t.Fragment, null, o),
+    renderDescription: () => null
+  });
+}, m = ({ className: e, children: n }) => {
+  const s = i(n, b), o = i(n, E), a = i(n, B);
+  return /* @__PURE__ */ t.createElement("div", {
+    className: e
+  }, s, o, a);
+}, b = ({ className: e }) => {
+  const { showPreviousButton: n, onPreviousClick: s, previousText: o } = c();
+  return n ? /* @__PURE__ */ t.createElement(S, {
+    className: e,
+    onPress: s
+  }, o) : null;
+}, E = ({ className: e }) => {
+  const { showNextButton: n, onNextClick: s, nextText: o } = c();
+  return n ? /* @__PURE__ */ t.createElement(S, {
+    className: e,
+    onPress: s
+  }, o) : null;
+}, B = ({ className: e, children: n }) => {
+  const { showSubmitButton: s, onSubmitClick: o, submitText: a, isDisabled: g, isInProgress: p } = c();
+  if (!s)
+    return null;
+  const _ = i(n, B.Loader);
+  return /* @__PURE__ */ t.createElement(S, {
+    className: e,
+    onPress: o,
+    isDisabled: g || p,
+    "data-in-progress": p
+  }, p && _ ? _ : a);
+}, C = ({ className: e }) => /* @__PURE__ */ t.createElement("span", {
+  className: e
+}, /* @__PURE__ */ t.createElement(x, null));
+B.Loader = C;
+m.PreviousButton = b;
+m.NextButton = E;
+m.SubmitButton = B;
+u.SubmitButton = m;
+const h = "_navigationContainer_1yuje_1", y = "_rowSpacing_1yuje_6", P = "_navigationButton_1yuje_10", T = "_nextButton_1yuje_24", L = "_previousButton_1yuje_47", w = "_button_1yuje_90", j = "_buttonNoSteps_1yuje_122", k = "_buttonWithSteps_1yuje_126", F = "_progress_1yuje_153", r = {
+  navigationContainer: h,
+  rowSpacing: y,
+  navigationButton: P,
+  nextButton: T,
+  previousButton: L,
+  button: w,
+  buttonNoSteps: j,
+  buttonWithSteps: k,
+  progress: F
+}, O = () => {
+  const { hasSteps: e, showPreviousButton: n } = c();
+  return /* @__PURE__ */ t.createElement(u, null, /* @__PURE__ */ t.createElement(u.SubmitButton, {
+    className: l({
+      [r.navigationContainer]: e,
+      [r.rowSpacing]: n
+    })
+  }, /* @__PURE__ */ t.createElement(u.SubmitButton.PreviousButton, {
+    className: l(N, r.navigationButton, r.previousButton)
+  }), /* @__PURE__ */ t.createElement(u.SubmitButton.NextButton, {
+    className: l(d, r.navigationButton, r.nextButton)
+  }), /* @__PURE__ */ t.createElement(u.SubmitButton.SubmitButton, {
+    className: l(f, r.button, {
+      [r.buttonNoSteps]: !e,
+      [r.buttonWithSteps]: e
+    })
+  }, /* @__PURE__ */ t.createElement(u.SubmitButton.SubmitButton.Loader, {
+    className: r.progress
+  }))));
+}, M = () => /* @__PURE__ */ t.createElement(O, null);
+export {
+  M as SubmitButtonRAC
+};

package/dist/component/tags-field-rac-F3yYmtiN.js

@@ -0,0 +1,201 @@
+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 { 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 { 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 { 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) => {
+  const c = a.length + 2;
+  return (t.find((r) => r.startsWith(`${a}: `)) || "").slice(c);
+}, he = (t) => t.map((a) => a.value ?? a.label), $ = ({ className: t, ...a }) => {
+  const { label: l } = a;
+  return /* @__PURE__ */ e.createElement("span", {
+    className: t
+  }, l);
+}, W = ({ className: t }) => {
+  const { value: a, onChange: l, addOtherLabel: c, addOtherPlaceholder: i, otherInputCharacterLimit: r, disabled: u, readOnly: b, hasError: d } = y(), { t: m } = T(), o = c || m("add-other.default-other-option-label") || g, p = F(() => pe(a || [], o), [
+    a,
+    o
+  ]), [n, L] = j(p), h = M(l);
+  w(() => {
+    h.current = l;
+  });
+  const I = q((E) => {
+    L(E);
+    const C = (a || []).filter((O) => !O.startsWith(`${o}:`) && O !== o), R = E ? `${o}: ${E}` : o;
+    h.current([
+      ...C,
+      R
+    ]);
+  }, [
+    a,
+    o
+  ]);
+  return /* @__PURE__ */ e.createElement(J, {
+    value: n,
+    onChange: I,
+    isDisabled: u,
+    isReadOnly: b,
+    isInvalid: d,
+    "aria-label": o
+  }, /* @__PURE__ */ e.createElement(K, {
+    "data-hook": "tags-other-input",
+    "data-filled": n ? !0 : void 0,
+    placeholder: i,
+    maxLength: r,
+    className: t
+  }));
+}, v = ({ children: t, className: a, ...l }) => {
+  const { value: c, label: i, isOther: r, isFirstOption: u } = l, { id: b, value: d, onChange: m, options: o, disabled: p, readOnly: n, hasError: L } = y(), h = M(null);
+  te(() => {
+    var O;
+    u && ((O = h.current) == null || O.focus({
+      preventScroll: !0
+    }));
+  }, b);
+  const I = f(t, $), E = F(() => d || [], [
+    d
+  ]), C = F(() => r ? E.find((O) => O === i || O.startsWith(`${i}: `)) || i : c, [
+    r,
+    E,
+    i,
+    c
+  ]), R = q((O) => {
+    const G = he(o || []), V = E.filter((H) => G.includes(H));
+    m(O ? [
+      ...V,
+      i
+    ] : V);
+  }, [
+    i,
+    m,
+    o,
+    E
+  ]);
+  return /* @__PURE__ */ e.createElement(X, {
+    inputRef: h,
+    value: C,
+    onChange: r ? R : void 0,
+    isDisabled: p,
+    isReadOnly: n,
+    isInvalid: L
+  }, /* @__PURE__ */ e.createElement(Y, {
+    className: a,
+    "data-hook": `tags-${r ? g : c}`
+  }, k(I, {
+    value: c,
+    label: i,
+    isOther: r,
+    isFirstOption: u
+  })));
+}, A = ({ children: t, className: a }) => {
+  const { options: l, addOther: c, addOtherLabel: i, numberOfColumns: r = D.FREE_FLOW } = y(), { isMobile: u } = ee(), { t: b } = T(), d = u && r !== D.FREE_FLOW ? D.ONE : r, m = i || b("add-other.default-other-option-label") || g, o = f(t, v), p = F(() => {
+    const n = l || [];
+    return c ? [
+      ...n,
+      {
+        label: m,
+        value: m,
+        isOther: !0
+      }
+    ] : n;
+  }, [
+    l,
+    c,
+    m
+  ]);
+  return p.length === 0 ? null : /* @__PURE__ */ e.createElement("div", {
+    className: a,
+    "data-columns": d
+  }, p.map((n, L) => {
+    const h = n.value ?? n.label;
+    return k(o, {
+      key: n.isOther ? g : h,
+      value: h,
+      label: n.label,
+      isOther: n.isOther,
+      isFirstOption: L === 0
+    });
+  }));
+}, U = ({ children: t, className: a }) => {
+  const { addOther: l, addOtherLabel: c, hasError: i, readOnly: r, value: u } = y(), { t: b } = T(), d = c || b("add-other.default-other-option-label") || g, m = f(t, A), o = f(t, W), p = F(() => !l || !u ? !1 : u.some((n) => n === d || n.startsWith(`${d}:`)), [
+    l,
+    u,
+    d
+  ]);
+  return /* @__PURE__ */ e.createElement("div", {
+    className: a,
+    "data-invalid": i,
+    "data-readonly": r
+  }, m, p && o);
+}, s = ({ children: t }) => {
+  const { id: a, value: l, onChange: c, FieldLayout: i, required: r, disabled: u, readOnly: b, hasError: d, onBlur: m, onFocus: o } = y(), { inputId: p, labelId: n, ariaDescribedBy: L } = Z(), h = F(() => l || [], [
+    l
+  ]), I = f(t, P), E = f(t, U), C = f(t, B), R = f(t, x);
+  return /* @__PURE__ */ e.createElement(i, {
+    fieldId: a,
+    renderLabel: () => I,
+    renderInput: () => /* @__PURE__ */ e.createElement(ae, {
+      id: p,
+      ariaLabelledBy: n,
+      ariaDescribedBy: L,
+      required: r,
+      onBlur: m,
+      onFocus: o
+    }, /* @__PURE__ */ e.createElement(z, {
+      "aria-labelledby": n,
+      value: h,
+      onChange: c,
+      isDisabled: u,
+      isReadOnly: b,
+      isRequired: r,
+      isInvalid: d
+    }, E)),
+    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, R, C)
+  });
+};
+A.Option = v;
+v.Label = $;
+s.Label = P;
+s.Control = U;
+s.Options = A;
+s.OtherInput = W;
+s.Description = B;
+s.Error = x;
+const Ee = "_control_lyoqm_1", Oe = "_options_lyoqm_7", be = "_option_lyoqm_7", N = {
+  control: Ee,
+  options: Oe,
+  option: be
+}, fe = ({ content: t, locale: a }) => /* @__PURE__ */ e.createElement(Q, {
+  content: t,
+  locale: a
+}), Ve = () => /* @__PURE__ */ e.createElement(s, null, /* @__PURE__ */ e.createElement(s.Label, {
+  className: _(re, S.label)
+}, /* @__PURE__ */ e.createElement(s.Label.Required, {
+  className: _(oe, S.requiredMark)
+})), /* @__PURE__ */ e.createElement(s.Control, {
+  className: N.control
+}, /* @__PURE__ */ e.createElement(s.Options, {
+  className: _(se, N.options)
+}, /* @__PURE__ */ e.createElement(s.Options.Option, {
+  className: ({ isSelected: t }) => _(le, t && ie, N.option)
+}, /* @__PURE__ */ e.createElement(s.Options.Option.Label, {
+  className: me.optionLabel
+}))), /* @__PURE__ */ e.createElement(s.OtherInput, {
+  className: _(ce, S.input)
+})), /* @__PURE__ */ e.createElement(s.Error, {
+  className: _(ue, S.error)
+}, /* @__PURE__ */ e.createElement(ne, null), /* @__PURE__ */ e.createElement(s.Error.Text, null)), /* @__PURE__ */ e.createElement(s.Description, {
+  className: _(de, S.description)
+}, fe));
+export {
+  Ve as T
+};

package/dist/component/tags-rac-BkJ8931D.js

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

package/dist/component/text-area-field-rac-BQXCdqvK.js

@@ -0,0 +1,69 @@
+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 { 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 { E as q } from "./error-icon-hZxQ6DEy.js";
+import { s } from "./field-rac.module-DXfwku6m.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) => {
+    l(C);
+  }, [
+    l
+  ]), _ = c(t, e.Label), b = c(t, e.Input), D = c(t, e.Description), A = c(t, e.Error);
+  return /* @__PURE__ */ r.createElement(f, {
+    fieldId: a,
+    renderLabel: () => _,
+    renderInput: () => /* @__PURE__ */ r.createElement(N, {
+      "aria-labelledby": L,
+      value: m ?? "",
+      onChange: R,
+      isDisabled: u,
+      isReadOnly: i,
+      isRequired: o,
+      isInvalid: F,
+      onBlur: p,
+      onFocus: I
+    }, b),
+    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);
+  return h(() => {
+    var i;
+    (i = o.current) == null || i.focus();
+  }, l), /* @__PURE__ */ r.createElement(y, {
+    ref: o,
+    id: a,
+    "aria-describedby": m,
+    placeholder: u,
+    className: t
+  });
+};
+e.Label = M;
+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, {
+  content: t,
+  locale: a
+}), re = () => /* @__PURE__ */ r.createElement(e, null, /* @__PURE__ */ r.createElement(e.Label, {
+  className: n(v, s.label)
+}, /* @__PURE__ */ r.createElement(e.Label.Required, {
+  className: n(B, s.requiredMark)
+})), /* @__PURE__ */ r.createElement(e.Input, {
+  className: n(P, s.input, H.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));
+export {
+  re as T
+};

package/dist/component/text-area-rac-CI4idsCI.js

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

package/dist/component/text-input-field-rac-Di3rvMr8.js

@@ -0,0 +1,24 @@
+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 { E as o } from "./error-icon-hZxQ6DEy.js";
+import { s as a } from "./field-rac.module-DXfwku6m.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,
+  locale: s
+}), N = () => /* @__PURE__ */ e.createElement(r, null, /* @__PURE__ */ e.createElement(r.Label, {
+  className: t(n, a.label)
+}, /* @__PURE__ */ e.createElement(r.Label.Required, {
+  className: t(c, a.requiredMark)
+})), /* @__PURE__ */ e.createElement(r.Input, {
+  className: t(E, a.input)
+}), /* @__PURE__ */ e.createElement(r.Error, {
+  className: t(i, a.error)
+}, /* @__PURE__ */ e.createElement(o, null), /* @__PURE__ */ e.createElement(r.Error.Text, null)), /* @__PURE__ */ e.createElement(r.Description, {
+  className: t(R, a.description)
+}, _));
+export {
+  N as T
+};

package/dist/component/text-input-headless-BFldUMDr.js

@@ -0,0 +1,44 @@
+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 { 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";
+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, {
+    fieldId: s,
+    renderLabel: () => I,
+    renderInput: () => /* @__PURE__ */ t.createElement(R, {
+      "aria-labelledby": E,
+      value: i ?? "",
+      onChange: l,
+      isDisabled: u,
+      isReadOnly: n,
+      isRequired: o,
+      isInvalid: p,
+      onBlur: m,
+      onFocus: b
+    }, F),
+    renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, D, y)
+  });
+}, B = ({ className: r }) => {
+  const { id: s, placeholder: i } = d(), { inputId: l, ariaDescribedBy: u } = c(), n = L(null);
+  return v(() => {
+    var o;
+    (o = n.current) == null || o.focus();
+  }, s), /* @__PURE__ */ t.createElement(g, {
+    ref: n,
+    id: l,
+    "aria-describedby": u,
+    className: r,
+    placeholder: i
+  });
+};
+e.Label = x;
+e.Input = B;
+e.Description = T;
+e.Error = h;
+export {
+  e as T
+};

package/dist/component/text-input-rac-v2DSKy7B.js

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

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

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