@wix/form-elements 0.0.0-stage → 1.53.0

package/dist/component/date-input-field-rac-BrdGNXKw.js

@@ -0,0 +1,286 @@
+import { RicosViewer as X } from "@wix/ricos/viewer";
+import E from "classnames";
+import t, { useMemo as g, useState as x, useCallback as w, useRef as B } from "react";
+import { ag as D, ad as U, aa as A, H as k, a0 as q, r as i, aq as P, w as Z, J as ee, a7 as te, ai as V } from "./form-Dn-MrArr.js";
+import { UNSAFE_PortalProvider as ae } from "react-aria";
+import { ListBoxItem as ne, ListBox as re, Select as oe, TextField as $, SelectValue as se, Input as z } from "react-aria-components";
+import { f as p, a as J } from "./find-child-C60k4CxG.js";
+import { g as le } from "./helpers-HmkkXrh2.js";
+import { D as ce, E as ie } from "./field-error-headless-D40GACk4.js";
+import { L as me } from "./field-label-headless-Beq2Tn6V.js";
+import { F as de } from "./fieldset-headless-CD3fds9J.js";
+import { N as ue, S as pe } from "./non-modal-popover-DtIMXHbe.js";
+import { C as Ee } from "./chevron-down-icon-CcpVm6B-.js";
+import { E as be } from "./error-icon-hZxQ6DEy.js";
+import { H as fe } from "./custom-focus-class-_483Pkwp.js";
+import { s as u } from "./field-rac.module-DXfwku6m.js";
+import { r as R, H as he, q as H, u as Ie, l as De, h as ye } from "./form-element-classes-Bi-nNM8q.js";
+const n = ({ children: e, className: a }) => {
+  const { id: r, required: o, onBlur: s, onFocus: c, FieldLayout: l } = D(), { inputId: d, labelId: m, ariaDescribedBy: f } = U(), { regionalFormat: b } = A(), I = g(() => k(b).filter(q).map((v) => v.toUpperCase()), [
+    b
+  ]), O = p(e, n.Label), T = p(e, n.Description), Y = p(e, n.Error), N = {
+    [i.MONTH]: p(e, n.Month),
+    [i.DAY]: p(e, n.Day),
+    [i.YEAR]: p(e, n.Year)
+  };
+  return /* @__PURE__ */ t.createElement(l, {
+    fieldId: r,
+    renderLabel: () => J(O, {
+      as: "div"
+    }),
+    renderInput: () => /* @__PURE__ */ t.createElement(de, {
+      id: d,
+      ariaLabelledBy: m,
+      ariaDescribedBy: f,
+      required: o,
+      onBlur: s,
+      onFocus: c,
+      className: a
+    }, N[I[0]], N[I[1]], N[I[2]]),
+    renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, Y, T)
+  });
+}, y = ({ children: e, className: a }) => {
+  const { disabled: r, readOnly: o, showDateLabels: s, hidePlaceholder: c } = D(), { labelId: l } = _(i.MONTH), { partValue: d, partError: m, onPartChange: f } = L(i.MONTH), { t: b } = P(), [I, O] = x(!1), [T, Y] = x(null), N = c ? void 0 : b("field.date.placeholder.month"), v = w((M) => {
+    o || f(typeof M == "string" ? M : "");
+  }, [
+    f,
+    o
+  ]), K = w((M) => {
+    O(M && !o);
+  }, [
+    o
+  ]), Q = p(e, y.Label), G = p(e, y.Trigger), W = p(e, y.Options);
+  return /* @__PURE__ */ t.createElement("div", {
+    className: a,
+    "data-date-field": !0
+  }, s ? Q : null, /* @__PURE__ */ t.createElement("div", {
+    ref: Y,
+    style: {
+      display: "contents"
+    }
+  }), /* @__PURE__ */ t.createElement(ae, {
+    getContainer: () => T
+  }, /* @__PURE__ */ t.createElement(oe, {
+    "aria-labelledby": s ? l : void 0,
+    value: d || null,
+    onChange: v,
+    isDisabled: r,
+    isInvalid: m,
+    placeholder: N,
+    isOpen: I,
+    onOpenChange: K
+  }, G, W)));
+}, _e = ({ className: e }) => /* @__PURE__ */ t.createElement(j, {
+  datePart: i.MONTH,
+  className: e
+}), ge = ({ children: e, className: a }) => {
+  const { id: r, readOnly: o } = D(), { inputId: s } = _(i.MONTH), { partError: c, isFirstPart: l } = L(i.MONTH), d = B(null);
+  return V(() => {
+    var m;
+    l && ((m = d.current) == null || m.focus());
+  }, r), /* @__PURE__ */ t.createElement(pe, {
+    ref: d,
+    id: s,
+    className: a,
+    "data-hook": i.MONTH,
+    "data-invalid": c || void 0,
+    "data-readonly": o || void 0
+  }, /* @__PURE__ */ t.createElement(se, null), e);
+}, S = ({ children: e, className: a }) => {
+  const { language: r } = A(), o = g(() => le(r), [
+    r
+  ]), s = p(e, S.Option) ?? /* @__PURE__ */ t.createElement(S.Option, null);
+  return /* @__PURE__ */ t.createElement(ue, {
+    className: a,
+    containerPadding: 0,
+    offset: 0
+  }, /* @__PURE__ */ t.createElement(re, null, o.map((c, l) => J(s, {
+    key: String(l + 1),
+    value: String(l + 1),
+    label: c
+  }))));
+}, Le = ({ className: e, ...a }) => {
+  const { value: r, label: o } = a;
+  return /* @__PURE__ */ t.createElement(ne, {
+    className: e,
+    id: r,
+    textValue: o
+  }, o);
+};
+y.Label = _e;
+y.Trigger = ge;
+y.Options = S;
+S.Option = Le;
+const F = ({ children: e, className: a }) => {
+  const { disabled: r, readOnly: o, showDateLabels: s } = D(), { labelId: c } = _(i.DAY), { partValue: l, partError: d, onPartChange: m } = L(i.DAY), f = p(e, F.Label), b = p(e, F.Input);
+  return /* @__PURE__ */ t.createElement("div", {
+    className: a,
+    "data-date-field": !0
+  }, s && f, /* @__PURE__ */ t.createElement($, {
+    "aria-labelledby": s ? c : void 0,
+    value: l,
+    onChange: m,
+    isDisabled: r,
+    isReadOnly: o,
+    isInvalid: d
+  }, b));
+}, Oe = ({ className: e }) => /* @__PURE__ */ t.createElement(j, {
+  datePart: i.DAY,
+  className: e
+}), Ne = ({ className: e }) => {
+  const { id: a, hidePlaceholder: r } = D(), { inputId: o } = _(i.DAY), { isFirstPart: s } = L(i.DAY), { t: c } = P(), l = B(null), d = r ? void 0 : c("field.date.placeholder.day");
+  return V(() => {
+    var m;
+    s && ((m = l.current) == null || m.focus());
+  }, a), /* @__PURE__ */ t.createElement(z, {
+    ref: l,
+    id: o,
+    className: e,
+    placeholder: d,
+    maxLength: 2,
+    inputMode: "numeric",
+    "data-hook": i.DAY
+  });
+};
+F.Label = Oe;
+F.Input = Ne;
+const C = ({ children: e, className: a }) => {
+  const { disabled: r, readOnly: o, showDateLabels: s } = D(), { labelId: c } = _(i.YEAR), { partValue: l, partError: d, onPartChange: m } = L(i.YEAR), f = p(e, C.Label), b = p(e, C.Input);
+  return /* @__PURE__ */ t.createElement("div", {
+    className: a,
+    "data-date-field": !0
+  }, s && f, /* @__PURE__ */ t.createElement($, {
+    "aria-labelledby": s ? c : void 0,
+    value: l,
+    onChange: m,
+    isDisabled: r,
+    isReadOnly: o,
+    isInvalid: d
+  }, b));
+}, Fe = ({ className: e }) => /* @__PURE__ */ t.createElement(j, {
+  datePart: i.YEAR,
+  className: e
+}), Ce = ({ className: e }) => {
+  const { id: a, hidePlaceholder: r } = D(), { inputId: o } = _(i.YEAR), { isFirstPart: s } = L(i.YEAR), { t: c } = P(), l = B(null), d = r ? void 0 : c("field.date.placeholder.year");
+  return V(() => {
+    var m;
+    s && ((m = l.current) == null || m.focus());
+  }, a), /* @__PURE__ */ t.createElement(z, {
+    ref: l,
+    id: o,
+    className: e,
+    placeholder: d,
+    maxLength: 4,
+    inputMode: "numeric",
+    "data-hook": i.YEAR
+  });
+};
+C.Label = Fe;
+C.Input = Ce;
+n.Label = me;
+n.Month = y;
+n.Day = F;
+n.Year = C;
+n.Description = ce;
+n.Error = ie;
+function _(e) {
+  const { inputId: a } = U();
+  return g(() => {
+    const r = e.toLowerCase();
+    return {
+      inputId: `${a}-${r}-input`,
+      labelId: `${a}-${r}-label`
+    };
+  }, [
+    a,
+    e
+  ]);
+}
+function L(e) {
+  const { value: a, onChange: r, hasError: o = !1 } = D(), { regionalFormat: s } = A(), c = g(() => Z(a ?? ""), [
+    a
+  ]), l = g(() => ee(o, a ?? ""), [
+    a,
+    o
+  ]), d = c[e] || "", m = w((b) => {
+    const I = te(b, e, c);
+    r(I);
+  }, [
+    r,
+    c,
+    e
+  ]), f = g(() => k(s).filter(q).map((O) => O.toUpperCase())[0] === e, [
+    s,
+    e
+  ]);
+  return {
+    partValue: d,
+    partError: l[e],
+    onPartChange: m,
+    isFirstPart: f
+  };
+}
+function j({ datePart: e, className: a }) {
+  const { inputId: r, labelId: o } = _(e), { t: s } = P(), c = `field.date.label.${e.toLowerCase()}`, l = s(c);
+  return /* @__PURE__ */ t.createElement("label", {
+    id: o,
+    htmlFor: r,
+    className: a
+  }, l);
+}
+const Me = "_fields_12ojb_1", Re = "_month_12ojb_9", Se = "_day_12ojb_10", Ae = "_year_12ojb_11", Pe = "_mobile_12ojb_25", Te = "_dayInput_12ojb_37", Ye = "_yearInput_12ojb_38", ve = "_monthTrigger_12ojb_42", He = "_monthOption_12ojb_62", h = {
+  fields: Me,
+  month: Re,
+  day: Se,
+  year: Ae,
+  mobile: Pe,
+  dayInput: Te,
+  yearInput: Ye,
+  monthTrigger: ve,
+  monthOption: He
+}, we = ({ content: e, locale: a }) => /* @__PURE__ */ t.createElement(X, {
+  content: e,
+  locale: a
+}), tt = () => {
+  const { isMobile: e } = A();
+  return /* @__PURE__ */ t.createElement(n, {
+    className: E(h.fields, {
+      [h.mobile]: e
+    })
+  }, /* @__PURE__ */ t.createElement(n.Label, {
+    className: E(R, u.label)
+  }, /* @__PURE__ */ t.createElement(n.Label.Required, {
+    className: E(he, u.requiredMark)
+  })), /* @__PURE__ */ t.createElement(n.Month, {
+    className: h.month
+  }, /* @__PURE__ */ t.createElement(n.Month.Label, {
+    className: E(R, u.label)
+  }), /* @__PURE__ */ t.createElement(n.Month.Trigger, {
+    className: E(H, u.input, h.monthTrigger)
+  }, /* @__PURE__ */ t.createElement(Ee, {
+    className: u.dropdownIcon
+  })), /* @__PURE__ */ t.createElement(n.Month.Options, {
+    className: E(Ie, u.selectPopover, u.dropdownPopover)
+  }, /* @__PURE__ */ t.createElement(n.Month.Options.Option, {
+    className: E(u.selectOption, h.monthOption, fe)
+  }))), /* @__PURE__ */ t.createElement(n.Day, {
+    className: h.day
+  }, /* @__PURE__ */ t.createElement(n.Day.Label, {
+    className: E(R, u.label)
+  }), /* @__PURE__ */ t.createElement(n.Day.Input, {
+    className: E(H, u.input, h.dayInput)
+  })), /* @__PURE__ */ t.createElement(n.Year, {
+    className: h.year
+  }, /* @__PURE__ */ t.createElement(n.Year.Label, {
+    className: E(R, u.label)
+  }), /* @__PURE__ */ t.createElement(n.Year.Input, {
+    className: E(H, u.input, h.yearInput)
+  })), /* @__PURE__ */ t.createElement(n.Error, {
+    className: E(De, u.error)
+  }, /* @__PURE__ */ t.createElement(be, null), /* @__PURE__ */ t.createElement(n.Error.Text, null)), /* @__PURE__ */ t.createElement(n.Description, {
+    className: E(ye, u.description)
+  }, we));
+};
+export {
+  tt as D
+};

package/dist/component/date-input-rac-D93biRsl.js

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

package/dist/component/date-picker-field-rac-ByhJ3Koo.js

@@ -0,0 +1,304 @@
+import { RicosViewer as G } from "@wix/ricos/viewer";
+import y from "classnames";
+import e, { useState as Q, useCallback as F, useContext as Z, useRef as L, useMemo as _ } from "react";
+import { D, ag as v, ad as A, aa as S, ai as z } from "./form-Dn-MrArr.js";
+import { parseDate as J } from "@internationalized/date";
+import { UNSAFE_PortalProvider as X } from "react-aria";
+import { I18nProvider as ee, DatePicker as te, DatePickerStateContext as re, Group as ae, DateInput as ne, DateSegment as oe, Dialog as le, Calendar as se, CalendarMonthPicker as ce, CalendarYearPicker as ie, CalendarGrid as me, CalendarCell as ue, Button as R, Select as O, SelectValue as x, ListBox as M, ListBoxItem as k } from "react-aria-components";
+import { g as de } from "./get-first-day-of-the-week-DvnsxYhQ.js";
+import { f as E, a as b } from "./find-child-C60k4CxG.js";
+import { D as ge, E as Ee } from "./field-error-headless-D40GACk4.js";
+import { L as pe } from "./field-label-headless-Beq2Tn6V.js";
+import { D as De, N as I, S as w } from "./non-modal-popover-DtIMXHbe.js";
+import { i as fe } from "./date-availability-DPHhHaFW.js";
+import { C as N } from "./chevron-down-icon-CcpVm6B-.js";
+import { E as Ce } from "./error-icon-hZxQ6DEy.js";
+import { s as p } from "./field-rac.module-DXfwku6m.js";
+import { r as ye, H as he, q as ve, u as Se, l as Te, h as be } from "./form-element-classes-Bi-nNM8q.js";
+const _e = [
+  D.SUNDAY,
+  D.MONDAY,
+  D.TUESDAY,
+  D.WEDNESDAY,
+  D.THURSDAY,
+  D.FRIDAY,
+  D.SATURDAY
+], Ne = {
+  availableDays: _e
+}, a = ({ children: t }) => {
+  const { id: r, value: n, onChange: l, disabled: i, required: c, onBlur: d, onFocus: o, FieldLayout: m, hasError: u, readOnly: f } = v(), { labelId: C } = A(), { regionalFormat: s } = S(), [T, Y] = Q(null), B = F((H) => {
+    const j = ke(H);
+    l(j);
+  }, [
+    l
+  ]), q = E(t, a.Label), V = E(t, a.Control), U = E(t, a.Calendar), W = E(t, a.Description), K = E(t, a.Error), $ = Me(n);
+  return /* @__PURE__ */ e.createElement(m, {
+    fieldId: r,
+    renderLabel: () => q,
+    renderInput: () => /* @__PURE__ */ e.createElement(ee, {
+      locale: s
+    }, /* @__PURE__ */ e.createElement("div", {
+      ref: Y,
+      style: {
+        display: "contents"
+      }
+    }), /* @__PURE__ */ e.createElement(X, {
+      getContainer: () => T
+    }, /* @__PURE__ */ e.createElement(te, {
+      "aria-labelledby": C,
+      value: $,
+      onChange: B,
+      isDisabled: i,
+      isInvalid: u,
+      isReadOnly: f,
+      isRequired: c,
+      onBlur: d,
+      onFocus: o
+    }, V, U))),
+    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, K, W)
+  });
+}, Ie = ({ children: t, className: r }) => {
+  const { inputId: n, ariaDescribedBy: l } = A(), { hasError: i, disabled: c, readOnly: d } = v(), o = Z(re), m = F((u) => {
+    if (!o || o.isOpen || c || d)
+      return;
+    const f = u.target;
+    if (f.closest("button"))
+      return;
+    const C = f.closest("[data-type]");
+    C && C.getAttribute("data-type") !== "literal" || o.setOpen(!0);
+  }, [
+    o,
+    c,
+    d
+  ]);
+  return /* @__PURE__ */ e.createElement(ae, {
+    id: n,
+    "aria-describedby": l,
+    className: r,
+    "data-invalid": i,
+    onPointerDownCapture: m
+  }, t);
+}, Le = ({ className: t }) => {
+  const { id: r, placeholder: n } = v(), { regionalFormat: l } = S(), i = L(null), c = L(!1);
+  z(() => {
+    var o;
+    (o = i.current) == null || o.focus();
+  }, r);
+  const d = _(() => we(l), [
+    l
+  ]);
+  return /* @__PURE__ */ e.createElement(ne, {
+    className: t
+  }, (o) => {
+    const m = o.type === d && o.isPlaceholder && !!n;
+    return /* @__PURE__ */ e.createElement(oe, {
+      segment: o,
+      "data-first-segment": m || void 0,
+      ref: (u) => {
+        if (!u && c.current) {
+          i.current = null, c.current = !1;
+          return;
+        }
+        if (u && !c.current) {
+          i.current = u, c.current = !0;
+          return;
+        }
+      }
+    }, (u) => !u.isPlaceholder || !n ? u.text : m ? n : u.text);
+  });
+}, Pe = ({ children: t, className: r }) => /* @__PURE__ */ e.createElement(De, {
+  className: r
+}, t), g = ({ children: t, className: r }) => {
+  const { regionalFormat: n, isMobile: l } = S(), { availability: i } = v(), c = _(() => de(n), [
+    n
+  ]), d = _(() => (s) => {
+    const T = new Date(s.year, s.month - 1, s.day);
+    return !fe(T, i || Ne);
+  }, [
+    i
+  ]), o = E(t, g.Day) ?? /* @__PURE__ */ e.createElement(g.Day, null), m = E(t, g.PreviousTrigger), u = E(t, g.NextTrigger), f = E(t, g.MonthTrigger), C = E(t, g.YearTrigger);
+  return /* @__PURE__ */ e.createElement(I, {
+    className: r,
+    containerPadding: 0
+  }, /* @__PURE__ */ e.createElement(le, null, /* @__PURE__ */ e.createElement(se, {
+    firstDayOfWeek: Ye(c),
+    isDateUnavailable: d
+  }, /* @__PURE__ */ e.createElement("header", null, m, /* @__PURE__ */ e.createElement(ce, null, (s) => b(f, {
+    ariaLabel: s["aria-label"],
+    selectedKey: s.value,
+    onSelectionChange: s.onChange,
+    items: s.items,
+    popoverClassName: r
+  })), /* @__PURE__ */ e.createElement(ie, {
+    visibleYears: 100
+  }, (s) => b(C, {
+    ariaLabel: s["aria-label"],
+    selectedKey: s.value,
+    onSelectionChange: s.onChange,
+    items: s.items,
+    popoverClassName: r
+  })), u), /* @__PURE__ */ e.createElement(me, {
+    weekdayStyle: l ? "narrow" : "short"
+  }, (s) => b(o, {
+    date: s
+  })))));
+}, Fe = ({ className: t, ...r }) => {
+  const { date: n } = r;
+  return /* @__PURE__ */ e.createElement(ue, {
+    className: t,
+    date: n
+  });
+}, Ae = ({ children: t, className: r }) => /* @__PURE__ */ e.createElement(R, {
+  slot: "previous",
+  className: r
+}, t), Re = ({ children: t, className: r }) => /* @__PURE__ */ e.createElement(R, {
+  slot: "next",
+  className: r
+}, t), Oe = ({ children: t, className: r, ...n }) => {
+  const { ariaLabel: l, selectedKey: i, onSelectionChange: c, items: d, popoverClassName: o } = n;
+  return /* @__PURE__ */ e.createElement(O, {
+    "aria-label": l,
+    selectedKey: i,
+    onSelectionChange: c
+  }, /* @__PURE__ */ e.createElement(w, {
+    className: r
+  }, /* @__PURE__ */ e.createElement(x, null), t), /* @__PURE__ */ e.createElement(I, {
+    className: o,
+    containerPadding: 0
+  }, /* @__PURE__ */ e.createElement(M, {
+    items: d
+  }, (m) => /* @__PURE__ */ e.createElement(k, {
+    id: m.id
+  }, m.formatted))));
+}, xe = ({ children: t, className: r, ...n }) => {
+  const { ariaLabel: l, selectedKey: i, onSelectionChange: c, items: d, popoverClassName: o } = n;
+  return /* @__PURE__ */ e.createElement(O, {
+    "aria-label": l,
+    selectedKey: i,
+    onSelectionChange: c
+  }, /* @__PURE__ */ e.createElement(w, {
+    className: r
+  }, /* @__PURE__ */ e.createElement(x, null), t), /* @__PURE__ */ e.createElement(I, {
+    className: o,
+    containerPadding: 0
+  }, /* @__PURE__ */ e.createElement(M, {
+    items: d
+  }, (m) => /* @__PURE__ */ e.createElement(k, {
+    id: m.id
+  }, m.formatted))));
+};
+g.Day = Fe;
+g.PreviousTrigger = Ae;
+g.NextTrigger = Re;
+g.MonthTrigger = Oe;
+g.YearTrigger = xe;
+a.Label = pe;
+a.Control = Ie;
+a.Input = Le;
+a.Trigger = Pe;
+a.Calendar = g;
+a.Description = ge;
+a.Error = Ee;
+function Me(t) {
+  if (!t)
+    return null;
+  try {
+    return J(t);
+  } catch {
+    return null;
+  }
+}
+function ke(t) {
+  if (!t)
+    return null;
+  const r = String(t.year).padStart(4, "0"), n = String(t.month).padStart(2, "0"), l = String(t.day).padStart(2, "0");
+  return `${r}-${n}-${l}`;
+}
+function we(t) {
+  var r;
+  try {
+    return ((r = new Intl.DateTimeFormat(t, {
+      year: "numeric",
+      month: "2-digit",
+      day: "2-digit"
+    }).formatToParts(/* @__PURE__ */ new Date()).find((l) => l.type !== "literal")) == null ? void 0 : r.type) ?? "month";
+  } catch {
+    return "month";
+  }
+}
+function Ye(t) {
+  return [
+    "sun",
+    "mon",
+    "tue",
+    "wed",
+    "thu",
+    "fri",
+    "sat"
+  ][t] || "mon";
+}
+const Be = (t) => /* @__PURE__ */ e.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  width: 14,
+  height: 14,
+  "aria-hidden": "true",
+  ...t
+}, /* @__PURE__ */ e.createElement("path", {
+  d: "M7 2v2M17 2v2M3 8h18M5 4h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z",
+  stroke: "currentColor",
+  strokeWidth: "1.5",
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+})), qe = "_control_1xqv5_1", Ve = "_segments_1xqv5_14", Ue = "_trigger_1xqv5_65", We = "_calendarPopover_1xqv5_96", Ke = "_calendarDay_1xqv5_219", $e = "_mobile_1xqv5_262", h = {
+  control: qe,
+  segments: Ve,
+  trigger: Ue,
+  calendarPopover: We,
+  calendarDay: Ke,
+  mobile: $e
+}, He = ({ content: t, locale: r }) => /* @__PURE__ */ e.createElement(G, {
+  content: t,
+  locale: r
+}), je = {
+  left: 90,
+  right: -90
+}, P = ({ direction: t }) => /* @__PURE__ */ e.createElement(N, {
+  style: {
+    transform: `rotate(${je[t]}deg)`
+  }
+}), ut = () => {
+  const { isMobile: t } = S();
+  return /* @__PURE__ */ e.createElement(a, null, /* @__PURE__ */ e.createElement(a.Label, {
+    className: y(ye, p.label)
+  }, /* @__PURE__ */ e.createElement(a.Label.Required, {
+    className: y(he, p.requiredMark)
+  })), /* @__PURE__ */ e.createElement(a.Control, {
+    className: y(ve, p.input, h.control)
+  }, /* @__PURE__ */ e.createElement(a.Trigger, {
+    className: h.trigger
+  }, /* @__PURE__ */ e.createElement(Be, null)), /* @__PURE__ */ e.createElement(a.Input, {
+    className: h.segments
+  })), /* @__PURE__ */ e.createElement(a.Calendar, {
+    className: y(Se, p.selectPopover, h.calendarPopover, {
+      [h.mobile]: t
+    })
+  }, /* @__PURE__ */ e.createElement(a.Calendar.PreviousTrigger, null, /* @__PURE__ */ e.createElement(P, {
+    direction: "left"
+  })), /* @__PURE__ */ e.createElement(a.Calendar.MonthTrigger, null, /* @__PURE__ */ e.createElement(N, {
+    className: p.dropdownIcon
+  })), /* @__PURE__ */ e.createElement(a.Calendar.YearTrigger, null, /* @__PURE__ */ e.createElement(N, {
+    className: p.dropdownIcon
+  })), /* @__PURE__ */ e.createElement(a.Calendar.NextTrigger, null, /* @__PURE__ */ e.createElement(P, {
+    direction: "right"
+  })), /* @__PURE__ */ e.createElement(a.Calendar.Day, {
+    className: h.calendarDay
+  })), /* @__PURE__ */ e.createElement(a.Error, {
+    className: y(Te, p.error)
+  }, /* @__PURE__ */ e.createElement(Ce, null), /* @__PURE__ */ e.createElement(a.Error.Text, null)), /* @__PURE__ */ e.createElement(a.Description, {
+    className: y(be, p.description)
+  }, He));
+};
+export {
+  ut as D
+};

package/dist/component/date-picker-rac-CuwcuCmJ.js

@@ -0,0 +1,6 @@
+import e from "react";
+import { D as r } from "./date-picker-field-rac-ByhJ3Koo.js";
+const a = () => /* @__PURE__ */ e.createElement(r, null);
+export {
+  a as DatePickerRAC
+};