@paolojulian.dev/design-system 4.4.0 → 4.5.1

package/dist/index.es.js

@@ -1,281 +1,658 @@
-import { jsx as a, jsxs as k, Fragment as nt } from "react/jsx-runtime";
-import { cn as p } from "./utils.es.js";
-import { forwardRef as U, useId as Le, useState as V, useMemo as rt, useRef as Be, useEffect as ot, Children as dt } from "react";
-const Qt = ({
+import { jsx as n, jsxs as _, Fragment as Bt } from "react/jsx-runtime";
+import { cn as m } from "./utils.es.js";
+import { forwardRef as Ne, useId as Qe, useRef as ne, useState as G, useMemo as Ee, useEffect as Me, Children as Kt } from "react";
+import { C as Rt, a as At, b as Lt } from "./chevron-right-icon-CDCRryr1.js";
+const Pa = ({
   children: e,
   gap: t = void 0,
-  alignItems: n = void 0,
+  alignItems: a = void 0,
   justifyContent: r = void 0,
-  className: s = ""
-}) => /* @__PURE__ */ a(
+  className: o = ""
+}) => /* @__PURE__ */ n(
   "div",
   {
-    className: p("flex flex-row", s),
+    className: m("flex flex-row", o),
     style: {
       gap: t,
-      alignItems: n,
+      alignItems: a,
       justifyContent: r
     },
     children: e
   }
-), ut = ({
+), jt = ({
   children: e,
   gap: t = void 0,
-  alignItems: n = void 0,
+  alignItems: a = void 0,
   justifyContent: r = void 0,
-  className: s = ""
-}) => /* @__PURE__ */ a(
+  className: o = ""
+}) => /* @__PURE__ */ n(
   "div",
   {
-    className: p("flex flex-col", s),
+    className: m("flex flex-col", o),
     style: {
       gap: t,
-      alignItems: n,
+      alignItems: a,
       justifyContent: r
     },
     children: e
   }
-), pt = U(
+), Ht = Ne(
   ({
     as: e = "span",
     variant: t = "neutral",
-    size: n = "sm",
+    size: a = "sm",
     appearance: r = "subtle",
-    leftIcon: s,
-    rightIcon: l,
+    leftIcon: o,
+    rightIcon: c,
     children: d,
-    className: f,
-    ...b
-  }, c) => /* @__PURE__ */ k(
+    className: g,
+    ...v
+  }, u) => /* @__PURE__ */ _(
     e,
     {
-      ...b,
-      ref: c,
-      className: p(
+      ...v,
+      ref: u,
+      className: m(
         "p-badge",
         `p-badge--${t}`,
-        `p-badge--${n}`,
+        `p-badge--${a}`,
         `p-badge--${r}`,
-        f
+        g
       ),
       children: [
-        s && /* @__PURE__ */ a("span", { className: "p-badge__icon", "aria-hidden": "true", children: s }),
-        /* @__PURE__ */ a("span", { className: "p-badge__label", children: d }),
-        l && /* @__PURE__ */ a("span", { className: "p-badge__icon", "aria-hidden": "true", children: l })
+        o && /* @__PURE__ */ n("span", { className: "p-badge__icon", "aria-hidden": "true", children: o }),
+        /* @__PURE__ */ n("span", { className: "p-badge__label", children: d }),
+        c && /* @__PURE__ */ n("span", { className: "p-badge__icon", "aria-hidden": "true", children: c })
       ]
     }
   )
 );
-pt.displayName = "PBadge";
-const ht = U(
+Ht.displayName = "PBadge";
+const Ut = Ne(
   ({
     variant: e = "primary",
     size: t = "md",
-    fullWidth: n = !1,
+    fullWidth: a = !1,
     isActive: r = !1,
-    isLoading: s = !1,
-    leftIcon: l,
+    isLoading: o = !1,
+    leftIcon: c,
     rightIcon: d,
-    children: f,
-    className: b,
-    ...c
-  }, u) => {
-    const h = !!("disabled" in c && c.disabled || s), v = p(
+    children: g,
+    className: v,
+    ...u
+  }, h) => {
+    const f = !!("disabled" in u && u.disabled || o), x = m(
       "p-button",
       `p-button--${e}`,
       `p-button--${t}`,
-      n && "p-button--full-width",
+      a && "p-button--full-width",
       r && "p-button--active",
-      b
-    ), C = /* @__PURE__ */ k(nt, { children: [
-      s ? /* @__PURE__ */ a("span", { className: "p-button__spinner", "aria-hidden": "true" }) : l && /* @__PURE__ */ a("span", { className: "p-button__icon", "aria-hidden": "true", children: l }),
-      /* @__PURE__ */ a("span", { className: "p-button__label", children: f }),
-      !s && d && /* @__PURE__ */ a("span", { className: "p-button__icon", "aria-hidden": "true", children: d })
+      v
+    ), R = /* @__PURE__ */ _(Bt, { children: [
+      o ? /* @__PURE__ */ n("span", { className: "p-button__spinner", "aria-hidden": "true" }) : c && /* @__PURE__ */ n("span", { className: "p-button__icon", "aria-hidden": "true", children: c }),
+      /* @__PURE__ */ n("span", { className: "p-button__label", children: g }),
+      !o && d && /* @__PURE__ */ n("span", { className: "p-button__icon", "aria-hidden": "true", children: d })
     ] });
-    if ("href" in c && typeof c.href == "string") {
-      const { disabled: $, onClick: w, ...x } = c, P = (q) => {
-        if (h) {
-          q.preventDefault();
+    if ("href" in u && typeof u.href == "string") {
+      const { disabled: A, onClick: I, ...C } = u, P = (U) => {
+        if (f) {
+          U.preventDefault();
           return;
         }
-        w == null || w(q);
+        I == null || I(U);
       };
-      return /* @__PURE__ */ a(
+      return /* @__PURE__ */ n(
         "a",
         {
-          ...x,
-          ref: u,
-          className: v,
-          "aria-disabled": h || void 0,
-          "aria-busy": s || void 0,
+          ...C,
+          ref: h,
+          className: x,
+          "aria-disabled": f || void 0,
+          "aria-busy": o || void 0,
           "data-active": r || void 0,
-          "data-disabled": $ || void 0,
-          tabIndex: h ? -1 : x.tabIndex,
+          "data-disabled": A || void 0,
+          tabIndex: f ? -1 : C.tabIndex,
           onClick: P,
-          children: C
+          children: R
         }
       );
     }
-    const { type: M = "button", disabled: m, ..._ } = c;
-    return /* @__PURE__ */ a(
+    const { type: T = "button", disabled: k, ...w } = u;
+    return /* @__PURE__ */ n(
       "button",
       {
-        ..._,
-        ref: u,
-        type: M,
-        disabled: !!(m || s),
-        className: v,
-        "aria-busy": s || void 0,
+        ...w,
+        ref: h,
+        type: T,
+        disabled: !!(k || o),
+        className: x,
+        "aria-busy": o || void 0,
         "data-active": r || void 0,
-        children: C
+        children: R
       }
     );
   }
 );
-ht.displayName = "PButton";
-function it(e) {
-  var t, n, r = "";
+Ut.displayName = "PButton";
+function Vt(e) {
+  var t, a, r = "";
   if (typeof e == "string" || typeof e == "number") r += e;
-  else if (typeof e == "object") if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (n = it(e[t])) && (r && (r += " "), r += n);
+  else if (typeof e == "object") if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (a = Vt(e[t])) && (r && (r += " "), r += a);
   else for (t in e) e[t] && (r && (r += " "), r += t);
   return r;
 }
-function mt() {
-  for (var e, t, n = 0, r = ""; n < arguments.length; ) (e = arguments[n++]) && (t = it(e)) && (r && (r += " "), r += t);
+function Wt() {
+  for (var e, t, a = 0, r = ""; a < arguments.length; ) (e = arguments[a++]) && (t = Vt(e)) && (r && (r += " "), r += t);
   return r;
 }
-const Qe = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, Xe = mt, gt = (e, t) => (n) => {
+const Dt = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, wt = Wt, qt = (e, t) => (a) => {
   var r;
-  if ((t == null ? void 0 : t.variants) == null) return Xe(e, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
-  const { variants: s, defaultVariants: l } = t, d = Object.keys(s).map((c) => {
-    const u = n == null ? void 0 : n[c], h = l == null ? void 0 : l[c];
-    if (u === null) return null;
-    const v = Qe(u) || Qe(h);
-    return s[c][v];
-  }), f = n && Object.entries(n).reduce((c, u) => {
-    let [h, v] = u;
-    return v === void 0 || (c[h] = v), c;
-  }, {}), b = t == null || (r = t.compoundVariants) === null || r === void 0 ? void 0 : r.reduce((c, u) => {
-    let { class: h, className: v, ...C } = u;
-    return Object.entries(C).every((M) => {
-      let [m, _] = M;
-      return Array.isArray(_) ? _.includes({
-        ...l,
-        ...f
-      }[m]) : {
-        ...l,
-        ...f
-      }[m] === _;
+  if ((t == null ? void 0 : t.variants) == null) return wt(e, a == null ? void 0 : a.class, a == null ? void 0 : a.className);
+  const { variants: o, defaultVariants: c } = t, d = Object.keys(o).map((u) => {
+    const h = a == null ? void 0 : a[u], f = c == null ? void 0 : c[u];
+    if (h === null) return null;
+    const x = Dt(h) || Dt(f);
+    return o[u][x];
+  }), g = a && Object.entries(a).reduce((u, h) => {
+    let [f, x] = h;
+    return x === void 0 || (u[f] = x), u;
+  }, {}), v = t == null || (r = t.compoundVariants) === null || r === void 0 ? void 0 : r.reduce((u, h) => {
+    let { class: f, className: x, ...R } = h;
+    return Object.entries(R).every((T) => {
+      let [k, w] = T;
+      return Array.isArray(w) ? w.includes({
+        ...c,
+        ...g
+      }[k]) : {
+        ...c,
+        ...g
+      }[k] === w;
     }) ? [
-      ...c,
-      h,
-      v
-    ] : c;
+      ...u,
+      f,
+      x
+    ] : u;
   }, []);
-  return Xe(e, d, b, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
-}, ft = {
+  return wt(e, d, v, a == null ? void 0 : a.class, a == null ? void 0 : a.className);
+}, Ot = {
   serif: "p-typography--serif",
   body: "p-typography--body",
   "body-wide": "p-typography--body-wide",
   heading: "p-typography--heading",
   "heading-lg": "p-typography--heading-lg",
   "heading-xl": "p-typography--heading-xl"
-}, yt = gt("p-typography", {
+}, Gt = qt("p-typography", {
   variants: {
-    variant: ft
+    variant: Ot
   },
   defaultVariants: {
     variant: "body"
   }
 });
-function Re({
+function ot({
   as: e = "p",
   children: t,
-  className: n = "",
+  className: a = "",
   variant: r,
-  ...s
+  ...o
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ n(
     e,
     {
-      className: p(yt({ variant: r, className: n })),
-      ...s,
+      className: m(Gt({ variant: r, className: a })),
+      ...o,
       children: t
     }
   );
 }
-function oe(e) {
+function Ve(e) {
   return e != null && e !== !1 && e !== "";
 }
-function Ee(e, t) {
-  return oe(e) ? typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ a(Re, { className: t, variant: "body-wide", children: e }) : /* @__PURE__ */ a("span", { className: p(t, "p-card__meta-custom"), children: e }) : null;
+function Mt(e, t) {
+  return Ve(e) ? typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ n(ot, { className: t, variant: "body-wide", children: e }) : /* @__PURE__ */ n("span", { className: m(t, "p-card__meta-custom"), children: e }) : null;
 }
-function Ce(e) {
+function et(e) {
   return typeof e == "number" ? `${e}px` : e;
 }
-const _t = U(
+const Xt = Ne(
   ({
     prefix: e,
     eyebrow: t,
-    title: n,
+    title: a,
     description: r,
-    media: s,
-    actions: l,
+    media: o,
+    actions: c,
     density: d = "default",
-    fullWidth: f = !1,
-    width: b,
-    minWidth: c,
-    height: u,
-    minHeight: h,
-    className: v,
-    style: C,
-    children: M,
-    ...m
-  }, _) => {
-    const $ = "href" in m && typeof m.href == "string", w = p(
+    fullWidth: g = !1,
+    width: v,
+    minWidth: u,
+    height: h,
+    minHeight: f,
+    className: x,
+    style: R,
+    children: T,
+    ...k
+  }, w) => {
+    const A = "href" in k && typeof k.href == "string", I = m(
       "p-card",
       d !== "default" && `p-card--${d}`,
-      f && "p-card--full-width",
-      b !== void 0 && "p-card--custom-width",
-      c !== void 0 && "p-card--custom-min-width",
-      u !== void 0 && "p-card--custom-height",
-      h !== void 0 && "p-card--custom-min-height",
-      $ && "p-card--interactive",
-      v
-    ), x = {
-      ...C,
-      ...b !== void 0 ? { "--p-card-width": Ce(b) } : {},
-      ...c !== void 0 ? { "--p-card-min-width": Ce(c) } : {},
-      ...u !== void 0 ? { "--p-card-height": Ce(u) } : {},
-      ...h !== void 0 ? { "--p-card-min-height": Ce(h) } : {}
-    }, P = /* @__PURE__ */ k(nt, { children: [
-      oe(s) && /* @__PURE__ */ a("div", { className: "p-card__media", children: s }),
-      (oe(e) || oe(t)) && /* @__PURE__ */ k("div", { className: "p-card__meta", children: [
-        Ee(e, "p-card__prefix"),
-        Ee(t, "p-card__eyebrow")
+      g && "p-card--full-width",
+      v !== void 0 && "p-card--custom-width",
+      u !== void 0 && "p-card--custom-min-width",
+      h !== void 0 && "p-card--custom-height",
+      f !== void 0 && "p-card--custom-min-height",
+      A && "p-card--interactive",
+      x
+    ), C = {
+      ...R,
+      ...v !== void 0 ? { "--p-card-width": et(v) } : {},
+      ...u !== void 0 ? { "--p-card-min-width": et(u) } : {},
+      ...h !== void 0 ? { "--p-card-height": et(h) } : {},
+      ...f !== void 0 ? { "--p-card-min-height": et(f) } : {}
+    }, P = /* @__PURE__ */ _(Bt, { children: [
+      Ve(o) && /* @__PURE__ */ n("div", { className: "p-card__media", children: o }),
+      (Ve(e) || Ve(t)) && /* @__PURE__ */ _("div", { className: "p-card__meta", children: [
+        Mt(e, "p-card__prefix"),
+        Mt(t, "p-card__eyebrow")
       ] }),
-      /* @__PURE__ */ k("div", { className: "p-card__body", children: [
-        /* @__PURE__ */ a(Re, { as: "h3", className: "p-card__title", variant: "heading", children: $ ? /* @__PURE__ */ a("a", { ...m, className: "p-card__link", children: n }) : n }),
-        oe(r) ? /* @__PURE__ */ a(Re, { className: "p-card__description", variant: "body", children: r }) : null
+      /* @__PURE__ */ _("div", { className: "p-card__body", children: [
+        /* @__PURE__ */ n(ot, { as: "h3", className: "p-card__title", variant: "heading", children: A ? /* @__PURE__ */ n("a", { ...k, className: "p-card__link", children: a }) : a }),
+        Ve(r) ? /* @__PURE__ */ n(ot, { className: "p-card__description", variant: "body", children: r }) : null
       ] }),
-      oe(M) && /* @__PURE__ */ a("div", { className: "p-card__content", children: M }),
-      oe(l) && /* @__PURE__ */ a("div", { className: "p-card__actions", children: l })
+      Ve(T) && /* @__PURE__ */ n("div", { className: "p-card__content", children: T }),
+      Ve(c) && /* @__PURE__ */ n("div", { className: "p-card__actions", children: c })
     ] });
-    return $ ? /* @__PURE__ */ a("article", { ref: _, className: w, style: x, children: P }) : /* @__PURE__ */ a(
+    return A ? /* @__PURE__ */ n("article", { ref: w, className: I, style: C, children: P }) : /* @__PURE__ */ n(
       "article",
       {
-        ...m,
-        ref: _,
-        className: w,
-        style: x,
+        ...k,
+        ref: w,
+        className: I,
+        style: C,
         children: P
       }
     );
   }
 );
-_t.displayName = "PCard";
-const bt = new Intl.DateTimeFormat(void 0, { weekday: "short" });
-function Se(e) {
+Xt.displayName = "PCard";
+function Zt() {
+  return /* @__PURE__ */ n("svg", { viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "1.75", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "m5 8 5 5 5-5" }) });
+}
+function Jt() {
+  return /* @__PURE__ */ n("svg", { viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "1.75", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "m4 10 4 4 8-8" }) });
+}
+function It() {
+  return /* @__PURE__ */ _("svg", { viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "1.75", "aria-hidden": "true", children: [
+    /* @__PURE__ */ n("path", { d: "m5 5 10 10" }),
+    /* @__PURE__ */ n("path", { d: "m15 5-10 10" })
+  ] });
+}
+function $t(e) {
+  return e.trim().toLocaleLowerCase();
+}
+function pt(e, t) {
+  const a = $t(t);
+  return a ? e.filter((r) => {
+    const o = [
+      r.label,
+      r.value,
+      r.description,
+      r.group,
+      ...r.keywords ?? []
+    ].filter(Boolean).join(" ");
+    return $t(o).includes(a);
+  }) : e;
+}
+function zt(e) {
+  return e.findIndex((t) => !t.disabled);
+}
+function ht(e, t) {
+  const a = e.findIndex((r) => r.value === t && !r.disabled);
+  return a >= 0 ? a : zt(e);
+}
+function Ct(e, t, a) {
+  var o;
+  if (!e.length)
+    return -1;
+  let r = t;
+  for (let c = 0; c < e.length; c += 1)
+    if (r = (r + a + e.length) % e.length, !((o = e[r]) != null && o.disabled))
+      return r;
+  return -1;
+}
+function Et(e, t) {
+  if (typeof e == "function") {
+    e(t);
+    return;
+  }
+  e && (e.current = t);
+}
+const Qt = Ne(
+  ({
+    label: e,
+    options: t,
+    value: a,
+    defaultValue: r,
+    selectedOption: o,
+    onValueChange: c,
+    query: d,
+    defaultQuery: g,
+    onQueryChange: v,
+    filterMode: u = "local",
+    isLoading: h = !1,
+    isLoadingMore: f = !1,
+    hasMore: x = !1,
+    onLoadMore: R,
+    placeholder: T = "Select an option",
+    searchPlaceholder: k = "Search options",
+    emptyText: w = "No options found.",
+    loadingText: A = "Loading options...",
+    loadingMoreText: I = "Loading more options...",
+    loadMoreText: C = "Load more options",
+    helperText: P,
+    isError: U = !1,
+    errorMessage: he,
+    name: Ie,
+    disabled: me = !1,
+    readOnly: $e = !1,
+    required: oe = !1,
+    clearable: le = !0,
+    className: ee,
+    inputClassName: se,
+    id: Be,
+    style: Re,
+    ...ze
+  }, We) => {
+    const Z = Qe(), Y = Be ?? Z, ke = `${Y}-label`, N = `${Y}-input`, B = `${Y}-listbox`, j = `${Y}-helper`, L = `${Y}-error`, $ = ne(null), V = ne(null), S = ne(null), J = ne(null), ge = ne(null), te = ne(null), fe = a !== void 0, xe = d !== void 0, [Ce, qe] = G(r ?? ""), q = fe ? a : Ce, F = (o == null ? void 0 : o.value) === q ? o : t.find((i) => i.value === q) ?? null, [Oe, ie] = G(g ?? (F == null ? void 0 : F.label) ?? ""), E = xe ? d : Oe, [D, Q] = G(!1), [ce, Fe] = G(!1), z = Ee(
+      () => u === "local" ? pt(t, E) : t,
+      [u, t, E]
+    ), [De, be] = G(() => ht(t, q)), _e = D ? z[De] : void 0, Ae = _e ? `${B}-option-${De}` : void 0, de = `${Y}-modal-title`, ye = U && he ? L : P ? j : void 0, Le = !!F, ue = le && Le && !me && !$e, Ye = D ? E : (F == null ? void 0 : F.label) ?? E, Ke = h && z.length === 0, Ge = f || h && z.length > 0, Xe = !!(x && R && !h && !f);
+    Me(() => {
+      !D && !xe && ie((F == null ? void 0 : F.label) ?? "");
+    }, [D, xe, F]), Me(() => {
+      D && be((i) => z[i] && !z[i].disabled ? i : ht(z, q));
+    }, [z, D, q]), Me(() => {
+      var i;
+      D && ((i = ge.current) == null || i.scrollIntoView({ block: "nearest" }));
+    }, [De, D]), Me(() => {
+      var Te, Pe;
+      const i = globalThis, p = (Te = i.matchMedia) == null ? void 0 : Te.call(i, "(max-width: 64rem)");
+      if (!p)
+        return;
+      const W = () => Fe(p.matches);
+      return W(), (Pe = p.addEventListener) == null || Pe.call(p, "change", W), () => {
+        var je;
+        return (je = p.removeEventListener) == null ? void 0 : je.call(p, "change", W);
+      };
+    }, []), Me(() => {
+      var i;
+      !D || !ce || (i = S.current) == null || i.focus();
+    }, [ce, D]), Me(() => {
+      J.current && J.current.setCustomValidity(oe && !q ? "Select an option." : "");
+    }, [oe, q]);
+    const s = (i) => {
+      $.current = i, Et(We, i);
+    }, y = (i, p) => {
+      xe || ie(i), v == null || v(i, { source: p });
+    }, H = () => {
+      !x || !R || h || f || R({ query: E, optionCount: z.length });
+    };
+    Me(() => {
+      if (!D || !te.current)
+        return;
+      const { scrollHeight: i, clientHeight: p } = te.current;
+      i <= p + 48 && H();
+    });
+    const l = (i) => {
+      const p = (i == null ? void 0 : i.value) ?? "";
+      fe || qe(p), y((i == null ? void 0 : i.label) ?? "", i ? "selection" : "clear"), c == null || c(p, i);
+    }, b = (i = E) => {
+      if (me || $e)
+        return;
+      const p = u === "local" ? pt(t, i) : t;
+      y(i, "open"), be(ht(p, q)), Q(!0);
+    }, K = () => {
+      Q(!1), y((F == null ? void 0 : F.label) ?? "", "reset");
+    }, ve = (i) => {
+      const p = i.currentTarget.value, W = u === "local" ? pt(t, p) : t;
+      y(p, "input"), be(zt(W)), Q(!0);
+    }, ae = (i) => {
+      if (i.key === "ArrowDown") {
+        if (i.preventDefault(), !D) {
+          b("");
+          return;
+        }
+        be((p) => Ct(z, p, 1));
+        return;
+      }
+      if (i.key === "ArrowUp") {
+        if (i.preventDefault(), !D) {
+          b("");
+          return;
+        }
+        be((p) => Ct(z, p, -1));
+        return;
+      }
+      if (i.key === "Enter") {
+        if (!D) {
+          b(E);
+          return;
+        }
+        _e && !_e.disabled && (i.preventDefault(), l(_e), Q(!1));
+        return;
+      }
+      if (i.key === "Escape" && D) {
+        i.preventDefault(), K();
+        return;
+      }
+      i.key === "Tab" && K();
+    }, Se = (i, p) => {
+      var W;
+      i.preventDefault(), !p.disabled && (l(p), Q(!1), (W = V.current) == null || W.focus());
+    }, ct = (i) => {
+      var p;
+      i.preventDefault(), i.stopPropagation(), l(null), Q(!1), (p = V.current) == null || p.focus();
+    }, dt = (i) => {
+      const p = i.currentTarget;
+      p.scrollHeight - p.scrollTop - p.clientHeight <= 48 && H();
+    }, ut = (i) => {
+      if (!D)
+        return;
+      i.currentTarget.contains(i.relatedTarget) || K();
+    }, xt = z.reduce(
+      (i, p) => {
+        const W = p.group ?? null, Te = i.find((Pe) => Pe.group === W);
+        return Te ? (Te.options.push(p), i) : (i.push({ group: W, options: [p] }), i);
+      },
+      []
+    );
+    return /* @__PURE__ */ _(
+      "div",
+      {
+        ...ze,
+        ref: s,
+        id: Y,
+        style: Re,
+        onBlur: ut,
+        className: m(
+          "p-combobox",
+          D && "p-combobox--open",
+          U && "p-combobox--error",
+          me && "p-combobox--disabled",
+          $e && "p-combobox--readonly",
+          ee
+        ),
+        children: [
+          /* @__PURE__ */ _("div", { className: "p-combobox__field", children: [
+            /* @__PURE__ */ n(
+              "input",
+              {
+                ref: V,
+                id: N,
+                role: "combobox",
+                type: "text",
+                value: Ye,
+                placeholder: D ? k : " ",
+                disabled: me,
+                readOnly: $e,
+                required: !1,
+                "aria-autocomplete": "list",
+                "aria-controls": B,
+                "aria-describedby": ye,
+                "aria-activedescendant": Ae,
+                "aria-expanded": D,
+                "aria-haspopup": "listbox",
+                "aria-invalid": U || void 0,
+                "aria-labelledby": ke,
+                autoComplete: "off",
+                className: m("p-combobox__input", (ue || Le) && "p-combobox__input--adorned", se),
+                onChange: ve,
+                onClick: () => b(""),
+                onKeyDown: ae
+              }
+            ),
+            /* @__PURE__ */ n(
+              "label",
+              {
+                id: ke,
+                htmlFor: N,
+                className: m("p-combobox__label p-combobox__floating-label", U && "p-combobox__label--error"),
+                children: e
+              }
+            ),
+            /* @__PURE__ */ n("span", { "aria-hidden": "true", className: "p-combobox__label p-combobox__placeholder-label", children: T || e }),
+            ue ? /* @__PURE__ */ n(
+              "button",
+              {
+                type: "button",
+                className: "p-combobox__clear",
+                "aria-label": `Clear ${e}`,
+                onMouseDown: ct,
+                children: /* @__PURE__ */ n(It, {})
+              }
+            ) : null,
+            /* @__PURE__ */ n("span", { className: "p-combobox__chevron", "aria-hidden": "true", children: /* @__PURE__ */ n(Zt, {}) }),
+            D ? /* @__PURE__ */ _(
+              "div",
+              {
+                className: "p-combobox__panel",
+                role: ce ? "dialog" : void 0,
+                "aria-modal": ce || void 0,
+                "aria-labelledby": ce ? de : void 0,
+                children: [
+                  /* @__PURE__ */ _("div", { className: "p-combobox__modal-header", children: [
+                    /* @__PURE__ */ n("div", { id: de, className: "p-combobox__modal-title", children: e }),
+                    /* @__PURE__ */ n("button", { type: "button", className: "p-combobox__modal-close", "aria-label": `Close ${e}`, onClick: K, children: /* @__PURE__ */ n(It, {}) })
+                  ] }),
+                  /* @__PURE__ */ n("div", { className: "p-combobox__modal-search", children: /* @__PURE__ */ n(
+                    "input",
+                    {
+                      ref: S,
+                      role: "combobox",
+                      type: "search",
+                      value: E,
+                      placeholder: k,
+                      "aria-activedescendant": Ae,
+                      "aria-autocomplete": "list",
+                      "aria-controls": B,
+                      "aria-expanded": D,
+                      "aria-haspopup": "listbox",
+                      "aria-label": `Search ${e}`,
+                      autoComplete: "off",
+                      className: "p-combobox__modal-input",
+                      onChange: ve,
+                      onKeyDown: ae
+                    }
+                  ) }),
+                  /* @__PURE__ */ _(
+                    "div",
+                    {
+                      id: B,
+                      ref: (i) => {
+                        te.current = i;
+                      },
+                      role: "listbox",
+                      "aria-busy": h || f || void 0,
+                      "aria-labelledby": ke,
+                      className: "p-combobox__list",
+                      onScroll: dt,
+                      children: [
+                        Ke ? /* @__PURE__ */ _("div", { className: "p-combobox__status", role: "option", "aria-disabled": "true", "aria-selected": "false", children: [
+                          /* @__PURE__ */ n("span", { className: "p-combobox__spinner", "aria-hidden": "true" }),
+                          /* @__PURE__ */ n("span", { children: A })
+                        ] }) : null,
+                        xt.length ? xt.map((i) => /* @__PURE__ */ _("div", { className: "p-combobox__group", children: [
+                          i.group ? /* @__PURE__ */ n("div", { className: "p-combobox__group-label", children: i.group }) : null,
+                          i.options.map((p) => {
+                            const W = z.indexOf(p), Te = W === De, Pe = p.value === q;
+                            return /* @__PURE__ */ _(
+                              "div",
+                              {
+                                ref: Te ? (je) => {
+                                  ge.current = je;
+                                } : void 0,
+                                id: `${B}-option-${W}`,
+                                role: "option",
+                                "aria-disabled": p.disabled || void 0,
+                                "aria-selected": Pe,
+                                className: m(
+                                  "p-combobox__option",
+                                  Te && "p-combobox__option--active",
+                                  Pe && "p-combobox__option--selected",
+                                  p.disabled && "p-combobox__option--disabled"
+                                ),
+                                onMouseDown: (je) => Se(je, p),
+                                children: [
+                                  /* @__PURE__ */ n("span", { className: "p-combobox__option-check", children: Pe ? /* @__PURE__ */ n(Jt, {}) : null }),
+                                  /* @__PURE__ */ _("span", { className: "p-combobox__option-content", children: [
+                                    /* @__PURE__ */ n("span", { className: "p-combobox__option-label", children: p.label }),
+                                    p.description ? /* @__PURE__ */ n("span", { className: "p-combobox__option-description", children: p.description }) : null
+                                  ] }),
+                                  p.meta ? /* @__PURE__ */ n("span", { className: "p-combobox__option-meta", children: p.meta }) : null
+                                ]
+                              },
+                              p.value
+                            );
+                          })
+                        ] }, i.group ?? "ungrouped")) : Ke ? null : /* @__PURE__ */ n("div", { className: "p-combobox__empty", role: "option", "aria-disabled": "true", "aria-selected": "false", children: w }),
+                        Ge ? /* @__PURE__ */ _("div", { className: "p-combobox__status p-combobox__status--footer", role: "option", "aria-disabled": "true", "aria-selected": "false", children: [
+                          /* @__PURE__ */ n("span", { className: "p-combobox__spinner", "aria-hidden": "true" }),
+                          /* @__PURE__ */ n("span", { children: I })
+                        ] }) : null
+                      ]
+                    }
+                  ),
+                  Xe ? /* @__PURE__ */ n("div", { className: "p-combobox__footer", children: /* @__PURE__ */ n("button", { type: "button", className: "p-combobox__load-more", onMouseDown: (i) => i.preventDefault(), onClick: H, children: C }) }) : null
+                ]
+              }
+            ) : null
+          ] }),
+          /* @__PURE__ */ n(
+            "input",
+            {
+              ref: J,
+              type: "text",
+              name: Ie,
+              value: q ?? "",
+              required: oe,
+              tabIndex: -1,
+              "aria-hidden": "true",
+              className: "p-combobox__hidden-input",
+              onChange: () => {
+              }
+            }
+          ),
+          D ? /* @__PURE__ */ n("div", { className: "p-combobox__backdrop", "aria-hidden": "true", onMouseDown: K }) : null,
+          U && he ? /* @__PURE__ */ n("p", { id: L, role: "alert", className: "p-combobox__message p-combobox__message--error", children: he }) : null,
+          !U && P ? /* @__PURE__ */ n("p", { id: j, className: "p-combobox__message", children: P }) : null
+        ]
+      }
+    );
+  }
+);
+Qt.displayName = "PCombobox";
+const ea = new Intl.DateTimeFormat(void 0, { weekday: "short" });
+function nt(e) {
   if (!e)
     return null;
   if (e instanceof Date)
@@ -283,57 +660,63 @@ function Se(e) {
   const t = e.split("-").map(Number);
   if (t.length !== 3 || t.some(Number.isNaN))
     return null;
-  const [n, r, s] = t, l = new Date(n, r - 1, s);
-  return l.getFullYear() !== n || l.getMonth() !== r - 1 || l.getDate() !== s ? null : l;
+  const [a, r, o] = t, c = new Date(a, r - 1, o);
+  return c.getFullYear() !== a || c.getMonth() !== r - 1 || c.getDate() !== o ? null : c;
 }
-function ke(e) {
+function Je(e) {
   if (!e)
     return "";
-  const t = e.getFullYear(), n = String(e.getMonth() + 1).padStart(2, "0"), r = String(e.getDate()).padStart(2, "0");
-  return `${t}-${n}-${r}`;
+  const t = e.getFullYear(), a = String(e.getMonth() + 1).padStart(2, "0"), r = String(e.getDate()).padStart(2, "0");
+  return `${t}-${a}-${r}`;
 }
-function ue(e) {
+function re(e) {
   return new Date(e.getFullYear(), e.getMonth(), 1);
 }
-function vt(e) {
+function it(e) {
   return new Date(e.getFullYear(), e.getMonth() + 1, 0);
 }
-function Ge(e, t) {
+function kt(e, t) {
   return new Date(e.getFullYear(), e.getMonth() + t, 1);
 }
-function et(e, t) {
-  const n = Ge(e, t), r = vt(n).getDate();
-  return new Date(n.getFullYear(), n.getMonth(), Math.min(e.getDate(), r));
+function Ft(e, t) {
+  const a = kt(e, t), r = it(a).getDate();
+  return new Date(a.getFullYear(), a.getMonth(), Math.min(e.getDate(), r));
 }
-function R(e, t) {
+function pe(e, t) {
   return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t);
 }
-function De(e, t) {
-  return !!(e && t && ke(e) === ke(t));
+function Ze(e, t) {
+  return !!(e && t && Je(e) === Je(t));
 }
-function de() {
+function He() {
   const e = /* @__PURE__ */ new Date();
   return new Date(e.getFullYear(), e.getMonth(), e.getDate());
 }
-function Dt(e, t) {
-  const n = ue(e), r = (n.getDay() - t + 7) % 7, s = R(n, -r);
-  return Array.from({ length: 42 }, (l, d) => R(s, d));
+function ta(e, t) {
+  const a = re(e), r = (a.getDay() - t + 7) % 7, o = pe(a, -r);
+  return Array.from({ length: 42 }, (c, d) => pe(o, d));
 }
-function He(e) {
+function mt(e) {
   const t = typeof e.value == "function" ? e.value() : e.value;
-  return Se(t);
+  return nt(t);
 }
-function kt(e, t) {
+function aa(e, t) {
   return new Intl.DateTimeFormat(t, { month: "long", year: "numeric" }).format(e);
 }
-function Nt(e, t) {
+function na(e) {
+  return Array.from({ length: 12 }, (t, a) => ({
+    label: new Intl.DateTimeFormat(e, { month: "long" }).format(new Date(2024, a, 1)),
+    value: a
+  }));
+}
+function ra(e, t) {
   return new Intl.DateTimeFormat(t, {
     month: "short",
     day: "numeric",
     year: "numeric"
   }).format(e);
 }
-function wt(e, t) {
+function oa(e, t) {
   return new Intl.DateTimeFormat(t, {
     weekday: "long",
     month: "long",
@@ -341,274 +724,352 @@ function wt(e, t) {
     year: "numeric"
   }).format(e);
 }
-function xt(e, t) {
-  const n = new Date(2024, 0, 7);
-  return Array.from({ length: 7 }, (r, s) => {
-    const l = R(n, e + s);
-    return bt.formatToParts(l).length ? new Intl.DateTimeFormat(t, { weekday: "short" }).format(l) : "";
+function la(e, t) {
+  const a = new Date(2024, 0, 7);
+  return Array.from({ length: 7 }, (r, o) => {
+    const c = pe(a, e + o);
+    return ea.formatToParts(c).length ? new Intl.DateTimeFormat(t, { weekday: "short" }).format(c) : "";
   });
 }
-function Oe(e, t) {
+function gt(e, t) {
   return !!(t && e.getTime() < t.getTime());
 }
-function Ve(e, t) {
+function ft(e, t) {
   return !!(t && e.getTime() > t.getTime());
 }
-function Mt() {
-  return /* @__PURE__ */ k("svg", { viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "1.75", "aria-hidden": "true", children: [
-    /* @__PURE__ */ a("path", { d: "M6 3v3" }),
-    /* @__PURE__ */ a("path", { d: "M14 3v3" }),
-    /* @__PURE__ */ a("path", { d: "M4 8h12" }),
-    /* @__PURE__ */ a("path", { d: "M5 5h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1Z" })
-  ] });
+function Yt(e, t) {
+  return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth();
 }
-function $t() {
-  return /* @__PURE__ */ a("svg", { viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "1.75", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "m12 5-5 5 5 5" }) });
+function bt(e, t, a) {
+  const r = re(e), o = it(e);
+  return !!(t && o < t || a && r > a);
 }
-function Pt() {
-  return /* @__PURE__ */ a("svg", { viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "1.75", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "m8 5 5 5-5 5" }) });
+function sa(e, t, a) {
+  return t && it(e) < t ? re(t) : a && re(e) > a ? re(a) : re(e);
 }
-const Ct = U(
+function ia(e, t, a, r) {
+  const o = re(e), c = it(e);
+  let d = new Date(
+    o.getFullYear(),
+    o.getMonth(),
+    Math.min(t.getDate(), c.getDate())
+  );
+  return a && d < a && (d = Yt(a, o) ? a : o), r && d > r && (d = Yt(r, o) ? r : c), d;
+}
+function ca(e, t, a, r) {
+  const o = e.getFullYear(), c = Math.min(o, r.getFullYear() - 100), d = Math.max(o, r.getFullYear() + 20), g = (t == null ? void 0 : t.getFullYear()) ?? c, v = (a == null ? void 0 : a.getFullYear()) ?? d, u = Math.min(g, v, o), h = Math.max(g, v, o);
+  return Array.from({ length: h - u + 1 }, (f, x) => u + x);
+}
+const da = Ne(
   ({
     label: e,
     value: t,
-    defaultValue: n,
+    defaultValue: a,
     onValueChange: r,
-    presets: s = [],
-    customLabel: l = "Custom",
+    presets: o = [],
+    customLabel: c = "Custom",
     showCustom: d = !0,
-    presetColumns: f = "auto",
-    placeholder: b = "Select date",
-    helperText: c,
-    isError: u = !1,
-    errorMessage: h,
-    min: v,
-    max: C,
-    name: M,
-    disabled: m = !1,
-    readOnly: _ = !1,
-    required: $ = !1,
-    locale: w,
-    weekStartsOn: x = 0,
+    presetColumns: g = "auto",
+    placeholder: v = "Select date",
+    helperText: u,
+    isError: h = !1,
+    errorMessage: f,
+    min: x,
+    max: R,
+    name: T,
+    disabled: k = !1,
+    readOnly: w = !1,
+    required: A = !1,
+    locale: I,
+    weekStartsOn: C = 0,
     className: P,
-    id: q,
-    style: ie,
-    ...se
-  }, pe) => {
-    const ze = Le(), E = q ?? ze, L = `${E}-label`, A = `${E}-panel`, z = `${E}-helper`, he = `${E}-error`, me = t !== void 0, [Ne, Ke] = V(n ?? ""), [Y, T] = V(!1), ge = me ? t : Ne, g = Se(ge), F = rt(de, []), ee = Se(v), Z = Se(C), [G, K] = V(() => ue(g ?? F)), [J, j] = V(() => g ?? F), le = Be(null), te = Be({}), we = Dt(G, x), xe = xt(x, w), ae = s.length > 0, je = ae ? d : !0, ne = f === "auto" ? void 0 : {
-      "--p-date-picker-preset-columns": String(f)
-    }, Me = u && h ? he : c ? z : void 0, fe = g ? Nt(g, w) : b, ye = ae ? s.some((i) => De(He(i), g)) : !1, _e = Y || !!(g && !ye);
-    ot(() => {
-      var i;
-      Y && ((i = te.current[ke(J)]) == null || i.focus());
-    }, [J, Y, G]);
-    const be = (i, N) => {
-      const S = ke(i);
-      me || Ke(S), i && K(ue(i)), r == null || r(S, { date: i, source: N });
-    }, $e = (i) => {
-      if (m || _)
+    id: U,
+    style: he,
+    ...Ie
+  }, me) => {
+    const $e = Qe(), oe = U ?? $e, le = `${oe}-label`, ee = `${oe}-panel`, se = `${oe}-helper`, Be = `${oe}-error`, Re = t !== void 0, [ze, We] = G(a ?? ""), [Z, Y] = G(!1), ke = Re ? t : ze, N = nt(ke), B = Ee(He, []), j = nt(x), L = nt(R), [$, V] = G(() => re(N ?? B)), [S, J] = G(() => N ?? B), ge = ne(null), te = ne({}), fe = ne(!1), xe = ta($, C), Ce = la(C, I), qe = Ee(() => na(I), [I]), q = ca($, j, L, B), F = o.length > 0, Oe = F ? d : !0, ie = g === "auto" ? void 0 : {
+      "--p-date-picker-preset-columns": String(g)
+    }, E = h && f ? Be : u ? se : void 0, D = N ? ra(N, I) : v, Q = F ? o.some((s) => Ze(mt(s), N)) : !1, ce = Z || !!(N && !Q), Fe = kt($, -1), z = kt($, 1), De = bt(Fe, j, L), be = bt(z, j, L);
+    Me(() => {
+      var s;
+      Z && fe.current && ((s = te.current[Je(S)]) == null || s.focus(), fe.current = !1);
+    }, [S, Z, $]);
+    const _e = (s, y) => {
+      const H = Je(s);
+      Re || We(H), s && V(re(s)), r == null || r(H, { date: s, source: y });
+    }, Ae = (s) => {
+      if (k || w)
         return;
-      const N = g ?? F;
-      le.current = i, j(N), K(ue(N)), T(!0);
-    }, W = (i = !1) => {
-      var N;
-      T(!1), i && ((N = le.current) == null || N.focus());
-    }, ve = (i) => {
-      if (m || _)
+      const y = N ?? B;
+      ge.current = s, fe.current = !0, J(y), V(re(y)), Y(!0);
+    }, de = (s = !1) => {
+      var y;
+      Y(!1), s && ((y = ge.current) == null || y.focus());
+    }, ye = (s) => {
+      const y = sa(s, j, L);
+      V(y), J(ia(y, S, j, L));
+    }, Le = (s) => {
+      const { value: y } = s.currentTarget;
+      ye(new Date($.getFullYear(), Number(y), 1));
+    }, ue = (s) => {
+      const { value: y } = s.currentTarget;
+      ye(new Date(Number(y), $.getMonth(), 1));
+    }, Ye = (s) => {
+      if (k || w)
         return;
-      const N = He(i);
-      be(N, "preset"), W();
-    }, Pe = (i) => {
-      m || _ || Oe(i, ee) || Ve(i, Z) || (j(i), be(i, "calendar"), W(!0));
-    }, Q = (i) => {
-      Oe(i, ee) || Ve(i, Z) || (j(i), K(ue(i)));
-    }, We = (i) => (N) => {
-      if (N.key === "Escape") {
-        N.preventDefault(), W(!0);
+      const y = mt(s);
+      _e(y, "preset"), de();
+    }, Ke = (s) => {
+      k || w || gt(s, j) || ft(s, L) || (J(s), _e(s, "calendar"), de(!0));
+    }, Ge = (s) => {
+      gt(s, j) || ft(s, L) || (fe.current = !0, J(s), V(re(s)));
+    }, Xe = (s) => (y) => {
+      if (y.key === "Escape") {
+        y.preventDefault(), de(!0);
         return;
       }
-      const S = (i.getDay() - x + 7) % 7, D = {
-        ArrowLeft: R(i, -1),
-        ArrowRight: R(i, 1),
-        ArrowUp: R(i, -7),
-        ArrowDown: R(i, 7),
-        Home: R(i, -S),
-        End: R(i, 6 - S),
-        PageUp: et(i, -1),
-        PageDown: et(i, 1)
-      }[N.key];
-      D && (N.preventDefault(), Q(D));
+      const H = (s.getDay() - C + 7) % 7, b = {
+        ArrowLeft: pe(s, -1),
+        ArrowRight: pe(s, 1),
+        ArrowUp: pe(s, -7),
+        ArrowDown: pe(s, 7),
+        Home: pe(s, -H),
+        End: pe(s, 6 - H),
+        PageUp: Ft(s, -1),
+        PageDown: Ft(s, 1)
+      }[y.key];
+      b && (y.preventDefault(), Ge(b));
     };
-    return /* @__PURE__ */ k(
+    return /* @__PURE__ */ _(
       "div",
       {
-        ...se,
-        ref: pe,
-        id: E,
-        style: ne ? { ...ie, ...ne } : ie,
-        className: p(
+        ...Ie,
+        ref: me,
+        id: oe,
+        style: ie ? { ...he, ...ie } : he,
+        className: m(
           "p-date-picker",
-          ae && "p-date-picker--with-presets",
-          u && "p-date-picker--error",
-          m && "p-date-picker--disabled",
+          F && "p-date-picker--with-presets",
+          h && "p-date-picker--error",
+          k && "p-date-picker--disabled",
           P
         ),
         children: [
-          /* @__PURE__ */ k("div", { id: L, className: "p-date-picker__label", children: [
-            /* @__PURE__ */ a("span", { children: e }),
-            ae ? /* @__PURE__ */ a("span", { className: p("p-date-picker__label-value", !g && "p-date-picker__label-value--empty"), children: fe }) : null
-          ] }),
-          ae ? /* @__PURE__ */ k(
+          F ? /* @__PURE__ */ _("div", { id: le, className: "p-date-picker__label", children: [
+            /* @__PURE__ */ n("span", { children: e }),
+            /* @__PURE__ */ n("span", { className: m("p-date-picker__label-value", !N && "p-date-picker__label-value--empty"), children: D })
+          ] }) : null,
+          F ? /* @__PURE__ */ _(
             "div",
             {
-              "aria-describedby": Me,
-              "aria-labelledby": L,
-              className: p(
+              "aria-describedby": E,
+              "aria-labelledby": le,
+              className: m(
                 "p-date-picker__presets",
-                f !== "auto" && "p-date-picker__presets--fixed"
+                g !== "auto" && "p-date-picker__presets--fixed"
               ),
               role: "group",
               children: [
-                s.map((i) => {
-                  const N = He(i), S = De(N, g);
-                  return /* @__PURE__ */ a(
+                o.map((s) => {
+                  const y = mt(s), H = Ze(y, N);
+                  return /* @__PURE__ */ n(
                     "button",
                     {
                       type: "button",
-                      className: p("p-date-picker__preset", S && "p-date-picker__preset--active"),
-                      disabled: m,
-                      "aria-pressed": S,
-                      onClick: () => ve(i),
-                      children: i.label
+                      className: m("p-date-picker__preset", H && "p-date-picker__preset--active"),
+                      disabled: k,
+                      "aria-pressed": H,
+                      onClick: () => Ye(s),
+                      children: s.label
                     },
-                    i.label
+                    s.label
                   );
                 }),
-                je ? /* @__PURE__ */ a(
+                Oe ? /* @__PURE__ */ n(
                   "button",
                   {
                     type: "button",
-                    className: p(
+                    className: m(
                       "p-date-picker__preset",
-                      _e && "p-date-picker__preset--active"
+                      ce && "p-date-picker__preset--active"
                     ),
-                    disabled: m,
-                    "aria-controls": A,
-                    "aria-expanded": Y,
-                    "aria-pressed": _e,
-                    onClick: (i) => Y ? W(!0) : $e(i.currentTarget),
-                    children: l
+                    disabled: k,
+                    "aria-controls": ee,
+                    "aria-expanded": Z,
+                    "aria-pressed": ce,
+                    onClick: (s) => Z ? de(!0) : Ae(s.currentTarget),
+                    children: c
                   }
                 ) : null
               ]
             }
-          ) : /* @__PURE__ */ k(
+          ) : /* @__PURE__ */ _(
             "button",
             {
               type: "button",
-              className: p("p-date-picker__trigger", !g && "p-date-picker__trigger--empty"),
-              disabled: m,
-              "aria-controls": A,
-              "aria-describedby": Me,
-              "aria-expanded": Y,
+              className: m(
+                "p-date-picker__trigger",
+                !N && "p-date-picker__trigger--empty",
+                N && "p-date-picker__trigger--filled",
+                Z && "p-date-picker__trigger--open"
+              ),
+              disabled: k,
+              "aria-controls": ee,
+              "aria-describedby": E,
+              "aria-expanded": Z,
               "aria-haspopup": "dialog",
-              "aria-labelledby": L,
-              onClick: (i) => Y ? W(!0) : $e(i.currentTarget),
+              "aria-label": `${e}: ${D}`,
+              onClick: (s) => Z ? de(!0) : Ae(s.currentTarget),
               children: [
-                /* @__PURE__ */ a("span", { children: fe }),
-                /* @__PURE__ */ a("span", { className: "p-date-picker__trigger-icon", children: /* @__PURE__ */ a(Mt, {}) })
+                /* @__PURE__ */ n(
+                  "span",
+                  {
+                    id: le,
+                    className: m(
+                      "p-date-picker__trigger-label p-date-picker__trigger-floating-label",
+                      h && "p-date-picker__trigger-label--error"
+                    ),
+                    "aria-hidden": "true",
+                    children: e
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  "span",
+                  {
+                    className: m(
+                      "p-date-picker__trigger-label p-date-picker__trigger-placeholder-label",
+                      h && "p-date-picker__trigger-label--error"
+                    ),
+                    "aria-hidden": "true",
+                    children: e
+                  }
+                ),
+                /* @__PURE__ */ n("span", { className: "p-date-picker__trigger-value", children: D }),
+                /* @__PURE__ */ n("span", { className: "p-date-picker__trigger-icon", children: /* @__PURE__ */ n(Rt, {}) })
               ]
             }
           ),
-          /* @__PURE__ */ a("input", { type: "hidden", name: M, value: ge ?? "", required: $ }),
-          Y && /* @__PURE__ */ k(
+          /* @__PURE__ */ n("input", { type: "hidden", name: T, value: ke ?? "", required: A }),
+          Z && /* @__PURE__ */ _(
             "div",
             {
-              id: A,
+              id: ee,
               className: "p-date-picker__panel",
               role: "dialog",
-              "aria-labelledby": `${A}-title`,
-              onKeyDown: (i) => {
-                i.key === "Escape" && W();
+              "aria-labelledby": `${ee}-title`,
+              onKeyDown: (s) => {
+                s.key === "Escape" && de();
               },
               children: [
-                /* @__PURE__ */ k("div", { className: "p-date-picker__calendar-header", children: [
-                  /* @__PURE__ */ a(
+                /* @__PURE__ */ _("div", { className: "p-date-picker__calendar-header", children: [
+                  /* @__PURE__ */ n(
                     "button",
                     {
                       type: "button",
                       className: "p-date-picker__nav",
                       "aria-label": "Previous month",
-                      onClick: () => K((i) => Ge(i, -1)),
-                      children: /* @__PURE__ */ a($t, {})
+                      disabled: De,
+                      onClick: () => ye(Fe),
+                      children: /* @__PURE__ */ n(At, {})
                     }
                   ),
-                  /* @__PURE__ */ a("div", { id: `${A}-title`, className: "p-date-picker__month", children: kt(G, w) }),
-                  /* @__PURE__ */ a(
+                  /* @__PURE__ */ _("div", { className: "p-date-picker__month", children: [
+                    /* @__PURE__ */ n("span", { id: `${ee}-title`, className: "p-date-picker__month-label", children: aa($, I) }),
+                    /* @__PURE__ */ n(
+                      "select",
+                      {
+                        className: "p-date-picker__month-select p-date-picker__calendar-select",
+                        "aria-label": "Month",
+                        value: $.getMonth(),
+                        onChange: Le,
+                        children: qe.map((s) => /* @__PURE__ */ n(
+                          "option",
+                          {
+                            value: s.value,
+                            disabled: bt(new Date($.getFullYear(), s.value, 1), j, L),
+                            children: s.label
+                          },
+                          s.value
+                        ))
+                      }
+                    ),
+                    /* @__PURE__ */ n(
+                      "select",
+                      {
+                        className: "p-date-picker__year-select p-date-picker__calendar-select",
+                        "aria-label": "Year",
+                        value: $.getFullYear(),
+                        onChange: ue,
+                        children: q.map((s) => /* @__PURE__ */ n("option", { value: s, children: s }, s))
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ n(
                     "button",
                     {
                       type: "button",
                       className: "p-date-picker__nav",
                       "aria-label": "Next month",
-                      onClick: () => K((i) => Ge(i, 1)),
-                      children: /* @__PURE__ */ a(Pt, {})
+                      disabled: be,
+                      onClick: () => ye(z),
+                      children: /* @__PURE__ */ n(Lt, {})
                     }
                   )
                 ] }),
-                /* @__PURE__ */ a("div", { className: "p-date-picker__weekdays", "aria-hidden": "true", children: xe.map((i) => /* @__PURE__ */ a("span", { children: i }, i)) }),
-                /* @__PURE__ */ a("div", { className: "p-date-picker__grid", role: "grid", "aria-labelledby": `${A}-title`, children: we.map((i) => {
-                  const N = ke(i), S = i.getMonth() !== G.getMonth(), o = De(i, g), D = De(i, F), B = Oe(i, ee) || Ve(i, Z);
-                  return /* @__PURE__ */ a(
+                /* @__PURE__ */ n("div", { className: "p-date-picker__weekdays", "aria-hidden": "true", children: Ce.map((s) => /* @__PURE__ */ n("span", { children: s }, s)) }),
+                /* @__PURE__ */ n("div", { className: "p-date-picker__grid", role: "grid", "aria-labelledby": `${ee}-title`, children: xe.map((s) => {
+                  const y = Je(s), H = s.getMonth() !== $.getMonth(), l = Ze(s, N), b = Ze(s, B), K = gt(s, j) || ft(s, L);
+                  return /* @__PURE__ */ n(
                     "button",
                     {
-                      ref: (re) => {
-                        te.current[N] = re;
+                      ref: (ve) => {
+                        te.current[y] = ve;
                       },
                       type: "button",
                       role: "gridcell",
-                      "data-date": N,
-                      className: p(
+                      "data-date": y,
+                      className: m(
                         "p-date-picker__day",
-                        S && "p-date-picker__day--outside",
-                        D && "p-date-picker__day--today",
-                        o && "p-date-picker__day--selected"
+                        H && "p-date-picker__day--outside",
+                        b && "p-date-picker__day--today",
+                        l && "p-date-picker__day--selected"
                       ),
-                      disabled: B,
-                      "aria-label": wt(i, w),
-                      "aria-selected": o,
-                      tabIndex: De(i, J) ? 0 : -1,
-                      onClick: () => Pe(i),
-                      onKeyDown: We(i),
-                      children: i.getDate()
+                      disabled: K,
+                      "aria-label": oa(s, I),
+                      "aria-selected": l,
+                      tabIndex: Ze(s, S) ? 0 : -1,
+                      onClick: () => Ke(s),
+                      onKeyDown: Xe(s),
+                      children: s.getDate()
                     },
-                    N
+                    y
                   );
                 }) })
               ]
             }
           ),
-          u && h ? /* @__PURE__ */ a("p", { id: he, role: "alert", className: "p-date-picker__message p-date-picker__message--error", children: h }) : null,
-          !u && c ? /* @__PURE__ */ a("p", { id: z, className: "p-date-picker__message", children: c }) : null
+          h && f ? /* @__PURE__ */ n("p", { id: Be, role: "alert", className: "p-date-picker__message p-date-picker__message--error", children: f }) : null,
+          !h && u ? /* @__PURE__ */ n("p", { id: se, className: "p-date-picker__message", children: u }) : null
         ]
       }
     );
   }
 );
-Ct.displayName = "PDatePicker";
-const Xt = {
-  today: { label: "Today", value: () => de() },
-  yesterday: { label: "Yesterday", value: () => R(de(), -1) },
-  tomorrow: { label: "Tomorrow", value: () => R(de(), 1) },
-  startOfMonth: { label: "Start of month", value: () => ue(de()) },
+da.displayName = "PDatePicker";
+const Ba = {
+  today: { label: "Today", value: () => He() },
+  yesterday: { label: "Yesterday", value: () => pe(He(), -1) },
+  tomorrow: { label: "Tomorrow", value: () => pe(He(), 1) },
+  startOfMonth: { label: "Start of month", value: () => re(He()) },
   endOfMonth: {
     label: "End of month",
     value: () => {
-      const e = de();
+      const e = He();
       return new Date(e.getFullYear(), e.getMonth() + 1, 0);
     }
   }
-}, It = new Intl.DateTimeFormat(void 0, { weekday: "short" });
-function Ae(e) {
+}, ua = new Intl.DateTimeFormat(void 0, { weekday: "short" });
+function lt(e) {
   if (!e)
     return null;
   if (e instanceof Date)
@@ -616,50 +1077,56 @@ function Ae(e) {
   const t = e.split("-").map(Number);
   if (t.length !== 3 || t.some(Number.isNaN))
     return null;
-  const [n, r, s] = t, l = new Date(n, r - 1, s);
-  return l.getFullYear() !== n || l.getMonth() !== r - 1 || l.getDate() !== s ? null : l;
+  const [a, r, o] = t, c = new Date(a, r - 1, o);
+  return c.getFullYear() !== a || c.getMonth() !== r - 1 || c.getDate() !== o ? null : c;
 }
-function y(e) {
+function M(e) {
   if (!e)
     return "";
-  const t = e.getFullYear(), n = String(e.getMonth() + 1).padStart(2, "0"), r = String(e.getDate()).padStart(2, "0");
-  return `${t}-${n}-${r}`;
+  const t = e.getFullYear(), a = String(e.getMonth() + 1).padStart(2, "0"), r = String(e.getDate()).padStart(2, "0");
+  return `${t}-${a}-${r}`;
 }
 function X(e) {
   return new Date(e.getFullYear(), e.getMonth(), 1);
 }
-function Je(e) {
+function Ue(e) {
   return new Date(e.getFullYear(), e.getMonth() + 1, 0);
 }
-function Ye(e, t) {
+function st(e, t) {
   return new Date(e.getFullYear(), e.getMonth() + t, 1);
 }
-function tt(e, t) {
-  const n = Ye(e, t), r = Je(n).getDate();
-  return new Date(n.getFullYear(), n.getMonth(), Math.min(e.getDate(), r));
+function St(e, t) {
+  const a = st(e, t), r = Ue(a).getDate();
+  return new Date(a.getFullYear(), a.getMonth(), Math.min(e.getDate(), r));
 }
-function I(e, t) {
+function O(e, t) {
   return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t);
 }
-function O() {
+function we() {
   const e = /* @__PURE__ */ new Date();
   return new Date(e.getFullYear(), e.getMonth(), e.getDate());
 }
-function Ft(e, t) {
-  const n = X(e), r = (n.getDay() - t + 7) % 7, s = I(n, -r);
-  return Array.from({ length: 42 }, (l, d) => I(s, d));
+function pa(e, t) {
+  const a = X(e), r = (a.getDay() - t + 7) % 7, o = O(a, -r);
+  return Array.from({ length: 42 }, (c, d) => O(o, d));
 }
-function St(e, t) {
+function ha(e, t) {
   return new Intl.DateTimeFormat(t, { month: "long", year: "numeric" }).format(e);
 }
-function Ie(e, t) {
+function ma(e) {
+  return Array.from({ length: 12 }, (t, a) => ({
+    label: new Intl.DateTimeFormat(e, { month: "long" }).format(new Date(2024, a, 1)),
+    value: a
+  }));
+}
+function tt(e, t) {
   return new Intl.DateTimeFormat(t, {
     month: "short",
     day: "numeric",
     year: "numeric"
   }).format(e);
 }
-function Tt(e, t) {
+function ga(e, t) {
   return new Intl.DateTimeFormat(t, {
     weekday: "long",
     month: "long",
@@ -667,475 +1134,550 @@ function Tt(e, t) {
     year: "numeric"
   }).format(e);
 }
-function Bt(e, t) {
-  const n = new Date(2024, 0, 7);
-  return Array.from({ length: 7 }, (r, s) => {
-    const l = I(n, e + s);
-    return It.formatToParts(l).length ? new Intl.DateTimeFormat(t, { weekday: "short" }).format(l) : "";
+function fa(e, t) {
+  const a = new Date(2024, 0, 7);
+  return Array.from({ length: 7 }, (r, o) => {
+    const c = O(a, e + o);
+    return ua.formatToParts(c).length ? new Intl.DateTimeFormat(t, { weekday: "short" }).format(c) : "";
   });
 }
-function Fe(e, t) {
-  return !!(e && t && y(e) === y(t));
+function at(e, t) {
+  return !!(e && t && M(e) === M(t));
 }
-function Ue(e, t) {
+function _t(e, t) {
   return !!(t && e.getTime() < t.getTime());
 }
-function qe(e, t) {
+function yt(e, t) {
   return !!(t && e.getTime() > t.getTime());
 }
-function Rt(e, t, n) {
-  return !!(t && n && e > t && e < n);
+function Tt(e, t) {
+  return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth();
+}
+function vt(e, t, a) {
+  const r = X(e), o = Ue(e);
+  return !!(t && o < t || a && r > a);
+}
+function ba(e, t, a) {
+  return t && Ue(e) < t ? X(t) : a && X(e) > a ? X(a) : X(e);
+}
+function _a(e, t, a, r) {
+  const o = X(e), c = Ue(e);
+  let d = new Date(
+    o.getFullYear(),
+    o.getMonth(),
+    Math.min(t.getDate(), c.getDate())
+  );
+  return a && d < a && (d = Tt(a, o) ? a : o), r && d > r && (d = Tt(r, o) ? r : c), d;
+}
+function ya(e, t, a, r) {
+  const o = e.getFullYear(), c = Math.min(o, r.getFullYear() - 100), d = Math.max(o, r.getFullYear() + 20), g = (t == null ? void 0 : t.getFullYear()) ?? c, v = (a == null ? void 0 : a.getFullYear()) ?? d, u = Math.min(g, v, o), h = Math.max(g, v, o);
+  return Array.from({ length: h - u + 1 }, (f, x) => u + x);
+}
+function va(e, t, a) {
+  return !!(t && a && e > t && e < a);
 }
-function At(e, t) {
+function Na(e, t) {
   return !e && !t ? {} : e && t && t < e ? {
-    start: y(t),
-    end: y(e)
+    start: M(t),
+    end: M(e)
   } : {
-    start: y(e),
-    end: y(t)
+    start: M(e),
+    end: M(t)
   };
 }
-function Ze(e) {
+function Nt(e) {
   return typeof e.value == "function" ? e.value() : e.value;
 }
-function Te(e) {
+function rt(e) {
   return {
-    startDate: Ae(e == null ? void 0 : e.start),
-    endDate: Ae(e == null ? void 0 : e.end)
+    startDate: lt(e == null ? void 0 : e.start),
+    endDate: lt(e == null ? void 0 : e.end)
   };
 }
-function at(e, t) {
+function Pt(e, t) {
   return !!(e != null && e.start && (e != null && e.end) && e.start === (t == null ? void 0 : t.start) && e.end === (t == null ? void 0 : t.end));
 }
-function Yt(e, t, n) {
-  const { startDate: r, endDate: s } = Te(e);
-  return r && s ? `${Ie(r, n)} - ${Ie(s, n)}` : r ? `${Ie(r, n)} -` : s ? `- ${Ie(s, n)}` : t;
-}
-function Lt() {
-  return /* @__PURE__ */ k("svg", { viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "1.75", "aria-hidden": "true", children: [
-    /* @__PURE__ */ a("path", { d: "M6 3v3" }),
-    /* @__PURE__ */ a("path", { d: "M14 3v3" }),
-    /* @__PURE__ */ a("path", { d: "M4 8h12" }),
-    /* @__PURE__ */ a("path", { d: "M5 5h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1Z" })
-  ] });
-}
-function zt() {
-  return /* @__PURE__ */ a("svg", { viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "1.75", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "m12 5-5 5 5 5" }) });
-}
-function Kt() {
-  return /* @__PURE__ */ a("svg", { viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "1.75", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "m8 5 5 5-5 5" }) });
+function ka(e, t, a) {
+  const { startDate: r, endDate: o } = rt(e);
+  return r && o ? `${tt(r, a)} - ${tt(o, a)}` : r ? `${tt(r, a)} -` : o ? `- ${tt(o, a)}` : t;
 }
-const jt = U(
+const xa = Ne(
   ({
     label: e,
     value: t,
-    defaultValue: n,
+    defaultValue: a,
     onValueChange: r,
-    presets: s = [],
-    customLabel: l = "Custom",
+    presets: o = [],
+    customLabel: c = "Custom",
     showCustom: d = !0,
-    presetColumns: f = "auto",
-    placeholder: b = "Select range",
-    helperText: c,
-    isError: u = !1,
-    errorMessage: h,
-    min: v,
-    max: C,
-    nameStart: M,
-    nameEnd: m,
-    disabled: _ = !1,
-    readOnly: $ = !1,
-    required: w = !1,
-    locale: x,
+    presetColumns: g = "auto",
+    placeholder: v = "Select range",
+    helperText: u,
+    isError: h = !1,
+    errorMessage: f,
+    min: x,
+    max: R,
+    nameStart: T,
+    nameEnd: k,
+    disabled: w = !1,
+    readOnly: A = !1,
+    required: I = !1,
+    locale: C,
     weekStartsOn: P = 0,
-    className: q,
-    id: ie,
-    style: se,
-    ...pe
-  }, ze) => {
-    const E = Le(), L = ie ?? E, A = `${L}-label`, z = `${L}-panel`, he = `${L}-helper`, me = `${L}-error`, Ne = t !== void 0, [Ke, Y] = V(n ?? {}), [T, ge] = V(!1), g = Ne ? t : Ke, { startDate: F, endDate: ee } = Te(g), Z = rt(O, []), G = Ae(v), K = Ae(C), [J, j] = V(() => X(F ?? Z)), [le, te] = V(() => F ?? Z), we = Be(null), xe = Be({}), ae = Ft(J, P), je = Bt(P, x), ne = s.length > 0, Me = ne ? d : !0, fe = f === "auto" ? void 0 : {
-      "--p-date-range-picker-preset-columns": String(f)
-    }, ye = !!(g != null && g.start && (g != null && g.end)), _e = u && h ? me : c ? he : void 0, be = Yt(g, b, x), $e = ne ? s.some((o) => at(Ze(o), g)) : !1, W = T || !!(ye && !$e);
-    ot(() => {
-      var o;
-      T && ((o = xe.current[y(le)]) == null || o.focus());
-    }, [le, T, J]);
-    const ve = (o, D) => {
-      const { startDate: B, endDate: re } = Te(o), H = At(B, re);
-      Ne || Y(H);
-      const ce = Te(H);
-      ce.startDate && j(X(ce.startDate)), r == null || r(H, {
-        startDate: ce.startDate,
-        endDate: ce.endDate,
-        source: D
+    className: U,
+    id: he,
+    style: Ie,
+    ...me
+  }, $e) => {
+    const oe = Qe(), le = he ?? oe, ee = `${le}-label`, se = `${le}-panel`, Be = `${le}-helper`, Re = `${le}-error`, ze = t !== void 0, [We, Z] = G(a ?? {}), [Y, ke] = G(!1), N = ze ? t : We, { startDate: B, endDate: j } = rt(N), L = Ee(we, []), $ = lt(x), V = lt(R), [S, J] = G(() => X(B ?? L)), [ge, te] = G(() => B ?? L), fe = ne(null), xe = ne({}), Ce = ne(!1), qe = pa(S, P), q = fa(P, C), F = Ee(() => ma(C), [C]), Oe = ya(S, $, V, L), ie = o.length > 0, E = ie ? d : !0, D = g === "auto" ? void 0 : {
+      "--p-date-range-picker-preset-columns": String(g)
+    }, Q = !!(N != null && N.start && (N != null && N.end)), ce = h && f ? Re : u ? Be : void 0, Fe = ka(N, v, C), z = ie ? o.some((l) => Pt(Nt(l), N)) : !1, De = Y || !!(Q && !z), be = st(S, -1), _e = st(S, 1), Ae = vt(be, $, V), de = vt(_e, $, V);
+    Me(() => {
+      var l;
+      Y && Ce.current && ((l = xe.current[M(ge)]) == null || l.focus(), Ce.current = !1);
+    }, [ge, Y, S]);
+    const ye = (l, b) => {
+      const { startDate: K, endDate: ve } = rt(l), ae = Na(K, ve);
+      ze || Z(ae);
+      const Se = rt(ae);
+      Se.startDate && J(X(Se.startDate)), r == null || r(ae, {
+        startDate: Se.startDate,
+        endDate: Se.endDate,
+        source: b
       });
-    }, Pe = (o) => {
-      if (_ || $)
+    }, Le = (l) => {
+      if (w || A)
         return;
-      const D = F ?? Z;
-      we.current = o, te(D), j(X(D)), ge(!0);
-    }, Q = (o = !1) => {
-      var D;
-      ge(!1), o && ((D = we.current) == null || D.focus());
-    }, We = (o) => {
-      _ || $ || (ve(Ze(o), "preset"), Q());
-    }, i = (o) => {
-      if (!(_ || $ || Ue(o, G) || qe(o, K))) {
-        if (!F || ee) {
-          te(o), ve({ start: y(o), end: "" }, "calendar");
+      const b = B ?? L;
+      fe.current = l, Ce.current = !0, te(b), J(X(b)), ke(!0);
+    }, ue = (l = !1) => {
+      var b;
+      ke(!1), l && ((b = fe.current) == null || b.focus());
+    }, Ye = (l) => {
+      const b = ba(l, $, V);
+      J(b), te(_a(b, ge, $, V));
+    }, Ke = (l) => {
+      const { value: b } = l.currentTarget;
+      Ye(new Date(S.getFullYear(), Number(b), 1));
+    }, Ge = (l) => {
+      const { value: b } = l.currentTarget;
+      Ye(new Date(Number(b), S.getMonth(), 1));
+    }, Xe = (l) => {
+      w || A || (ye(Nt(l), "preset"), ue());
+    }, s = (l) => {
+      if (!(w || A || _t(l, $) || yt(l, V))) {
+        if (!B || j) {
+          te(l), ye({ start: M(l), end: "" }, "calendar");
           return;
         }
-        te(o), ve({ start: y(F), end: y(o) }, "calendar"), Q(!0);
+        te(l), ye({ start: M(B), end: M(l) }, "calendar"), ue(!0);
       }
-    }, N = (o) => {
-      Ue(o, G) || qe(o, K) || (te(o), j(X(o)));
-    }, S = (o) => (D) => {
-      if (D.key === "Escape") {
-        D.preventDefault(), Q(!0);
+    }, y = (l) => {
+      _t(l, $) || yt(l, V) || (Ce.current = !0, te(l), J(X(l)));
+    }, H = (l) => (b) => {
+      if (b.key === "Escape") {
+        b.preventDefault(), ue(!0);
         return;
       }
-      const B = (o.getDay() - P + 7) % 7, H = {
-        ArrowLeft: I(o, -1),
-        ArrowRight: I(o, 1),
-        ArrowUp: I(o, -7),
-        ArrowDown: I(o, 7),
-        Home: I(o, -B),
-        End: I(o, 6 - B),
-        PageUp: tt(o, -1),
-        PageDown: tt(o, 1)
-      }[D.key];
-      H && (D.preventDefault(), N(H));
+      const K = (l.getDay() - P + 7) % 7, ae = {
+        ArrowLeft: O(l, -1),
+        ArrowRight: O(l, 1),
+        ArrowUp: O(l, -7),
+        ArrowDown: O(l, 7),
+        Home: O(l, -K),
+        End: O(l, 6 - K),
+        PageUp: St(l, -1),
+        PageDown: St(l, 1)
+      }[b.key];
+      ae && (b.preventDefault(), y(ae));
     };
-    return /* @__PURE__ */ k(
+    return /* @__PURE__ */ _(
       "div",
       {
-        ...pe,
-        ref: ze,
-        id: L,
-        style: fe ? { ...se, ...fe } : se,
-        className: p(
+        ...me,
+        ref: $e,
+        id: le,
+        style: D ? { ...Ie, ...D } : Ie,
+        className: m(
           "p-date-range-picker",
-          ne && "p-date-range-picker--with-presets",
-          u && "p-date-range-picker--error",
-          _ && "p-date-range-picker--disabled",
-          q
+          ie && "p-date-range-picker--with-presets",
+          h && "p-date-range-picker--error",
+          w && "p-date-range-picker--disabled",
+          U
         ),
         children: [
-          /* @__PURE__ */ k("div", { id: A, className: "p-date-range-picker__label", children: [
-            /* @__PURE__ */ a("span", { children: e }),
-            /* @__PURE__ */ a(
+          ie ? /* @__PURE__ */ _("div", { id: ee, className: "p-date-range-picker__label", children: [
+            /* @__PURE__ */ n("span", { children: e }),
+            /* @__PURE__ */ n(
               "span",
               {
-                className: p(
+                className: m(
                   "p-date-range-picker__label-value",
-                  !ye && "p-date-range-picker__label-value--empty"
+                  !Q && "p-date-range-picker__label-value--empty"
                 ),
-                children: be
+                children: Fe
               }
             )
-          ] }),
-          ne ? /* @__PURE__ */ k(
+          ] }) : null,
+          ie ? /* @__PURE__ */ _(
             "div",
             {
-              "aria-describedby": _e,
-              "aria-labelledby": A,
-              className: p(
+              "aria-describedby": ce,
+              "aria-labelledby": ee,
+              className: m(
                 "p-date-range-picker__presets",
-                f !== "auto" && "p-date-range-picker__presets--fixed"
+                g !== "auto" && "p-date-range-picker__presets--fixed"
               ),
               role: "group",
               children: [
-                s.map((o) => {
-                  const D = Ze(o), B = at(D, g);
-                  return /* @__PURE__ */ a(
+                o.map((l) => {
+                  const b = Nt(l), K = Pt(b, N);
+                  return /* @__PURE__ */ n(
                     "button",
                     {
                       type: "button",
-                      className: p("p-date-range-picker__preset", B && "p-date-range-picker__preset--active"),
-                      disabled: _,
-                      "aria-pressed": B,
-                      onClick: () => We(o),
-                      children: o.label
+                      className: m("p-date-range-picker__preset", K && "p-date-range-picker__preset--active"),
+                      disabled: w,
+                      "aria-pressed": K,
+                      onClick: () => Xe(l),
+                      children: l.label
                     },
-                    o.label
+                    l.label
                   );
                 }),
-                Me ? /* @__PURE__ */ a(
+                E ? /* @__PURE__ */ n(
                   "button",
                   {
                     type: "button",
-                    className: p(
+                    className: m(
                       "p-date-range-picker__preset",
-                      W && "p-date-range-picker__preset--active"
+                      De && "p-date-range-picker__preset--active"
                     ),
-                    disabled: _,
-                    "aria-controls": z,
-                    "aria-expanded": T,
-                    "aria-pressed": W,
-                    onClick: (o) => T ? Q(!0) : Pe(o.currentTarget),
-                    children: l
+                    disabled: w,
+                    "aria-controls": se,
+                    "aria-expanded": Y,
+                    "aria-pressed": De,
+                    onClick: (l) => Y ? ue(!0) : Le(l.currentTarget),
+                    children: c
                   }
                 ) : null
               ]
             }
-          ) : /* @__PURE__ */ k(
+          ) : /* @__PURE__ */ _(
             "button",
             {
               type: "button",
-              className: p(
+              className: m(
                 "p-date-range-picker__trigger",
-                !ye && "p-date-range-picker__trigger--empty"
+                !Q && "p-date-range-picker__trigger--empty",
+                Q && "p-date-range-picker__trigger--filled",
+                Y && "p-date-range-picker__trigger--open"
               ),
-              disabled: _,
-              "aria-controls": z,
-              "aria-describedby": _e,
-              "aria-expanded": T,
+              disabled: w,
+              "aria-controls": se,
+              "aria-describedby": ce,
+              "aria-expanded": Y,
               "aria-haspopup": "dialog",
-              "aria-labelledby": A,
-              onClick: (o) => T ? Q(!0) : Pe(o.currentTarget),
+              "aria-label": `${e}: ${Fe}`,
+              onClick: (l) => Y ? ue(!0) : Le(l.currentTarget),
               children: [
-                /* @__PURE__ */ a("span", { children: be }),
-                /* @__PURE__ */ a("span", { className: "p-date-range-picker__trigger-icon", children: /* @__PURE__ */ a(Lt, {}) })
+                /* @__PURE__ */ n(
+                  "span",
+                  {
+                    id: ee,
+                    className: m(
+                      "p-date-range-picker__trigger-label p-date-range-picker__trigger-floating-label",
+                      h && "p-date-range-picker__trigger-label--error"
+                    ),
+                    "aria-hidden": "true",
+                    children: e
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  "span",
+                  {
+                    className: m(
+                      "p-date-range-picker__trigger-label p-date-range-picker__trigger-placeholder-label",
+                      h && "p-date-range-picker__trigger-label--error"
+                    ),
+                    "aria-hidden": "true",
+                    children: e
+                  }
+                ),
+                /* @__PURE__ */ n("span", { className: "p-date-range-picker__trigger-value", children: Fe }),
+                /* @__PURE__ */ n("span", { className: "p-date-range-picker__trigger-icon", children: /* @__PURE__ */ n(Rt, {}) })
               ]
             }
           ),
-          /* @__PURE__ */ a("input", { type: "hidden", name: M, value: (g == null ? void 0 : g.start) ?? "", required: w }),
-          /* @__PURE__ */ a("input", { type: "hidden", name: m, value: (g == null ? void 0 : g.end) ?? "", required: w }),
-          T && /* @__PURE__ */ k(
+          /* @__PURE__ */ n("input", { type: "hidden", name: T, value: (N == null ? void 0 : N.start) ?? "", required: I }),
+          /* @__PURE__ */ n("input", { type: "hidden", name: k, value: (N == null ? void 0 : N.end) ?? "", required: I }),
+          Y && /* @__PURE__ */ _(
             "div",
             {
-              id: z,
+              id: se,
               className: "p-date-range-picker__panel",
               role: "dialog",
-              "aria-labelledby": `${z}-title`,
-              onKeyDown: (o) => {
-                o.key === "Escape" && Q();
+              "aria-labelledby": `${se}-title`,
+              onKeyDown: (l) => {
+                l.key === "Escape" && ue();
               },
               children: [
-                /* @__PURE__ */ k("div", { className: "p-date-range-picker__calendar-header", children: [
-                  /* @__PURE__ */ a(
+                /* @__PURE__ */ _("div", { className: "p-date-range-picker__calendar-header", children: [
+                  /* @__PURE__ */ n(
                     "button",
                     {
                       type: "button",
                       className: "p-date-range-picker__nav",
                       "aria-label": "Previous month",
-                      onClick: () => j((o) => Ye(o, -1)),
-                      children: /* @__PURE__ */ a(zt, {})
+                      disabled: Ae,
+                      onClick: () => Ye(be),
+                      children: /* @__PURE__ */ n(At, {})
                     }
                   ),
-                  /* @__PURE__ */ a("div", { id: `${z}-title`, className: "p-date-range-picker__month", children: St(J, x) }),
-                  /* @__PURE__ */ a(
+                  /* @__PURE__ */ _("div", { className: "p-date-range-picker__month", children: [
+                    /* @__PURE__ */ n("span", { id: `${se}-title`, className: "p-date-range-picker__month-label", children: ha(S, C) }),
+                    /* @__PURE__ */ n(
+                      "select",
+                      {
+                        className: "p-date-range-picker__month-select p-date-range-picker__calendar-select",
+                        "aria-label": "Month",
+                        value: S.getMonth(),
+                        onChange: Ke,
+                        children: F.map((l) => /* @__PURE__ */ n(
+                          "option",
+                          {
+                            value: l.value,
+                            disabled: vt(new Date(S.getFullYear(), l.value, 1), $, V),
+                            children: l.label
+                          },
+                          l.value
+                        ))
+                      }
+                    ),
+                    /* @__PURE__ */ n(
+                      "select",
+                      {
+                        className: "p-date-range-picker__year-select p-date-range-picker__calendar-select",
+                        "aria-label": "Year",
+                        value: S.getFullYear(),
+                        onChange: Ge,
+                        children: Oe.map((l) => /* @__PURE__ */ n("option", { value: l, children: l }, l))
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ n(
                     "button",
                     {
                       type: "button",
                       className: "p-date-range-picker__nav",
                       "aria-label": "Next month",
-                      onClick: () => j((o) => Ye(o, 1)),
-                      children: /* @__PURE__ */ a(Kt, {})
+                      disabled: de,
+                      onClick: () => Ye(_e),
+                      children: /* @__PURE__ */ n(Lt, {})
                     }
                   )
                 ] }),
-                /* @__PURE__ */ a("div", { className: "p-date-range-picker__weekdays", "aria-hidden": "true", children: je.map((o) => /* @__PURE__ */ a("span", { children: o }, o)) }),
-                /* @__PURE__ */ a("div", { className: "p-date-range-picker__grid", role: "grid", "aria-labelledby": `${z}-title`, children: ae.map((o) => {
-                  const D = y(o), B = o.getMonth() !== J.getMonth(), re = Fe(o, F), H = Fe(o, ee), ce = Rt(o, F, ee), st = Fe(o, Z), lt = Ue(o, G) || qe(o, K);
-                  return /* @__PURE__ */ a(
+                /* @__PURE__ */ n("div", { className: "p-date-range-picker__weekdays", "aria-hidden": "true", children: q.map((l) => /* @__PURE__ */ n("span", { children: l }, l)) }),
+                /* @__PURE__ */ n("div", { className: "p-date-range-picker__grid", role: "grid", "aria-labelledby": `${se}-title`, children: qe.map((l) => {
+                  const b = M(l), K = l.getMonth() !== S.getMonth(), ve = at(l, B), ae = at(l, j), Se = va(l, B, j), ct = at(l, L), dt = _t(l, $) || yt(l, V);
+                  return /* @__PURE__ */ n(
                     "button",
                     {
-                      ref: (ct) => {
-                        xe.current[D] = ct;
+                      ref: (ut) => {
+                        xe.current[b] = ut;
                       },
                       type: "button",
                       role: "gridcell",
-                      "data-date": D,
-                      className: p(
+                      "data-date": b,
+                      className: m(
                         "p-date-range-picker__day",
-                        B && "p-date-range-picker__day--outside",
-                        st && "p-date-range-picker__day--today",
-                        ce && "p-date-range-picker__day--in-range",
-                        (re || H) && "p-date-range-picker__day--selected"
+                        K && "p-date-range-picker__day--outside",
+                        ct && "p-date-range-picker__day--today",
+                        Se && "p-date-range-picker__day--in-range",
+                        (ve || ae) && "p-date-range-picker__day--selected"
                       ),
-                      disabled: lt,
-                      "aria-label": Tt(o, x),
-                      "aria-selected": re || H,
-                      tabIndex: Fe(o, le) ? 0 : -1,
-                      onClick: () => i(o),
-                      onKeyDown: S(o),
-                      children: o.getDate()
+                      disabled: dt,
+                      "aria-label": ga(l, C),
+                      "aria-selected": ve || ae,
+                      tabIndex: at(l, ge) ? 0 : -1,
+                      onClick: () => s(l),
+                      onKeyDown: H(l),
+                      children: l.getDate()
                     },
-                    D
+                    b
                   );
                 }) })
               ]
             }
           ),
-          u && h ? /* @__PURE__ */ a("p", { id: me, role: "alert", className: "p-date-range-picker__message p-date-range-picker__message--error", children: h }) : null,
-          !u && c ? /* @__PURE__ */ a("p", { id: he, className: "p-date-range-picker__message", children: c }) : null
+          h && f ? /* @__PURE__ */ n("p", { id: Re, role: "alert", className: "p-date-range-picker__message p-date-range-picker__message--error", children: f }) : null,
+          !h && u ? /* @__PURE__ */ n("p", { id: Be, className: "p-date-range-picker__message", children: u }) : null
         ]
       }
     );
   }
 );
-jt.displayName = "PDateRangePicker";
-const Et = {
+xa.displayName = "PDateRangePicker";
+const Ra = {
   thisWeek: {
     label: "This week",
     value: () => {
-      const e = O(), t = I(e, -e.getDay());
+      const e = we(), t = O(e, -e.getDay());
       return {
-        start: y(t),
-        end: y(I(t, 6))
+        start: M(t),
+        end: M(O(t, 6))
       };
     }
   },
   last7Days: {
     label: "Last 7 days",
     value: () => {
-      const e = O();
+      const e = we();
       return {
-        start: y(I(e, -6)),
-        end: y(e)
+        start: M(O(e, -6)),
+        end: M(e)
       };
     }
   },
   last14Days: {
     label: "Last 14 days",
     value: () => {
-      const e = O();
+      const e = we();
       return {
-        start: y(I(e, -13)),
-        end: y(e)
+        start: M(O(e, -13)),
+        end: M(e)
       };
     }
   },
   last30Days: {
     label: "Last 30 days",
     value: () => {
-      const e = O();
+      const e = we();
       return {
-        start: y(I(e, -29)),
-        end: y(e)
+        start: M(O(e, -29)),
+        end: M(e)
       };
     }
   },
   thisMonth: {
     label: "This month",
     value: () => {
-      const e = O(), t = X(e), n = Je(e);
+      const e = we(), t = X(e), a = Ue(e);
       return {
-        start: y(t),
-        end: y(n)
+        start: M(t),
+        end: M(a)
       };
     }
   },
   lastMonth: {
     label: "Last month",
     value: () => {
-      const e = O(), t = Ye(e, -1);
+      const e = we(), t = st(e, -1);
       return {
-        start: y(X(t)),
-        end: y(Je(t))
+        start: M(X(t)),
+        end: M(Ue(t))
       };
     }
   },
   monthToDate: {
     label: "Month to date",
     value: () => {
-      const e = O(), t = X(e);
+      const e = we(), t = X(e);
       return {
-        start: y(t),
-        end: y(e)
+        start: M(t),
+        end: M(e)
       };
     }
   },
   yearToDate: {
     label: "Year to date",
     value: () => {
-      const e = O();
+      const e = we();
       return {
-        start: y(new Date(e.getFullYear(), 0, 1)),
-        end: y(e)
+        start: M(new Date(e.getFullYear(), 0, 1)),
+        end: M(e)
       };
     }
   }
-}, Wt = U(
+}, Da = Ne(
   ({
     as: e = "span",
     variant: t = "primary",
-    appearance: n = "text",
+    appearance: a = "text",
     color: r,
-    textColor: s,
-    children: l,
+    textColor: o,
+    children: c,
     className: d,
-    style: f,
-    ...b
-  }, c) => {
-    const u = {
-      ...f,
+    style: g,
+    ...v
+  }, u) => {
+    const h = {
+      ...g,
       ...r ? { "--p-highlight-color": r, "--p-highlight-bg": r } : {},
-      ...s ? { "--p-highlight-text": s } : {}
+      ...o ? { "--p-highlight-text": o } : {}
     };
-    return /* @__PURE__ */ a(
+    return /* @__PURE__ */ n(
       e,
       {
-        ...b,
-        ref: c,
-        className: p(
+        ...v,
+        ref: u,
+        className: m(
           "p-highlight",
           `p-highlight--${t}`,
-          n === "background" && "p-highlight--background",
+          a === "background" && "p-highlight--background",
           d
         ),
-        style: u,
-        children: l
+        style: h,
+        children: c
       }
     );
   }
 );
-Wt.displayName = "PHighlight";
-const Ht = U(
+Da.displayName = "PHighlight";
+const wa = Ne(
   ({
     children: e,
     ariaLabel: t = "Horizontal content",
-    gap: n,
+    gap: a,
     snap: r = !0,
-    className: s,
-    scrollerClassName: l,
+    className: o,
+    scrollerClassName: c,
     listClassName: d,
-    itemClassName: f,
-    style: b,
-    ...c
-  }, u) => {
-    const h = {
-      ...b,
-      ...n ? { "--p-horizontal-slider-gap": n } : {}
+    itemClassName: g,
+    style: v,
+    ...u
+  }, h) => {
+    const f = {
+      ...v,
+      ...a ? { "--p-horizontal-slider-gap": a } : {}
     };
-    return /* @__PURE__ */ a(
+    return /* @__PURE__ */ n(
       "div",
       {
-        ...c,
-        ref: u,
-        className: p("p-horizontal-slider", !r && "p-horizontal-slider--no-snap", s),
-        style: h,
-        children: /* @__PURE__ */ a(
+        ...u,
+        ref: h,
+        className: m("p-horizontal-slider", !r && "p-horizontal-slider--no-snap", o),
+        style: f,
+        children: /* @__PURE__ */ n(
           "div",
           {
             "aria-label": t,
-            className: p("p-horizontal-slider__scroller", l),
+            className: m("p-horizontal-slider__scroller", c),
             role: "region",
             tabIndex: 0,
-            children: /* @__PURE__ */ a("ul", { className: p("p-horizontal-slider__list", d), children: dt.map(e, (v) => /* @__PURE__ */ a("li", { className: p("p-horizontal-slider__item", f), children: v })) })
+            children: /* @__PURE__ */ n("ul", { className: m("p-horizontal-slider__list", d), children: Kt.map(e, (x) => /* @__PURE__ */ n("li", { className: m("p-horizontal-slider__item", g), children: x })) })
           }
         )
       }
     );
   }
 );
-Ht.displayName = "PHorizontalSlider";
-function ea({ title: e }) {
-  return /* @__PURE__ */ a(ut, { className: "pt-2 border-t border-white text-white", children: /* @__PURE__ */ a(Re, { className: "uppercase", variant: "body-wide", children: e }) });
+wa.displayName = "PHorizontalSlider";
+function Aa({ title: e }) {
+  return /* @__PURE__ */ n(jt, { className: "pt-2 border-t border-white text-white", children: /* @__PURE__ */ n(ot, { className: "uppercase", variant: "body-wide", children: e }) });
 }
-function Ot() {
-  return /* @__PURE__ */ k(
+function Ma() {
+  return /* @__PURE__ */ _(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1149,14 +1691,14 @@ function Ot() {
       focusable: "false",
       className: "p-text-input__icon",
       children: [
-        /* @__PURE__ */ a("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
-        /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "3" })
+        /* @__PURE__ */ n("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
+        /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "3" })
       ]
     }
   );
 }
-function Vt() {
-  return /* @__PURE__ */ k(
+function Ia() {
+  return /* @__PURE__ */ _(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1170,188 +1712,190 @@ function Vt() {
       focusable: "false",
       className: "p-text-input__icon",
       children: [
-        /* @__PURE__ */ a("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }),
-        /* @__PURE__ */ a("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }),
-        /* @__PURE__ */ a("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }),
-        /* @__PURE__ */ a("line", { x1: "2", x2: "22", y1: "2", y2: "22" })
+        /* @__PURE__ */ n("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }),
+        /* @__PURE__ */ n("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }),
+        /* @__PURE__ */ n("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }),
+        /* @__PURE__ */ n("line", { x1: "2", x2: "22", y1: "2", y2: "22" })
       ]
     }
   );
 }
-const Ut = U(
+const $a = Ne(
   ({
     className: e,
     inputClassName: t,
-    type: n,
+    type: a,
     label: r,
-    helperText: s,
-    id: l,
+    helperText: o,
+    id: c,
     isError: d = !1,
-    errorMessage: f,
-    rightAdornment: b,
-    disabled: c,
-    readOnly: u,
-    style: h,
-    ...v
-  }, C) => {
-    const M = Le(), m = l ?? M, _ = `${m}-error`, $ = `${m}-helper`, w = n === "password", x = !!b && !w, [P, q] = V(!1), ie = w ? P ? "text" : "password" : n ?? "text", se = [
-      d && f ? _ : null,
-      !d && s ? $ : null
+    errorMessage: g,
+    rightAdornment: v,
+    disabled: u,
+    readOnly: h,
+    style: f,
+    ...x
+  }, R) => {
+    const T = Qe(), k = c ?? T, w = `${k}-error`, A = `${k}-helper`, I = a === "password", C = !!v && !I, [P, U] = G(!1), he = I ? P ? "text" : "password" : a ?? "text", Ie = [
+      d && g ? w : null,
+      !d && o ? A : null
     ].filter(Boolean).join(" ") || void 0;
-    return /* @__PURE__ */ k("div", { className: p("p-text-input", e), style: h, children: [
-      /* @__PURE__ */ a(
-        "input",
-        {
-          ...v,
-          id: m,
-          ref: C,
-          type: ie,
-          disabled: c,
-          readOnly: u,
-          placeholder: " ",
-          "aria-invalid": d || void 0,
-          "aria-describedby": se,
-          "aria-required": v.required,
-          "aria-disabled": c,
-          "aria-readonly": u,
-          autoComplete: v.autoComplete ?? (w ? "current-password" : void 0),
-          className: p(
-            "p-text-input__control",
-            (w || x) && "p-text-input__control--adorned",
-            d && "p-text-input__control--error",
-            x && n === "date" && "p-text-input__control--date-adorned",
-            t
-          )
-        }
-      ),
-      /* @__PURE__ */ a(
-        "span",
-        {
-          "aria-hidden": "true",
-          className: p(
-            "p-text-input__label p-text-input__floating-label",
-            d && "p-text-input__label--error"
-          ),
-          children: r
-        }
-      ),
-      /* @__PURE__ */ a(
-        "label",
-        {
-          htmlFor: m,
-          className: "p-text-input__label p-text-input__placeholder-label",
-          children: r
-        }
-      ),
-      w && /* @__PURE__ */ a(
-        "button",
-        {
-          type: "button",
-          onClick: () => q((pe) => !pe),
-          disabled: c,
-          className: "p-text-input__action",
-          "aria-label": P ? "Hide password" : "Show password",
-          "aria-pressed": P,
-          "aria-controls": m,
-          children: P ? /* @__PURE__ */ a(Ot, {}) : /* @__PURE__ */ a(Vt, {})
-        }
-      ),
-      x && /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "p-text-input__adornment", children: b }),
-      d && f && /* @__PURE__ */ a(
+    return /* @__PURE__ */ _("div", { className: m("p-text-input", e), style: f, children: [
+      /* @__PURE__ */ _("div", { className: "p-text-input__field", children: [
+        /* @__PURE__ */ n(
+          "input",
+          {
+            ...x,
+            id: k,
+            ref: R,
+            type: he,
+            disabled: u,
+            readOnly: h,
+            placeholder: " ",
+            "aria-invalid": d || void 0,
+            "aria-describedby": Ie,
+            "aria-required": x.required,
+            "aria-disabled": u,
+            "aria-readonly": h,
+            autoComplete: x.autoComplete ?? (I ? "current-password" : void 0),
+            className: m(
+              "p-text-input__control",
+              (I || C) && "p-text-input__control--adorned",
+              d && "p-text-input__control--error",
+              C && a === "date" && "p-text-input__control--date-adorned",
+              t
+            )
+          }
+        ),
+        /* @__PURE__ */ n(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: m(
+              "p-text-input__label p-text-input__floating-label",
+              d && "p-text-input__label--error"
+            ),
+            children: r
+          }
+        ),
+        /* @__PURE__ */ n(
+          "label",
+          {
+            htmlFor: k,
+            className: "p-text-input__label p-text-input__placeholder-label",
+            children: r
+          }
+        ),
+        I && /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            onClick: () => U((me) => !me),
+            disabled: u,
+            className: "p-text-input__action",
+            "aria-label": P ? "Hide password" : "Show password",
+            "aria-pressed": P,
+            "aria-controls": k,
+            children: P ? /* @__PURE__ */ n(Ma, {}) : /* @__PURE__ */ n(Ia, {})
+          }
+        ),
+        C && /* @__PURE__ */ n("span", { "aria-hidden": "true", className: "p-text-input__adornment", children: v })
+      ] }),
+      d && g && /* @__PURE__ */ n(
         "p",
         {
-          id: _,
+          id: w,
           role: "alert",
           className: "p-text-input__message p-text-input__message--error",
-          children: f
+          children: g
         }
       ),
-      !d && s && /* @__PURE__ */ a(
+      !d && o && /* @__PURE__ */ n(
         "p",
         {
-          id: $,
+          id: A,
           className: "p-text-input__message p-text-input__message--helper",
-          children: s
+          children: o
         }
       )
     ] });
   }
 );
-Ut.displayName = "PTextInput";
-const qt = U(
+$a.displayName = "PTextInput";
+const Ca = Ne(
   ({
     className: e,
     textareaClassName: t,
-    label: n,
+    label: a,
     helperText: r,
-    id: s,
-    isError: l = !1,
+    id: o,
+    isError: c = !1,
     errorMessage: d,
-    disabled: f,
-    readOnly: b,
-    rows: c = 4,
-    style: u,
-    ...h
-  }, v) => {
-    const C = Le(), M = s ?? C, m = `${M}-error`, _ = `${M}-helper`, $ = [
-      l && d ? m : null,
-      !l && r ? _ : null
+    disabled: g,
+    readOnly: v,
+    rows: u = 4,
+    style: h,
+    ...f
+  }, x) => {
+    const R = Qe(), T = o ?? R, k = `${T}-error`, w = `${T}-helper`, A = [
+      c && d ? k : null,
+      !c && r ? w : null
     ].filter(Boolean).join(" ") || void 0;
-    return /* @__PURE__ */ k("div", { className: p("p-text-area", e), style: u, children: [
-      /* @__PURE__ */ a(
+    return /* @__PURE__ */ _("div", { className: m("p-text-area", e), style: h, children: [
+      /* @__PURE__ */ n(
         "textarea",
         {
-          ...h,
-          id: M,
-          ref: v,
-          rows: c,
-          disabled: f,
-          readOnly: b,
+          ...f,
+          id: T,
+          ref: x,
+          rows: u,
+          disabled: g,
+          readOnly: v,
           placeholder: " ",
-          "aria-invalid": l || void 0,
-          "aria-describedby": $,
-          "aria-required": h.required,
-          "aria-disabled": f,
-          "aria-readonly": b,
-          className: p(
+          "aria-invalid": c || void 0,
+          "aria-describedby": A,
+          "aria-required": f.required,
+          "aria-disabled": g,
+          "aria-readonly": v,
+          className: m(
             "p-text-area__control",
-            l && "p-text-area__control--error",
+            c && "p-text-area__control--error",
             t
           )
         }
       ),
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ n(
         "span",
         {
           "aria-hidden": "true",
-          className: p(
+          className: m(
             "p-text-area__label p-text-area__floating-label",
-            l && "p-text-area__label--error"
+            c && "p-text-area__label--error"
           ),
-          children: n
+          children: a
         }
       ),
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ n(
         "label",
         {
-          htmlFor: M,
+          htmlFor: T,
           className: "p-text-area__label p-text-area__placeholder-label",
-          children: n
+          children: a
         }
       ),
-      l && d && /* @__PURE__ */ a(
+      c && d && /* @__PURE__ */ n(
         "p",
         {
-          id: m,
+          id: k,
           role: "alert",
           className: "p-text-area__message p-text-area__message--error",
           children: d
         }
       ),
-      !l && r && /* @__PURE__ */ a(
+      !c && r && /* @__PURE__ */ n(
         "p",
         {
-          id: _,
+          id: w,
           className: "p-text-area__message p-text-area__message--helper",
           children: r
         }
@@ -1359,22 +1903,23 @@ const qt = U(
     ] });
   }
 );
-qt.displayName = "PTextArea";
+Ca.displayName = "PTextArea";
 export {
-  pt as PBadge,
-  ht as PButton,
-  _t as PCard,
-  Ct as PDatePicker,
-  Xt as PDatePickerPresets,
-  jt as PDateRangePicker,
-  Et as PDateRangePickerPresets,
-  Wt as PHighlight,
-  Ht as PHorizontalSlider,
-  ea as PSectionHeader,
-  qt as PTextArea,
-  Ut as PTextInput,
-  Re as PTypography,
-  Qt as Row,
-  ut as Stack
+  Ht as PBadge,
+  Ut as PButton,
+  Xt as PCard,
+  Qt as PCombobox,
+  da as PDatePicker,
+  Ba as PDatePickerPresets,
+  xa as PDateRangePicker,
+  Ra as PDateRangePickerPresets,
+  Da as PHighlight,
+  wa as PHorizontalSlider,
+  Aa as PSectionHeader,
+  Ca as PTextArea,
+  $a as PTextInput,
+  ot as PTypography,
+  Pa as Row,
+  jt as Stack
 };
 //# sourceMappingURL=index.es.js.map