@paolojulian.dev/design-system 4.4.0 → 4.6.0

package/dist/index.es.js

@@ -1,16 +1,17 @@
-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 a, jsxs as _, Fragment as wt } from "react/jsx-runtime";
+import { cn as h } from "./utils.es.js";
+import { forwardRef as oe, useId as Oe, useRef as me, useState as re, useMemo as tt, useEffect as Ce, Children as Xt } from "react";
+import { C as qt, a as Pt, b as Ft } from "./chevron-right-icon-CDCRryr1.js";
+const en = ({
   children: e,
   gap: t = void 0,
   alignItems: n = void 0,
   justifyContent: r = void 0,
-  className: s = ""
+  className: l = ""
 }) => /* @__PURE__ */ a(
   "div",
   {
-    className: p("flex flex-row", s),
+    className: h("flex flex-row", l),
     style: {
       gap: t,
       alignItems: n,
@@ -18,16 +19,16 @@ const Qt = ({
     },
     children: e
   }
-), ut = ({
+), Zt = ({
   children: e,
   gap: t = void 0,
   alignItems: n = void 0,
   justifyContent: r = void 0,
-  className: s = ""
+  className: l = ""
 }) => /* @__PURE__ */ a(
   "div",
   {
-    className: p("flex flex-col", s),
+    className: h("flex flex-col", l),
     style: {
       gap: t,
       alignItems: n,
@@ -35,247 +36,683 @@ const Qt = ({
     },
     children: e
   }
-), pt = U(
+), Jt = oe(
   ({
     as: e = "span",
     variant: t = "neutral",
     size: n = "sm",
     appearance: r = "subtle",
+    isPinging: l = !1,
     leftIcon: s,
-    rightIcon: l,
-    children: d,
-    className: f,
+    rightIcon: d,
+    children: m,
+    className: y,
     ...b
-  }, c) => /* @__PURE__ */ k(
+  }, u) => /* @__PURE__ */ _(
     e,
     {
       ...b,
-      ref: c,
-      className: p(
+      ref: u,
+      className: h(
         "p-badge",
         `p-badge--${t}`,
         `p-badge--${n}`,
         `p-badge--${r}`,
-        f
+        l && "p-badge--pinging",
+        y
       ),
       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 })
+        /* @__PURE__ */ a("span", { className: "p-badge__label", children: m }),
+        d && /* @__PURE__ */ a("span", { className: "p-badge__icon", "aria-hidden": "true", children: d })
       ]
     }
   )
 );
-pt.displayName = "PBadge";
-const ht = U(
+Jt.displayName = "PBadge";
+const Qt = oe(
   ({
     variant: e = "primary",
     size: t = "md",
     fullWidth: n = !1,
     isActive: r = !1,
-    isLoading: s = !1,
-    leftIcon: l,
-    rightIcon: d,
-    children: f,
+    isLoading: l = !1,
+    isPinging: s = !1,
+    leftIcon: d,
+    rightIcon: m,
+    children: y,
     className: b,
-    ...c
-  }, u) => {
-    const h = !!("disabled" in c && c.disabled || s), v = p(
+    ...u
+  }, v) => {
+    const N = !!("disabled" in u && u.disabled || l), F = h(
       "p-button",
       `p-button--${e}`,
       `p-button--${t}`,
       n && "p-button--full-width",
       r && "p-button--active",
+      s && "p-button--pinging",
       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 })
+    ), k = /* @__PURE__ */ _(wt, { children: [
+      l ? /* @__PURE__ */ a("span", { className: "p-button__spinner", "aria-hidden": "true" }) : d && /* @__PURE__ */ a("span", { className: "p-button__icon", "aria-hidden": "true", children: d }),
+      /* @__PURE__ */ a("span", { className: "p-button__label", children: y }),
+      !l && m && /* @__PURE__ */ a("span", { className: "p-button__icon", "aria-hidden": "true", children: m })
     ] });
-    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: B, onClick: A, ...I } = u, T = (V) => {
+        if (N) {
+          V.preventDefault();
           return;
         }
-        w == null || w(q);
+        A == null || A(V);
       };
       return /* @__PURE__ */ a(
         "a",
         {
-          ...x,
-          ref: u,
-          className: v,
-          "aria-disabled": h || void 0,
-          "aria-busy": s || void 0,
+          ...I,
+          ref: v,
+          className: F,
+          "aria-disabled": N || void 0,
+          "aria-busy": l || void 0,
           "data-active": r || void 0,
-          "data-disabled": $ || void 0,
-          tabIndex: h ? -1 : x.tabIndex,
-          onClick: P,
-          children: C
+          "data-disabled": B || void 0,
+          tabIndex: N ? -1 : I.tabIndex,
+          onClick: T,
+          children: k
         }
       );
     }
-    const { type: M = "button", disabled: m, ..._ } = c;
+    const { type: g = "button", disabled: $, ...j } = u;
     return /* @__PURE__ */ a(
       "button",
       {
-        ..._,
-        ref: u,
-        type: M,
-        disabled: !!(m || s),
-        className: v,
-        "aria-busy": s || void 0,
+        ...j,
+        ref: v,
+        type: g,
+        disabled: !!($ || l),
+        className: F,
+        "aria-busy": l || void 0,
         "data-active": r || void 0,
-        children: C
+        children: k
       }
     );
   }
 );
-ht.displayName = "PButton";
-function it(e) {
+Qt.displayName = "PButton";
+function zt(e) {
   var t, n, 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] && (n = zt(e[t])) && (r && (r += " "), r += n);
   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 Et() {
+  for (var e, t, n = 0, r = ""; n < arguments.length; ) (e = arguments[n++]) && (t = zt(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 Yt = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, Ct = Et, ea = (e, t) => (n) => {
   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 ((t == null ? void 0 : t.variants) == null) return Ct(e, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
+  const { variants: l, defaultVariants: s } = t, d = Object.keys(l).map((b) => {
+    const u = n == null ? void 0 : n[b], v = s == null ? void 0 : s[b];
     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] === _;
+    const N = Yt(u) || Yt(v);
+    return l[b][N];
+  }), m = n && Object.entries(n).reduce((b, u) => {
+    let [v, N] = u;
+    return N === void 0 || (b[v] = N), b;
+  }, {}), y = t == null || (r = t.compoundVariants) === null || r === void 0 ? void 0 : r.reduce((b, u) => {
+    let { class: v, className: N, ...F } = u;
+    return Object.entries(F).every((k) => {
+      let [g, $] = k;
+      return Array.isArray($) ? $.includes({
+        ...s,
+        ...m
+      }[g]) : {
+        ...s,
+        ...m
+      }[g] === $;
     }) ? [
-      ...c,
-      h,
-      v
-    ] : c;
+      ...b,
+      v,
+      N
+    ] : b;
   }, []);
-  return Xe(e, d, b, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
-}, ft = {
+  return Ct(e, d, y, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
+}, ta = {
   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", {
+}, aa = ea("p-typography", {
   variants: {
-    variant: ft
+    variant: ta
   },
   defaultVariants: {
     variant: "body"
   }
 });
-function Re({
+function Ke({
   as: e = "p",
   children: t,
   className: n = "",
   variant: r,
-  ...s
+  ...l
 }) {
   return /* @__PURE__ */ a(
     e,
     {
-      className: p(yt({ variant: r, className: n })),
-      ...s,
+      className: h(aa({ variant: r, className: n })),
+      ...l,
       children: t
     }
   );
 }
-function oe(e) {
+function Ge(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 St(e, t) {
+  return Ge(e) ? typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ a(Ke, { className: t, variant: "body-wide", children: e }) : /* @__PURE__ */ a("span", { className: h(t, "p-card__meta-custom"), children: e }) : null;
 }
-function Ce(e) {
+function at(e) {
   return typeof e == "number" ? `${e}px` : e;
 }
-const _t = U(
+const na = oe(
   ({
     prefix: e,
     eyebrow: t,
     title: n,
     description: r,
-    media: s,
-    actions: l,
+    media: l,
+    actions: s,
     density: d = "default",
-    fullWidth: f = !1,
-    width: b,
-    minWidth: c,
+    fullWidth: m = !1,
+    width: y,
+    minWidth: b,
     height: u,
-    minHeight: h,
-    className: v,
-    style: C,
-    children: M,
-    ...m
-  }, _) => {
-    const $ = "href" in m && typeof m.href == "string", w = p(
+    minHeight: v,
+    className: N,
+    style: F,
+    children: k,
+    ...g
+  }, $) => {
+    const j = "href" in g && typeof g.href == "string", B = h(
       "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",
+      m && "p-card--full-width",
+      y !== void 0 && "p-card--custom-width",
+      b !== 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")
+      v !== void 0 && "p-card--custom-min-height",
+      j && "p-card--interactive",
+      N
+    ), A = {
+      ...F,
+      ...y !== void 0 ? { "--p-card-width": at(y) } : {},
+      ...b !== void 0 ? { "--p-card-min-width": at(b) } : {},
+      ...u !== void 0 ? { "--p-card-height": at(u) } : {},
+      ...v !== void 0 ? { "--p-card-min-height": at(v) } : {}
+    }, I = /* @__PURE__ */ _(wt, { children: [
+      Ge(l) && /* @__PURE__ */ a("div", { className: "p-card__media", children: l }),
+      (Ge(e) || Ge(t)) && /* @__PURE__ */ _("div", { className: "p-card__meta", children: [
+        St(e, "p-card__prefix"),
+        St(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__ */ a(Ke, { as: "h3", className: "p-card__title", variant: "heading", children: j ? /* @__PURE__ */ a("a", { ...g, className: "p-card__link", children: n }) : n }),
+        Ge(r) ? /* @__PURE__ */ a(Ke, { 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 })
+      Ge(k) && /* @__PURE__ */ a("div", { className: "p-card__content", children: k }),
+      Ge(s) && /* @__PURE__ */ a("div", { className: "p-card__actions", children: s })
     ] });
-    return $ ? /* @__PURE__ */ a("article", { ref: _, className: w, style: x, children: P }) : /* @__PURE__ */ a(
+    return j ? /* @__PURE__ */ a("article", { ref: $, className: B, style: A, children: I }) : /* @__PURE__ */ a(
       "article",
       {
-        ...m,
-        ref: _,
-        className: w,
-        style: x,
-        children: P
+        ...g,
+        ref: $,
+        className: B,
+        style: A,
+        children: I
+      }
+    );
+  }
+);
+na.displayName = "PCard";
+function ra(e) {
+  return typeof e == "number" ? `${e}px` : e;
+}
+function la(e) {
+  return e ? typeof e == "number" ? {
+    mobile: 1,
+    tablet: Math.min(e, 2),
+    desktop: e
+  } : {
+    mobile: e.mobile ?? 1,
+    tablet: e.tablet ?? e.mobile ?? 2,
+    desktop: e.desktop ?? e.tablet ?? e.mobile ?? 2
+  } : {
+    mobile: 1,
+    tablet: 2,
+    desktop: 2
+  };
+}
+const ia = oe(
+  ({
+    as: e = "div",
+    columns: t,
+    minCardWidth: n,
+    gap: r = "none",
+    align: l = "stretch",
+    className: s,
+    style: d,
+    children: m,
+    ...y
+  }, b) => {
+    const u = la(t), v = {
+      ...d,
+      "--p-card-grid-mobile-columns": u.mobile,
+      "--p-card-grid-tablet-columns": u.tablet,
+      "--p-card-grid-desktop-columns": u.desktop,
+      ...n !== void 0 ? { "--p-card-grid-min-card-width": ra(n) } : {}
+    };
+    return /* @__PURE__ */ a(
+      e,
+      {
+        ...y,
+        ref: b,
+        className: h(
+          "p-card-grid",
+          `p-card-grid--gap-${r}`,
+          l === "start" && "p-card-grid--align-start",
+          n !== void 0 && "p-card-grid--auto-fit",
+          s
+        ),
+        style: v,
+        children: m
       }
     );
   }
 );
-_t.displayName = "PCard";
-const bt = new Intl.DateTimeFormat(void 0, { weekday: "short" });
-function Se(e) {
+ia.displayName = "PCardGrid";
+function sa() {
+  return /* @__PURE__ */ a("svg", { viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "1.75", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "m5 8 5 5 5-5" }) });
+}
+function oa() {
+  return /* @__PURE__ */ a("svg", { viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "1.75", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "m4 10 4 4 8-8" }) });
+}
+function Tt() {
+  return /* @__PURE__ */ _("svg", { viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "1.75", "aria-hidden": "true", children: [
+    /* @__PURE__ */ a("path", { d: "m5 5 10 10" }),
+    /* @__PURE__ */ a("path", { d: "m15 5-10 10" })
+  ] });
+}
+function Bt(e) {
+  return e.trim().toLocaleLowerCase();
+}
+function ht(e, t) {
+  const n = Bt(t);
+  return n ? e.filter((r) => {
+    const l = [
+      r.label,
+      r.value,
+      r.description,
+      r.group,
+      ...r.keywords ?? []
+    ].filter(Boolean).join(" ");
+    return Bt(l).includes(n);
+  }) : e;
+}
+function Rt(e) {
+  return e.findIndex((t) => !t.disabled);
+}
+function bt(e, t) {
+  const n = e.findIndex((r) => r.value === t && !r.disabled);
+  return n >= 0 ? n : Rt(e);
+}
+function At(e, t, n) {
+  var l;
+  if (!e.length)
+    return -1;
+  let r = t;
+  for (let s = 0; s < e.length; s += 1)
+    if (r = (r + n + e.length) % e.length, !((l = e[r]) != null && l.disabled))
+      return r;
+  return -1;
+}
+function ca(e, t) {
+  if (typeof e == "function") {
+    e(t);
+    return;
+  }
+  e && (e.current = t);
+}
+const da = oe(
+  ({
+    label: e,
+    options: t,
+    value: n,
+    defaultValue: r,
+    selectedOption: l,
+    onValueChange: s,
+    query: d,
+    defaultQuery: m,
+    onQueryChange: y,
+    filterMode: b = "local",
+    isLoading: u = !1,
+    isLoadingMore: v = !1,
+    hasMore: N = !1,
+    onLoadMore: F,
+    placeholder: k = "Select an option",
+    searchPlaceholder: g = "Search options",
+    emptyText: $ = "No options found.",
+    loadingText: j = "Loading options...",
+    loadingMoreText: B = "Loading more options...",
+    loadMoreText: A = "Load more options",
+    helperText: I,
+    isError: T = !1,
+    errorMessage: V,
+    name: S,
+    disabled: z = !1,
+    readOnly: ee = !1,
+    required: O = !1,
+    clearable: X = !0,
+    className: p,
+    inputClassName: M,
+    id: x,
+    style: W,
+    ...pe
+  }, w) => {
+    const D = Oe(), H = x ?? D, he = `${H}-label`, Y = `${H}-input`, R = `${H}-listbox`, te = `${H}-helper`, Z = `${H}-error`, G = me(null), J = me(null), q = me(null), ce = me(null), De = me(null), be = me(null), xe = n !== void 0, Fe = d !== void 0, [Se, Xe] = re(r ?? ""), le = xe ? n : Se, U = (l == null ? void 0 : l.value) === le ? l : t.find((c) => c.value === le) ?? null, [Ze, ge] = re(m ?? (U == null ? void 0 : U.label) ?? ""), de = Fe ? d : Ze, [L, ue] = re(!1), [ye, Te] = re(!1), Q = tt(
+      () => b === "local" ? ht(t, de) : t,
+      [b, t, de]
+    ), [Ie, Me] = re(() => bt(t, le)), $e = L ? Q[Ie] : void 0, je = $e ? `${R}-option-${Ie}` : void 0, ve = `${H}-modal-title`, we = T && V ? Z : I ? te : void 0, He = !!U, Ne = X && He && !z && !ee, Be = L ? de : (U == null ? void 0 : U.label) ?? de, We = u && Q.length === 0, Je = v || u && Q.length > 0, Qe = !!(N && F && !u && !v);
+    Ce(() => {
+      !L && !Fe && ge((U == null ? void 0 : U.label) ?? "");
+    }, [L, Fe, U]), Ce(() => {
+      L && Me((c) => Q[c] && !Q[c].disabled ? c : bt(Q, le));
+    }, [Q, L, le]), Ce(() => {
+      var c;
+      L && ((c = De.current) == null || c.scrollIntoView({ block: "nearest" }));
+    }, [Ie, L]), Ce(() => {
+      var Ve, Le;
+      const c = globalThis, f = (Ve = c.matchMedia) == null ? void 0 : Ve.call(c, "(max-width: 64rem)");
+      if (!f)
+        return;
+      const ne = () => Te(f.matches);
+      return ne(), (Le = f.addEventListener) == null || Le.call(f, "change", ne), () => {
+        var Ue;
+        return (Ue = f.removeEventListener) == null ? void 0 : Ue.call(f, "change", ne);
+      };
+    }, []), Ce(() => {
+      var c;
+      !L || !ye || (c = q.current) == null || c.focus();
+    }, [ye, L]), Ce(() => {
+      ce.current && ce.current.setCustomValidity(O && !le ? "Select an option." : "");
+    }, [O, le]);
+    const o = (c) => {
+      G.current = c, ca(w, c);
+    }, C = (c, f) => {
+      Fe || ge(c), y == null || y(c, { source: f });
+    }, ae = () => {
+      !N || !F || u || v || F({ query: de, optionCount: Q.length });
+    };
+    Ce(() => {
+      if (!L || !be.current)
+        return;
+      const { scrollHeight: c, clientHeight: f } = be.current;
+      c <= f + 48 && ae();
+    });
+    const i = (c) => {
+      const f = (c == null ? void 0 : c.value) ?? "";
+      xe || Xe(f), C((c == null ? void 0 : c.label) ?? "", c ? "selection" : "clear"), s == null || s(f, c);
+    }, P = (c = de) => {
+      if (z || ee)
+        return;
+      const f = b === "local" ? ht(t, c) : t;
+      C(c, "open"), Me(bt(f, le)), ue(!0);
+    }, E = () => {
+      ue(!1), C((U == null ? void 0 : U.label) ?? "", "reset");
+    }, Pe = (c) => {
+      const f = c.currentTarget.value, ne = b === "local" ? ht(t, f) : t;
+      C(f, "input"), Me(Rt(ne)), ue(!0);
+    }, _e = (c) => {
+      if (c.key === "ArrowDown") {
+        if (c.preventDefault(), !L) {
+          P("");
+          return;
+        }
+        Me((f) => At(Q, f, 1));
+        return;
+      }
+      if (c.key === "ArrowUp") {
+        if (c.preventDefault(), !L) {
+          P("");
+          return;
+        }
+        Me((f) => At(Q, f, -1));
+        return;
+      }
+      if (c.key === "Enter") {
+        if (!L) {
+          P(de);
+          return;
+        }
+        $e && !$e.disabled && (c.preventDefault(), i($e), ue(!1));
+        return;
+      }
+      if (c.key === "Escape" && L) {
+        c.preventDefault(), E();
+        return;
+      }
+      c.key === "Tab" && E();
+    }, Ae = (c, f) => {
+      var ne;
+      c.preventDefault(), !f.disabled && (i(f), ue(!1), (ne = J.current) == null || ne.focus());
+    }, dt = (c) => {
+      var f;
+      c.preventDefault(), c.stopPropagation(), i(null), ue(!1), (f = J.current) == null || f.focus();
+    }, ut = (c) => {
+      const f = c.currentTarget;
+      f.scrollHeight - f.scrollTop - f.clientHeight <= 48 && ae();
+    }, pt = (c) => {
+      if (!L)
+        return;
+      c.currentTarget.contains(c.relatedTarget) || E();
+    }, It = Q.reduce(
+      (c, f) => {
+        const ne = f.group ?? null, Ve = c.find((Le) => Le.group === ne);
+        return Ve ? (Ve.options.push(f), c) : (c.push({ group: ne, options: [f] }), c);
+      },
+      []
+    );
+    return /* @__PURE__ */ _(
+      "div",
+      {
+        ...pe,
+        ref: o,
+        id: H,
+        style: W,
+        onBlur: pt,
+        className: h(
+          "p-combobox",
+          L && "p-combobox--open",
+          T && "p-combobox--error",
+          z && "p-combobox--disabled",
+          ee && "p-combobox--readonly",
+          p
+        ),
+        children: [
+          /* @__PURE__ */ _("div", { className: "p-combobox__field", children: [
+            /* @__PURE__ */ a(
+              "input",
+              {
+                ref: J,
+                id: Y,
+                role: "combobox",
+                type: "text",
+                value: Be,
+                placeholder: L ? g : " ",
+                disabled: z,
+                readOnly: ee,
+                required: !1,
+                "aria-autocomplete": "list",
+                "aria-controls": R,
+                "aria-describedby": we,
+                "aria-activedescendant": je,
+                "aria-expanded": L,
+                "aria-haspopup": "listbox",
+                "aria-invalid": T || void 0,
+                "aria-labelledby": he,
+                autoComplete: "off",
+                className: h("p-combobox__input", (Ne || He) && "p-combobox__input--adorned", M),
+                onChange: Pe,
+                onClick: () => P(""),
+                onKeyDown: _e
+              }
+            ),
+            /* @__PURE__ */ a(
+              "label",
+              {
+                id: he,
+                htmlFor: Y,
+                className: h("p-combobox__label p-combobox__floating-label", T && "p-combobox__label--error"),
+                children: e
+              }
+            ),
+            /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "p-combobox__label p-combobox__placeholder-label", children: k || e }),
+            Ne ? /* @__PURE__ */ a(
+              "button",
+              {
+                type: "button",
+                className: "p-combobox__clear",
+                "aria-label": `Clear ${e}`,
+                onMouseDown: dt,
+                children: /* @__PURE__ */ a(Tt, {})
+              }
+            ) : null,
+            /* @__PURE__ */ a("span", { className: "p-combobox__chevron", "aria-hidden": "true", children: /* @__PURE__ */ a(sa, {}) }),
+            L ? /* @__PURE__ */ _(
+              "div",
+              {
+                className: "p-combobox__panel",
+                role: ye ? "dialog" : void 0,
+                "aria-modal": ye || void 0,
+                "aria-labelledby": ye ? ve : void 0,
+                children: [
+                  /* @__PURE__ */ _("div", { className: "p-combobox__modal-header", children: [
+                    /* @__PURE__ */ a("div", { id: ve, className: "p-combobox__modal-title", children: e }),
+                    /* @__PURE__ */ a("button", { type: "button", className: "p-combobox__modal-close", "aria-label": `Close ${e}`, onClick: E, children: /* @__PURE__ */ a(Tt, {}) })
+                  ] }),
+                  /* @__PURE__ */ a("div", { className: "p-combobox__modal-search", children: /* @__PURE__ */ a(
+                    "input",
+                    {
+                      ref: q,
+                      role: "combobox",
+                      type: "search",
+                      value: de,
+                      placeholder: g,
+                      "aria-activedescendant": je,
+                      "aria-autocomplete": "list",
+                      "aria-controls": R,
+                      "aria-expanded": L,
+                      "aria-haspopup": "listbox",
+                      "aria-label": `Search ${e}`,
+                      autoComplete: "off",
+                      className: "p-combobox__modal-input",
+                      onChange: Pe,
+                      onKeyDown: _e
+                    }
+                  ) }),
+                  /* @__PURE__ */ _(
+                    "div",
+                    {
+                      id: R,
+                      ref: (c) => {
+                        be.current = c;
+                      },
+                      role: "listbox",
+                      "aria-busy": u || v || void 0,
+                      "aria-labelledby": he,
+                      className: "p-combobox__list",
+                      onScroll: ut,
+                      children: [
+                        We ? /* @__PURE__ */ _("div", { className: "p-combobox__status", role: "option", "aria-disabled": "true", "aria-selected": "false", children: [
+                          /* @__PURE__ */ a("span", { className: "p-combobox__spinner", "aria-hidden": "true" }),
+                          /* @__PURE__ */ a("span", { children: j })
+                        ] }) : null,
+                        It.length ? It.map((c) => /* @__PURE__ */ _("div", { className: "p-combobox__group", children: [
+                          c.group ? /* @__PURE__ */ a("div", { className: "p-combobox__group-label", children: c.group }) : null,
+                          c.options.map((f) => {
+                            const ne = Q.indexOf(f), Ve = ne === Ie, Le = f.value === le;
+                            return /* @__PURE__ */ _(
+                              "div",
+                              {
+                                ref: Ve ? (Ue) => {
+                                  De.current = Ue;
+                                } : void 0,
+                                id: `${R}-option-${ne}`,
+                                role: "option",
+                                "aria-disabled": f.disabled || void 0,
+                                "aria-selected": Le,
+                                className: h(
+                                  "p-combobox__option",
+                                  Ve && "p-combobox__option--active",
+                                  Le && "p-combobox__option--selected",
+                                  f.disabled && "p-combobox__option--disabled"
+                                ),
+                                onMouseDown: (Ue) => Ae(Ue, f),
+                                children: [
+                                  /* @__PURE__ */ a("span", { className: "p-combobox__option-check", children: Le ? /* @__PURE__ */ a(oa, {}) : null }),
+                                  /* @__PURE__ */ _("span", { className: "p-combobox__option-content", children: [
+                                    /* @__PURE__ */ a("span", { className: "p-combobox__option-label", children: f.label }),
+                                    f.description ? /* @__PURE__ */ a("span", { className: "p-combobox__option-description", children: f.description }) : null
+                                  ] }),
+                                  f.meta ? /* @__PURE__ */ a("span", { className: "p-combobox__option-meta", children: f.meta }) : null
+                                ]
+                              },
+                              f.value
+                            );
+                          })
+                        ] }, c.group ?? "ungrouped")) : We ? null : /* @__PURE__ */ a("div", { className: "p-combobox__empty", role: "option", "aria-disabled": "true", "aria-selected": "false", children: $ }),
+                        Je ? /* @__PURE__ */ _("div", { className: "p-combobox__status p-combobox__status--footer", role: "option", "aria-disabled": "true", "aria-selected": "false", children: [
+                          /* @__PURE__ */ a("span", { className: "p-combobox__spinner", "aria-hidden": "true" }),
+                          /* @__PURE__ */ a("span", { children: B })
+                        ] }) : null
+                      ]
+                    }
+                  ),
+                  Qe ? /* @__PURE__ */ a("div", { className: "p-combobox__footer", children: /* @__PURE__ */ a("button", { type: "button", className: "p-combobox__load-more", onMouseDown: (c) => c.preventDefault(), onClick: ae, children: A }) }) : null
+                ]
+              }
+            ) : null
+          ] }),
+          /* @__PURE__ */ a(
+            "input",
+            {
+              ref: ce,
+              type: "text",
+              name: S,
+              value: le ?? "",
+              required: O,
+              tabIndex: -1,
+              "aria-hidden": "true",
+              className: "p-combobox__hidden-input",
+              onChange: () => {
+              }
+            }
+          ),
+          L ? /* @__PURE__ */ a("div", { className: "p-combobox__backdrop", "aria-hidden": "true", onMouseDown: E }) : null,
+          T && V ? /* @__PURE__ */ a("p", { id: Z, role: "alert", className: "p-combobox__message p-combobox__message--error", children: V }) : null,
+          !T && I ? /* @__PURE__ */ a("p", { id: te, className: "p-combobox__message", children: I }) : null
+        ]
+      }
+    );
+  }
+);
+da.displayName = "PCombobox";
+const ua = new Intl.DateTimeFormat(void 0, { weekday: "short" });
+function lt(e) {
   if (!e)
     return null;
   if (e instanceof Date)
@@ -283,57 +720,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 [n, r, l] = t, s = new Date(n, r - 1, l);
+  return s.getFullYear() !== n || s.getMonth() !== r - 1 || s.getDate() !== l ? null : s;
 }
-function ke(e) {
+function et(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}`;
 }
-function ue(e) {
+function fe(e) {
   return new Date(e.getFullYear(), e.getMonth(), 1);
 }
-function vt(e) {
+function ct(e) {
   return new Date(e.getFullYear(), e.getMonth() + 1, 0);
 }
-function Ge(e, t) {
+function Mt(e, t) {
   return new Date(e.getFullYear(), e.getMonth() + t, 1);
 }
-function et(e, t) {
-  const n = Ge(e, t), r = vt(n).getDate();
+function Vt(e, t) {
+  const n = Mt(e, t), r = ct(n).getDate();
   return new Date(n.getFullYear(), n.getMonth(), Math.min(e.getDate(), r));
 }
-function R(e, t) {
+function ke(e, t) {
   return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t);
 }
-function De(e, t) {
-  return !!(e && t && ke(e) === ke(t));
+function Ee(e, t) {
+  return !!(e && t && et(e) === et(t));
 }
-function de() {
+function ze() {
   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 pa(e, t) {
+  const n = fe(e), r = (n.getDay() - t + 7) % 7, l = ke(n, -r);
+  return Array.from({ length: 42 }, (s, d) => ke(l, d));
 }
-function He(e) {
+function _t(e) {
   const t = typeof e.value == "function" ? e.value() : e.value;
-  return Se(t);
+  return lt(t);
 }
-function kt(e, t) {
+function ha(e, t) {
   return new Intl.DateTimeFormat(t, { month: "long", year: "numeric" }).format(e);
 }
-function Nt(e, t) {
+function ba(e) {
+  return Array.from({ length: 12 }, (t, n) => ({
+    label: new Intl.DateTimeFormat(e, { month: "long" }).format(new Date(2024, n, 1)),
+    value: n
+  }));
+}
+function _a(e, t) {
   return new Intl.DateTimeFormat(t, {
     month: "short",
     day: "numeric",
     year: "numeric"
   }).format(e);
 }
-function wt(e, t) {
+function ma(e, t) {
   return new Intl.DateTimeFormat(t, {
     weekday: "long",
     month: "long",
@@ -341,274 +784,352 @@ function wt(e, t) {
     year: "numeric"
   }).format(e);
 }
-function xt(e, t) {
+function fa(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) : "";
+  return Array.from({ length: 7 }, (r, l) => {
+    const s = ke(n, e + l);
+    return ua.formatToParts(s).length ? new Intl.DateTimeFormat(t, { weekday: "short" }).format(s) : "";
   });
 }
-function Oe(e, t) {
+function mt(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 Lt(e, t) {
+  return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth();
+}
+function gt(e, t, n) {
+  const r = fe(e), l = ct(e);
+  return !!(t && l < t || n && r > n);
 }
-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 ga(e, t, n) {
+  return t && ct(e) < t ? fe(t) : n && fe(e) > n ? fe(n) : fe(e);
+}
+function ya(e, t, n, r) {
+  const l = fe(e), s = ct(e);
+  let d = new Date(
+    l.getFullYear(),
+    l.getMonth(),
+    Math.min(t.getDate(), s.getDate())
+  );
+  return n && d < n && (d = Lt(n, l) ? n : l), r && d > r && (d = Lt(r, l) ? r : s), d;
 }
-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 va(e, t, n, r) {
+  const l = e.getFullYear(), s = Math.min(l, r.getFullYear() - 100), d = Math.max(l, r.getFullYear() + 20), m = (t == null ? void 0 : t.getFullYear()) ?? s, y = (n == null ? void 0 : n.getFullYear()) ?? d, b = Math.min(m, y, l), u = Math.max(m, y, l);
+  return Array.from({ length: u - b + 1 }, (v, N) => b + N);
 }
-const Ct = U(
+const Na = oe(
   ({
     label: e,
     value: t,
     defaultValue: n,
     onValueChange: r,
-    presets: s = [],
-    customLabel: l = "Custom",
+    presets: l = [],
+    customLabel: s = "Custom",
     showCustom: d = !0,
-    presetColumns: f = "auto",
-    placeholder: b = "Select date",
-    helperText: c,
+    presetColumns: m = "auto",
+    placeholder: y = "Select date",
+    helperText: b,
     isError: u = !1,
-    errorMessage: h,
-    min: v,
-    max: C,
-    name: M,
-    disabled: m = !1,
-    readOnly: _ = !1,
-    required: $ = !1,
-    locale: w,
-    weekStartsOn: x = 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 || _)
+    errorMessage: v,
+    min: N,
+    max: F,
+    name: k,
+    disabled: g = !1,
+    readOnly: $ = !1,
+    required: j = !1,
+    locale: B,
+    weekStartsOn: A = 0,
+    className: I,
+    id: T,
+    style: V,
+    ...S
+  }, z) => {
+    const ee = Oe(), O = T ?? ee, X = `${O}-label`, p = `${O}-panel`, M = `${O}-helper`, x = `${O}-error`, W = t !== void 0, [pe, w] = re(n ?? ""), [D, H] = re(!1), he = W ? t : pe, Y = lt(he), R = tt(ze, []), te = lt(N), Z = lt(F), [G, J] = re(() => fe(Y ?? R)), [q, ce] = re(() => Y ?? R), De = me(null), be = me({}), xe = me(!1), Fe = pa(G, A), Se = fa(A, B), Xe = tt(() => ba(B), [B]), le = va(G, te, Z, R), U = l.length > 0, Ze = U ? d : !0, ge = m === "auto" ? void 0 : {
+      "--p-date-picker-preset-columns": String(m)
+    }, de = u && v ? x : b ? M : void 0, L = Y ? _a(Y, B) : y, ue = U ? l.some((o) => Ee(_t(o), Y)) : !1, ye = D || !!(Y && !ue), Te = Mt(G, -1), Q = Mt(G, 1), Ie = gt(Te, te, Z), Me = gt(Q, te, Z);
+    Ce(() => {
+      var o;
+      D && xe.current && ((o = be.current[et(q)]) == null || o.focus(), xe.current = !1);
+    }, [q, D, G]);
+    const $e = (o, C) => {
+      const ae = et(o);
+      W || w(ae), o && J(fe(o)), r == null || r(ae, { date: o, source: C });
+    }, je = (o) => {
+      if (g || $)
         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 C = Y ?? R;
+      De.current = o, xe.current = !0, ce(C), J(fe(C)), H(!0);
+    }, ve = (o = !1) => {
+      var C;
+      H(!1), o && ((C = De.current) == null || C.focus());
+    }, we = (o) => {
+      const C = ga(o, te, Z);
+      J(C), ce(ya(C, q, te, Z));
+    }, He = (o) => {
+      const { value: C } = o.currentTarget;
+      we(new Date(G.getFullYear(), Number(C), 1));
+    }, Ne = (o) => {
+      const { value: C } = o.currentTarget;
+      we(new Date(Number(C), G.getMonth(), 1));
+    }, Be = (o) => {
+      if (g || $)
         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 C = _t(o);
+      $e(C, "preset"), ve();
+    }, We = (o) => {
+      g || $ || mt(o, te) || ft(o, Z) || (ce(o), $e(o, "calendar"), ve(!0));
+    }, Je = (o) => {
+      mt(o, te) || ft(o, Z) || (xe.current = !0, ce(o), J(fe(o)));
+    }, Qe = (o) => (C) => {
+      if (C.key === "Escape") {
+        C.preventDefault(), ve(!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 ae = (o.getDay() - A + 7) % 7, P = {
+        ArrowLeft: ke(o, -1),
+        ArrowRight: ke(o, 1),
+        ArrowUp: ke(o, -7),
+        ArrowDown: ke(o, 7),
+        Home: ke(o, -ae),
+        End: ke(o, 6 - ae),
+        PageUp: Vt(o, -1),
+        PageDown: Vt(o, 1)
+      }[C.key];
+      P && (C.preventDefault(), Je(P));
     };
-    return /* @__PURE__ */ k(
+    return /* @__PURE__ */ _(
       "div",
       {
-        ...se,
-        ref: pe,
-        id: E,
-        style: ne ? { ...ie, ...ne } : ie,
-        className: p(
+        ...S,
+        ref: z,
+        id: O,
+        style: ge ? { ...V, ...ge } : V,
+        className: h(
           "p-date-picker",
-          ae && "p-date-picker--with-presets",
+          U && "p-date-picker--with-presets",
           u && "p-date-picker--error",
-          m && "p-date-picker--disabled",
-          P
+          g && "p-date-picker--disabled",
+          I
         ),
         children: [
-          /* @__PURE__ */ k("div", { id: L, className: "p-date-picker__label", children: [
+          U ? /* @__PURE__ */ _("div", { id: X, 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(
+            /* @__PURE__ */ a("span", { className: h("p-date-picker__label-value", !Y && "p-date-picker__label-value--empty"), children: L })
+          ] }) : null,
+          U ? /* @__PURE__ */ _(
             "div",
             {
-              "aria-describedby": Me,
-              "aria-labelledby": L,
-              className: p(
+              "aria-describedby": de,
+              "aria-labelledby": X,
+              className: h(
                 "p-date-picker__presets",
-                f !== "auto" && "p-date-picker__presets--fixed"
+                m !== "auto" && "p-date-picker__presets--fixed"
               ),
               role: "group",
               children: [
-                s.map((i) => {
-                  const N = He(i), S = De(N, g);
+                l.map((o) => {
+                  const C = _t(o), ae = Ee(C, Y);
                   return /* @__PURE__ */ a(
                     "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: h("p-date-picker__preset", ae && "p-date-picker__preset--active"),
+                      disabled: g,
+                      "aria-pressed": ae,
+                      onClick: () => Be(o),
+                      children: o.label
                     },
-                    i.label
+                    o.label
                   );
                 }),
-                je ? /* @__PURE__ */ a(
+                Ze ? /* @__PURE__ */ a(
                   "button",
                   {
                     type: "button",
-                    className: p(
+                    className: h(
                       "p-date-picker__preset",
-                      _e && "p-date-picker__preset--active"
+                      ye && "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: g,
+                    "aria-controls": p,
+                    "aria-expanded": D,
+                    "aria-pressed": ye,
+                    onClick: (o) => D ? ve(!0) : je(o.currentTarget),
+                    children: s
                   }
                 ) : 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: h(
+                "p-date-picker__trigger",
+                !Y && "p-date-picker__trigger--empty",
+                Y && "p-date-picker__trigger--filled",
+                D && "p-date-picker__trigger--open"
+              ),
+              disabled: g,
+              "aria-controls": p,
+              "aria-describedby": de,
+              "aria-expanded": D,
               "aria-haspopup": "dialog",
-              "aria-labelledby": L,
-              onClick: (i) => Y ? W(!0) : $e(i.currentTarget),
+              "aria-label": `${e}: ${L}`,
+              onClick: (o) => D ? ve(!0) : je(o.currentTarget),
               children: [
-                /* @__PURE__ */ a("span", { children: fe }),
-                /* @__PURE__ */ a("span", { className: "p-date-picker__trigger-icon", children: /* @__PURE__ */ a(Mt, {}) })
+                /* @__PURE__ */ a(
+                  "span",
+                  {
+                    id: X,
+                    className: h(
+                      "p-date-picker__trigger-label p-date-picker__trigger-floating-label",
+                      u && "p-date-picker__trigger-label--error"
+                    ),
+                    "aria-hidden": "true",
+                    children: e
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  "span",
+                  {
+                    className: h(
+                      "p-date-picker__trigger-label p-date-picker__trigger-placeholder-label",
+                      u && "p-date-picker__trigger-label--error"
+                    ),
+                    "aria-hidden": "true",
+                    children: e
+                  }
+                ),
+                /* @__PURE__ */ a("span", { className: "p-date-picker__trigger-value", children: L }),
+                /* @__PURE__ */ a("span", { className: "p-date-picker__trigger-icon", children: /* @__PURE__ */ a(qt, {}) })
               ]
             }
           ),
-          /* @__PURE__ */ a("input", { type: "hidden", name: M, value: ge ?? "", required: $ }),
-          Y && /* @__PURE__ */ k(
+          /* @__PURE__ */ a("input", { type: "hidden", name: k, value: he ?? "", required: j }),
+          D && /* @__PURE__ */ _(
             "div",
             {
-              id: A,
+              id: p,
               className: "p-date-picker__panel",
               role: "dialog",
-              "aria-labelledby": `${A}-title`,
-              onKeyDown: (i) => {
-                i.key === "Escape" && W();
+              "aria-labelledby": `${p}-title`,
+              onKeyDown: (o) => {
+                o.key === "Escape" && ve();
               },
               children: [
-                /* @__PURE__ */ k("div", { className: "p-date-picker__calendar-header", children: [
+                /* @__PURE__ */ _("div", { className: "p-date-picker__calendar-header", children: [
                   /* @__PURE__ */ a(
                     "button",
                     {
                       type: "button",
                       className: "p-date-picker__nav",
                       "aria-label": "Previous month",
-                      onClick: () => K((i) => Ge(i, -1)),
-                      children: /* @__PURE__ */ a($t, {})
+                      disabled: Ie,
+                      onClick: () => we(Te),
+                      children: /* @__PURE__ */ a(Pt, {})
                     }
                   ),
-                  /* @__PURE__ */ a("div", { id: `${A}-title`, className: "p-date-picker__month", children: kt(G, w) }),
+                  /* @__PURE__ */ _("div", { className: "p-date-picker__month", children: [
+                    /* @__PURE__ */ a("span", { id: `${p}-title`, className: "p-date-picker__month-label", children: ha(G, B) }),
+                    /* @__PURE__ */ a(
+                      "select",
+                      {
+                        className: "p-date-picker__month-select p-date-picker__calendar-select",
+                        "aria-label": "Month",
+                        value: G.getMonth(),
+                        onChange: He,
+                        children: Xe.map((o) => /* @__PURE__ */ a(
+                          "option",
+                          {
+                            value: o.value,
+                            disabled: gt(new Date(G.getFullYear(), o.value, 1), te, Z),
+                            children: o.label
+                          },
+                          o.value
+                        ))
+                      }
+                    ),
+                    /* @__PURE__ */ a(
+                      "select",
+                      {
+                        className: "p-date-picker__year-select p-date-picker__calendar-select",
+                        "aria-label": "Year",
+                        value: G.getFullYear(),
+                        onChange: Ne,
+                        children: le.map((o) => /* @__PURE__ */ a("option", { value: o, children: o }, o))
+                      }
+                    )
+                  ] }),
                   /* @__PURE__ */ a(
                     "button",
                     {
                       type: "button",
                       className: "p-date-picker__nav",
                       "aria-label": "Next month",
-                      onClick: () => K((i) => Ge(i, 1)),
-                      children: /* @__PURE__ */ a(Pt, {})
+                      disabled: Me,
+                      onClick: () => we(Q),
+                      children: /* @__PURE__ */ a(Ft, {})
                     }
                   )
                 ] }),
-                /* @__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);
+                /* @__PURE__ */ a("div", { className: "p-date-picker__weekdays", "aria-hidden": "true", children: Se.map((o) => /* @__PURE__ */ a("span", { children: o }, o)) }),
+                /* @__PURE__ */ a("div", { className: "p-date-picker__grid", role: "grid", "aria-labelledby": `${p}-title`, children: Fe.map((o) => {
+                  const C = et(o), ae = o.getMonth() !== G.getMonth(), i = Ee(o, Y), P = Ee(o, R), E = mt(o, te) || ft(o, Z);
                   return /* @__PURE__ */ a(
                     "button",
                     {
-                      ref: (re) => {
-                        te.current[N] = re;
+                      ref: (Pe) => {
+                        be.current[C] = Pe;
                       },
                       type: "button",
                       role: "gridcell",
-                      "data-date": N,
-                      className: p(
+                      "data-date": C,
+                      className: h(
                         "p-date-picker__day",
-                        S && "p-date-picker__day--outside",
-                        D && "p-date-picker__day--today",
-                        o && "p-date-picker__day--selected"
+                        ae && "p-date-picker__day--outside",
+                        P && "p-date-picker__day--today",
+                        i && "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: E,
+                      "aria-label": ma(o, B),
+                      "aria-selected": i,
+                      tabIndex: Ee(o, q) ? 0 : -1,
+                      onClick: () => We(o),
+                      onKeyDown: Qe(o),
+                      children: o.getDate()
                     },
-                    N
+                    C
                   );
                 }) })
               ]
             }
           ),
-          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
+          u && v ? /* @__PURE__ */ a("p", { id: x, role: "alert", className: "p-date-picker__message p-date-picker__message--error", children: v }) : null,
+          !u && b ? /* @__PURE__ */ a("p", { id: M, className: "p-date-picker__message", children: b }) : 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()) },
+Na.displayName = "PDatePicker";
+const tn = {
+  today: { label: "Today", value: () => ze() },
+  yesterday: { label: "Yesterday", value: () => ke(ze(), -1) },
+  tomorrow: { label: "Tomorrow", value: () => ke(ze(), 1) },
+  startOfMonth: { label: "Start of month", value: () => fe(ze()) },
   endOfMonth: {
     label: "End of month",
     value: () => {
-      const e = de();
+      const e = ze();
       return new Date(e.getFullYear(), e.getMonth() + 1, 0);
     }
   }
-}, It = new Intl.DateTimeFormat(void 0, { weekday: "short" });
-function Ae(e) {
+}, ka = new Intl.DateTimeFormat(void 0, { weekday: "short" });
+function st(e) {
   if (!e)
     return null;
   if (e instanceof Date)
@@ -616,50 +1137,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 [n, r, l] = t, s = new Date(n, r - 1, l);
+  return s.getFullYear() !== n || s.getMonth() !== r - 1 || s.getDate() !== l ? null : s;
 }
-function y(e) {
+function K(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}`;
 }
-function X(e) {
+function se(e) {
   return new Date(e.getFullYear(), e.getMonth(), 1);
 }
-function Je(e) {
+function Re(e) {
   return new Date(e.getFullYear(), e.getMonth() + 1, 0);
 }
-function Ye(e, t) {
+function ot(e, t) {
   return new Date(e.getFullYear(), e.getMonth() + t, 1);
 }
-function tt(e, t) {
-  const n = Ye(e, t), r = Je(n).getDate();
+function Kt(e, t) {
+  const n = ot(e, t), r = Re(n).getDate();
   return new Date(n.getFullYear(), n.getMonth(), Math.min(e.getDate(), r));
 }
-function I(e, t) {
+function ie(e, t) {
   return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t);
 }
-function O() {
+function Ye() {
   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 Da(e, t) {
+  const n = se(e), r = (n.getDay() - t + 7) % 7, l = ie(n, -r);
+  return Array.from({ length: 42 }, (s, d) => ie(l, d));
 }
-function St(e, t) {
+function xa(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, n) => ({
+    label: new Intl.DateTimeFormat(e, { month: "long" }).format(new Date(2024, n, 1)),
+    value: n
+  }));
+}
+function nt(e, t) {
   return new Intl.DateTimeFormat(t, {
     month: "short",
     day: "numeric",
     year: "numeric"
   }).format(e);
 }
-function Tt(e, t) {
+function $a(e, t) {
   return new Intl.DateTimeFormat(t, {
     weekday: "long",
     month: "long",
@@ -667,475 +1194,1087 @@ function Tt(e, t) {
     year: "numeric"
   }).format(e);
 }
-function Bt(e, t) {
+function wa(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) : "";
+  return Array.from({ length: 7 }, (r, l) => {
+    const s = ie(n, e + l);
+    return ka.formatToParts(s).length ? new Intl.DateTimeFormat(t, { weekday: "short" }).format(s) : "";
   });
 }
-function Fe(e, t) {
-  return !!(e && t && y(e) === y(t));
+function rt(e, t) {
+  return !!(e && t && K(e) === K(t));
 }
-function Ue(e, t) {
+function yt(e, t) {
   return !!(t && e.getTime() < t.getTime());
 }
-function qe(e, t) {
+function vt(e, t) {
   return !!(t && e.getTime() > t.getTime());
 }
-function Rt(e, t, n) {
+function jt(e, t) {
+  return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth();
+}
+function Nt(e, t, n) {
+  const r = se(e), l = Re(e);
+  return !!(t && l < t || n && r > n);
+}
+function Pa(e, t, n) {
+  return t && Re(e) < t ? se(t) : n && se(e) > n ? se(n) : se(e);
+}
+function Fa(e, t, n, r) {
+  const l = se(e), s = Re(e);
+  let d = new Date(
+    l.getFullYear(),
+    l.getMonth(),
+    Math.min(t.getDate(), s.getDate())
+  );
+  return n && d < n && (d = jt(n, l) ? n : l), r && d > r && (d = jt(r, l) ? r : s), d;
+}
+function Ia(e, t, n, r) {
+  const l = e.getFullYear(), s = Math.min(l, r.getFullYear() - 100), d = Math.max(l, r.getFullYear() + 20), m = (t == null ? void 0 : t.getFullYear()) ?? s, y = (n == null ? void 0 : n.getFullYear()) ?? d, b = Math.min(m, y, l), u = Math.max(m, y, l);
+  return Array.from({ length: u - b + 1 }, (v, N) => b + N);
+}
+function Ya(e, t, n) {
   return !!(t && n && e > t && e < n);
 }
-function At(e, t) {
+function Ca(e, t) {
   return !e && !t ? {} : e && t && t < e ? {
-    start: y(t),
-    end: y(e)
+    start: K(t),
+    end: K(e)
   } : {
-    start: y(e),
-    end: y(t)
+    start: K(e),
+    end: K(t)
   };
 }
-function Ze(e) {
+function kt(e) {
   return typeof e.value == "function" ? e.value() : e.value;
 }
-function Te(e) {
+function it(e) {
   return {
-    startDate: Ae(e == null ? void 0 : e.start),
-    endDate: Ae(e == null ? void 0 : e.end)
+    startDate: st(e == null ? void 0 : e.start),
+    endDate: st(e == null ? void 0 : e.end)
   };
 }
-function at(e, t) {
+function Ht(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 Sa(e, t, n) {
+  const { startDate: r, endDate: l } = it(e);
+  return r && l ? `${nt(r, n)} - ${nt(l, n)}` : r ? `${nt(r, n)} -` : l ? `- ${nt(l, 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" }) });
-}
-const jt = U(
+const Ta = oe(
   ({
     label: e,
     value: t,
     defaultValue: n,
     onValueChange: r,
-    presets: s = [],
-    customLabel: l = "Custom",
+    presets: l = [],
+    customLabel: s = "Custom",
     showCustom: d = !0,
-    presetColumns: f = "auto",
-    placeholder: b = "Select range",
-    helperText: c,
+    presetColumns: m = "auto",
+    placeholder: y = "Select range",
+    helperText: b,
     isError: u = !1,
-    errorMessage: h,
-    min: v,
-    max: C,
-    nameStart: M,
-    nameEnd: m,
-    disabled: _ = !1,
-    readOnly: $ = !1,
-    required: w = !1,
-    locale: x,
-    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
+    errorMessage: v,
+    min: N,
+    max: F,
+    nameStart: k,
+    nameEnd: g,
+    disabled: $ = !1,
+    readOnly: j = !1,
+    required: B = !1,
+    locale: A,
+    weekStartsOn: I = 0,
+    className: T,
+    id: V,
+    style: S,
+    ...z
+  }, ee) => {
+    const O = Oe(), X = V ?? O, p = `${X}-label`, M = `${X}-panel`, x = `${X}-helper`, W = `${X}-error`, pe = t !== void 0, [w, D] = re(n ?? {}), [H, he] = re(!1), Y = pe ? t : w, { startDate: R, endDate: te } = it(Y), Z = tt(Ye, []), G = st(N), J = st(F), [q, ce] = re(() => se(R ?? Z)), [De, be] = re(() => R ?? Z), xe = me(null), Fe = me({}), Se = me(!1), Xe = Da(q, I), le = wa(I, A), U = tt(() => Ma(A), [A]), Ze = Ia(q, G, J, Z), ge = l.length > 0, de = ge ? d : !0, L = m === "auto" ? void 0 : {
+      "--p-date-range-picker-preset-columns": String(m)
+    }, ue = !!(Y != null && Y.start && (Y != null && Y.end)), ye = u && v ? W : b ? x : void 0, Te = Sa(Y, y, A), Q = ge ? l.some((i) => Ht(kt(i), Y)) : !1, Ie = H || !!(ue && !Q), Me = ot(q, -1), $e = ot(q, 1), je = Nt(Me, G, J), ve = Nt($e, G, J);
+    Ce(() => {
+      var i;
+      H && Se.current && ((i = Fe.current[K(De)]) == null || i.focus(), Se.current = !1);
+    }, [De, H, q]);
+    const we = (i, P) => {
+      const { startDate: E, endDate: Pe } = it(i), _e = Ca(E, Pe);
+      pe || D(_e);
+      const Ae = it(_e);
+      Ae.startDate && ce(se(Ae.startDate)), r == null || r(_e, {
+        startDate: Ae.startDate,
+        endDate: Ae.endDate,
+        source: P
       });
-    }, Pe = (o) => {
-      if (_ || $)
+    }, He = (i) => {
+      if ($ || j)
         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 P = R ?? Z;
+      xe.current = i, Se.current = !0, be(P), ce(se(P)), he(!0);
+    }, Ne = (i = !1) => {
+      var P;
+      he(!1), i && ((P = xe.current) == null || P.focus());
+    }, Be = (i) => {
+      const P = Pa(i, G, J);
+      ce(P), be(Fa(P, De, G, J));
+    }, We = (i) => {
+      const { value: P } = i.currentTarget;
+      Be(new Date(q.getFullYear(), Number(P), 1));
+    }, Je = (i) => {
+      const { value: P } = i.currentTarget;
+      Be(new Date(Number(P), q.getMonth(), 1));
+    }, Qe = (i) => {
+      $ || j || (we(kt(i), "preset"), Ne());
+    }, o = (i) => {
+      if (!($ || j || yt(i, G) || vt(i, J))) {
+        if (!R || te) {
+          be(i), we({ start: K(i), end: "" }, "calendar");
           return;
         }
-        te(o), ve({ start: y(F), end: y(o) }, "calendar"), Q(!0);
+        be(i), we({ start: K(R), end: K(i) }, "calendar"), Ne(!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);
+    }, C = (i) => {
+      yt(i, G) || vt(i, J) || (Se.current = !0, be(i), ce(se(i)));
+    }, ae = (i) => (P) => {
+      if (P.key === "Escape") {
+        P.preventDefault(), Ne(!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 E = (i.getDay() - I + 7) % 7, _e = {
+        ArrowLeft: ie(i, -1),
+        ArrowRight: ie(i, 1),
+        ArrowUp: ie(i, -7),
+        ArrowDown: ie(i, 7),
+        Home: ie(i, -E),
+        End: ie(i, 6 - E),
+        PageUp: Kt(i, -1),
+        PageDown: Kt(i, 1)
+      }[P.key];
+      _e && (P.preventDefault(), C(_e));
     };
-    return /* @__PURE__ */ k(
+    return /* @__PURE__ */ _(
       "div",
       {
-        ...pe,
-        ref: ze,
-        id: L,
-        style: fe ? { ...se, ...fe } : se,
-        className: p(
+        ...z,
+        ref: ee,
+        id: X,
+        style: L ? { ...S, ...L } : S,
+        className: h(
           "p-date-range-picker",
-          ne && "p-date-range-picker--with-presets",
+          ge && "p-date-range-picker--with-presets",
           u && "p-date-range-picker--error",
-          _ && "p-date-range-picker--disabled",
-          q
+          $ && "p-date-range-picker--disabled",
+          T
         ),
         children: [
-          /* @__PURE__ */ k("div", { id: A, className: "p-date-range-picker__label", children: [
+          ge ? /* @__PURE__ */ _("div", { id: p, className: "p-date-range-picker__label", children: [
             /* @__PURE__ */ a("span", { children: e }),
             /* @__PURE__ */ a(
               "span",
               {
-                className: p(
+                className: h(
                   "p-date-range-picker__label-value",
-                  !ye && "p-date-range-picker__label-value--empty"
+                  !ue && "p-date-range-picker__label-value--empty"
                 ),
-                children: be
+                children: Te
               }
             )
-          ] }),
-          ne ? /* @__PURE__ */ k(
+          ] }) : null,
+          ge ? /* @__PURE__ */ _(
             "div",
             {
-              "aria-describedby": _e,
-              "aria-labelledby": A,
-              className: p(
+              "aria-describedby": ye,
+              "aria-labelledby": p,
+              className: h(
                 "p-date-range-picker__presets",
-                f !== "auto" && "p-date-range-picker__presets--fixed"
+                m !== "auto" && "p-date-range-picker__presets--fixed"
               ),
               role: "group",
               children: [
-                s.map((o) => {
-                  const D = Ze(o), B = at(D, g);
+                l.map((i) => {
+                  const P = kt(i), E = Ht(P, Y);
                   return /* @__PURE__ */ a(
                     "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: h("p-date-range-picker__preset", E && "p-date-range-picker__preset--active"),
+                      disabled: $,
+                      "aria-pressed": E,
+                      onClick: () => Qe(i),
+                      children: i.label
                     },
-                    o.label
+                    i.label
                   );
                 }),
-                Me ? /* @__PURE__ */ a(
+                de ? /* @__PURE__ */ a(
                   "button",
                   {
                     type: "button",
-                    className: p(
+                    className: h(
                       "p-date-range-picker__preset",
-                      W && "p-date-range-picker__preset--active"
+                      Ie && "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: $,
+                    "aria-controls": M,
+                    "aria-expanded": H,
+                    "aria-pressed": Ie,
+                    onClick: (i) => H ? Ne(!0) : He(i.currentTarget),
+                    children: s
                   }
                 ) : null
               ]
             }
-          ) : /* @__PURE__ */ k(
+          ) : /* @__PURE__ */ _(
             "button",
             {
               type: "button",
-              className: p(
+              className: h(
                 "p-date-range-picker__trigger",
-                !ye && "p-date-range-picker__trigger--empty"
+                !ue && "p-date-range-picker__trigger--empty",
+                ue && "p-date-range-picker__trigger--filled",
+                H && "p-date-range-picker__trigger--open"
               ),
-              disabled: _,
-              "aria-controls": z,
-              "aria-describedby": _e,
-              "aria-expanded": T,
+              disabled: $,
+              "aria-controls": M,
+              "aria-describedby": ye,
+              "aria-expanded": H,
               "aria-haspopup": "dialog",
-              "aria-labelledby": A,
-              onClick: (o) => T ? Q(!0) : Pe(o.currentTarget),
+              "aria-label": `${e}: ${Te}`,
+              onClick: (i) => H ? Ne(!0) : He(i.currentTarget),
               children: [
-                /* @__PURE__ */ a("span", { children: be }),
-                /* @__PURE__ */ a("span", { className: "p-date-range-picker__trigger-icon", children: /* @__PURE__ */ a(Lt, {}) })
+                /* @__PURE__ */ a(
+                  "span",
+                  {
+                    id: p,
+                    className: h(
+                      "p-date-range-picker__trigger-label p-date-range-picker__trigger-floating-label",
+                      u && "p-date-range-picker__trigger-label--error"
+                    ),
+                    "aria-hidden": "true",
+                    children: e
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  "span",
+                  {
+                    className: h(
+                      "p-date-range-picker__trigger-label p-date-range-picker__trigger-placeholder-label",
+                      u && "p-date-range-picker__trigger-label--error"
+                    ),
+                    "aria-hidden": "true",
+                    children: e
+                  }
+                ),
+                /* @__PURE__ */ a("span", { className: "p-date-range-picker__trigger-value", children: Te }),
+                /* @__PURE__ */ a("span", { className: "p-date-range-picker__trigger-icon", children: /* @__PURE__ */ a(qt, {}) })
               ]
             }
           ),
-          /* @__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__ */ a("input", { type: "hidden", name: k, value: (Y == null ? void 0 : Y.start) ?? "", required: B }),
+          /* @__PURE__ */ a("input", { type: "hidden", name: g, value: (Y == null ? void 0 : Y.end) ?? "", required: B }),
+          H && /* @__PURE__ */ _(
             "div",
             {
-              id: z,
+              id: M,
               className: "p-date-range-picker__panel",
               role: "dialog",
-              "aria-labelledby": `${z}-title`,
-              onKeyDown: (o) => {
-                o.key === "Escape" && Q();
+              "aria-labelledby": `${M}-title`,
+              onKeyDown: (i) => {
+                i.key === "Escape" && Ne();
               },
               children: [
-                /* @__PURE__ */ k("div", { className: "p-date-range-picker__calendar-header", children: [
+                /* @__PURE__ */ _("div", { className: "p-date-range-picker__calendar-header", children: [
                   /* @__PURE__ */ a(
                     "button",
                     {
                       type: "button",
                       className: "p-date-range-picker__nav",
                       "aria-label": "Previous month",
-                      onClick: () => j((o) => Ye(o, -1)),
-                      children: /* @__PURE__ */ a(zt, {})
+                      disabled: je,
+                      onClick: () => Be(Me),
+                      children: /* @__PURE__ */ a(Pt, {})
                     }
                   ),
-                  /* @__PURE__ */ a("div", { id: `${z}-title`, className: "p-date-range-picker__month", children: St(J, x) }),
+                  /* @__PURE__ */ _("div", { className: "p-date-range-picker__month", children: [
+                    /* @__PURE__ */ a("span", { id: `${M}-title`, className: "p-date-range-picker__month-label", children: xa(q, A) }),
+                    /* @__PURE__ */ a(
+                      "select",
+                      {
+                        className: "p-date-range-picker__month-select p-date-range-picker__calendar-select",
+                        "aria-label": "Month",
+                        value: q.getMonth(),
+                        onChange: We,
+                        children: U.map((i) => /* @__PURE__ */ a(
+                          "option",
+                          {
+                            value: i.value,
+                            disabled: Nt(new Date(q.getFullYear(), i.value, 1), G, J),
+                            children: i.label
+                          },
+                          i.value
+                        ))
+                      }
+                    ),
+                    /* @__PURE__ */ a(
+                      "select",
+                      {
+                        className: "p-date-range-picker__year-select p-date-range-picker__calendar-select",
+                        "aria-label": "Year",
+                        value: q.getFullYear(),
+                        onChange: Je,
+                        children: Ze.map((i) => /* @__PURE__ */ a("option", { value: i, children: i }, i))
+                      }
+                    )
+                  ] }),
                   /* @__PURE__ */ a(
                     "button",
                     {
                       type: "button",
                       className: "p-date-range-picker__nav",
                       "aria-label": "Next month",
-                      onClick: () => j((o) => Ye(o, 1)),
-                      children: /* @__PURE__ */ a(Kt, {})
+                      disabled: ve,
+                      onClick: () => Be($e),
+                      children: /* @__PURE__ */ a(Ft, {})
                     }
                   )
                 ] }),
-                /* @__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);
+                /* @__PURE__ */ a("div", { className: "p-date-range-picker__weekdays", "aria-hidden": "true", children: le.map((i) => /* @__PURE__ */ a("span", { children: i }, i)) }),
+                /* @__PURE__ */ a("div", { className: "p-date-range-picker__grid", role: "grid", "aria-labelledby": `${M}-title`, children: Xe.map((i) => {
+                  const P = K(i), E = i.getMonth() !== q.getMonth(), Pe = rt(i, R), _e = rt(i, te), Ae = Ya(i, R, te), dt = rt(i, Z), ut = yt(i, G) || vt(i, J);
                   return /* @__PURE__ */ a(
                     "button",
                     {
-                      ref: (ct) => {
-                        xe.current[D] = ct;
+                      ref: (pt) => {
+                        Fe.current[P] = pt;
                       },
                       type: "button",
                       role: "gridcell",
-                      "data-date": D,
-                      className: p(
+                      "data-date": P,
+                      className: h(
                         "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"
+                        E && "p-date-range-picker__day--outside",
+                        dt && "p-date-range-picker__day--today",
+                        Ae && "p-date-range-picker__day--in-range",
+                        (Pe || _e) && "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: ut,
+                      "aria-label": $a(i, A),
+                      "aria-selected": Pe || _e,
+                      tabIndex: rt(i, De) ? 0 : -1,
+                      onClick: () => o(i),
+                      onKeyDown: ae(i),
+                      children: i.getDate()
                     },
-                    D
+                    P
                   );
                 }) })
               ]
             }
           ),
-          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
+          u && v ? /* @__PURE__ */ a("p", { id: W, role: "alert", className: "p-date-range-picker__message p-date-range-picker__message--error", children: v }) : null,
+          !u && b ? /* @__PURE__ */ a("p", { id: x, className: "p-date-range-picker__message", children: b }) : null
         ]
       }
     );
   }
 );
-jt.displayName = "PDateRangePicker";
-const Et = {
+Ta.displayName = "PDateRangePicker";
+const an = {
   thisWeek: {
     label: "This week",
     value: () => {
-      const e = O(), t = I(e, -e.getDay());
+      const e = Ye(), t = ie(e, -e.getDay());
       return {
-        start: y(t),
-        end: y(I(t, 6))
+        start: K(t),
+        end: K(ie(t, 6))
       };
     }
   },
   last7Days: {
     label: "Last 7 days",
     value: () => {
-      const e = O();
+      const e = Ye();
       return {
-        start: y(I(e, -6)),
-        end: y(e)
+        start: K(ie(e, -6)),
+        end: K(e)
       };
     }
   },
   last14Days: {
     label: "Last 14 days",
     value: () => {
-      const e = O();
+      const e = Ye();
       return {
-        start: y(I(e, -13)),
-        end: y(e)
+        start: K(ie(e, -13)),
+        end: K(e)
       };
     }
   },
   last30Days: {
     label: "Last 30 days",
     value: () => {
-      const e = O();
+      const e = Ye();
       return {
-        start: y(I(e, -29)),
-        end: y(e)
+        start: K(ie(e, -29)),
+        end: K(e)
       };
     }
   },
   thisMonth: {
     label: "This month",
     value: () => {
-      const e = O(), t = X(e), n = Je(e);
+      const e = Ye(), t = se(e), n = Re(e);
       return {
-        start: y(t),
-        end: y(n)
+        start: K(t),
+        end: K(n)
       };
     }
   },
   lastMonth: {
     label: "Last month",
     value: () => {
-      const e = O(), t = Ye(e, -1);
+      const e = Ye(), t = ot(e, -1);
       return {
-        start: y(X(t)),
-        end: y(Je(t))
+        start: K(se(t)),
+        end: K(Re(t))
       };
     }
   },
   monthToDate: {
     label: "Month to date",
     value: () => {
-      const e = O(), t = X(e);
+      const e = Ye(), t = se(e);
       return {
-        start: y(t),
-        end: y(e)
+        start: K(t),
+        end: K(e)
       };
     }
   },
   yearToDate: {
     label: "Year to date",
     value: () => {
-      const e = O();
+      const e = Ye();
       return {
-        start: y(new Date(e.getFullYear(), 0, 1)),
-        end: y(e)
+        start: K(new Date(e.getFullYear(), 0, 1)),
+        end: K(e)
       };
     }
   }
-}, Wt = U(
+}, Ba = oe(
   ({
     as: e = "span",
     variant: t = "primary",
     appearance: n = "text",
     color: r,
-    textColor: s,
-    children: l,
+    textColor: l,
+    children: s,
     className: d,
-    style: f,
-    ...b
-  }, c) => {
+    style: m,
+    ...y
+  }, b) => {
     const u = {
-      ...f,
+      ...m,
       ...r ? { "--p-highlight-color": r, "--p-highlight-bg": r } : {},
-      ...s ? { "--p-highlight-text": s } : {}
+      ...l ? { "--p-highlight-text": l } : {}
     };
     return /* @__PURE__ */ a(
       e,
       {
-        ...b,
-        ref: c,
-        className: p(
+        ...y,
+        ref: b,
+        className: h(
           "p-highlight",
           `p-highlight--${t}`,
           n === "background" && "p-highlight--background",
           d
         ),
         style: u,
-        children: l
+        children: s
       }
     );
   }
 );
-Wt.displayName = "PHighlight";
-const Ht = U(
+Ba.displayName = "PHighlight";
+const Aa = oe(
   ({
     children: e,
     ariaLabel: t = "Horizontal content",
     gap: n,
     snap: r = !0,
-    className: s,
-    scrollerClassName: l,
+    className: l,
+    scrollerClassName: s,
     listClassName: d,
-    itemClassName: f,
-    style: b,
-    ...c
+    itemClassName: m,
+    style: y,
+    ...b
   }, u) => {
-    const h = {
-      ...b,
+    const v = {
+      ...y,
       ...n ? { "--p-horizontal-slider-gap": n } : {}
     };
     return /* @__PURE__ */ a(
       "div",
       {
-        ...c,
+        ...b,
         ref: u,
-        className: p("p-horizontal-slider", !r && "p-horizontal-slider--no-snap", s),
-        style: h,
+        className: h("p-horizontal-slider", !r && "p-horizontal-slider--no-snap", l),
+        style: v,
         children: /* @__PURE__ */ a(
           "div",
           {
             "aria-label": t,
-            className: p("p-horizontal-slider__scroller", l),
+            className: h("p-horizontal-slider__scroller", s),
             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__ */ a("ul", { className: h("p-horizontal-slider__list", d), children: Xt.map(e, (N) => /* @__PURE__ */ a("li", { className: h("p-horizontal-slider__item", m), children: N })) })
           }
         )
       }
     );
   }
 );
-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 }) });
+Aa.displayName = "PHorizontalSlider";
+function Va() {
+  return /* @__PURE__ */ a("svg", { viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "1.75", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "m5 8 5 5 5-5" }) });
+}
+function Gt(e) {
+  return Array.isArray(e) ? e[0] ?? "" : e ?? "";
+}
+const Ot = oe(
+  ({
+    className: e,
+    selectClassName: t,
+    label: n,
+    options: r,
+    placeholder: l = "Select an option",
+    helperText: s,
+    id: d,
+    isError: m = !1,
+    errorMessage: y,
+    density: b = "standard",
+    variant: u = "floating",
+    hideLabel: v = !1,
+    disabled: N,
+    required: F,
+    value: k,
+    defaultValue: g,
+    onChange: $,
+    onValueChange: j,
+    style: B,
+    ...A
+  }, I) => {
+    const T = Oe(), V = d ?? T, S = `${V}-error`, z = `${V}-helper`, ee = k !== void 0, [O, X] = re(Gt(g)), M = Gt(ee ? k : O) !== "", x = [
+      m && y ? S : null,
+      !m && s ? z : null
+    ].filter(Boolean).join(" ") || void 0, W = r.reduce(
+      (w, D) => {
+        const H = D.group ?? null, he = w.find((Y) => Y.group === H);
+        return he ? (he.options.push(D), w) : (w.push({ group: H, options: [D] }), w);
+      },
+      []
+    ), pe = (w) => {
+      const { value: D } = w.currentTarget;
+      ee || X(D), $ == null || $(w), j == null || j(
+        D,
+        r.find((H) => String(H.value) === D) ?? null
+      );
+    };
+    return /* @__PURE__ */ _(
+      "div",
+      {
+        className: h(
+          "p-select",
+          `p-select--${b}`,
+          `p-select--${u}`,
+          M && "p-select--filled",
+          m && "p-select--error",
+          N && "p-select--disabled",
+          e
+        ),
+        style: B,
+        children: [
+          /* @__PURE__ */ _("div", { className: "p-select__field", children: [
+            /* @__PURE__ */ _(
+              "select",
+              {
+                ...A,
+                id: V,
+                ref: I,
+                value: k,
+                defaultValue: k === void 0 ? g ?? "" : void 0,
+                disabled: N,
+                required: F,
+                "aria-invalid": m || void 0,
+                "aria-describedby": x,
+                "aria-required": F,
+                "aria-disabled": N,
+                className: h("p-select__control", m && "p-select__control--error", t),
+                onChange: pe,
+                children: [
+                  l ? /* @__PURE__ */ a("option", { value: "", disabled: F, "aria-label": l, children: "" }) : null,
+                  W.map(
+                    (w) => w.group ? /* @__PURE__ */ a("optgroup", { label: w.group, children: w.options.map((D) => /* @__PURE__ */ a("option", { value: D.value, disabled: D.disabled, children: D.label }, String(D.value))) }, w.group) : w.options.map((D) => /* @__PURE__ */ a("option", { value: D.value, disabled: D.disabled, children: D.label }, String(D.value)))
+                  )
+                ]
+              }
+            ),
+            u === "floating" ? /* @__PURE__ */ _(wt, { children: [
+              /* @__PURE__ */ a(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: h(
+                    "p-select__label p-select__floating-label",
+                    v && "p-select__label--hidden",
+                    m && "p-select__label--error"
+                  ),
+                  children: n
+                }
+              ),
+              /* @__PURE__ */ a(
+                "label",
+                {
+                  htmlFor: V,
+                  className: h("p-select__label p-select__placeholder-label", v && "p-select__label--hidden"),
+                  children: l || n
+                }
+              )
+            ] }) : /* @__PURE__ */ a(
+              "label",
+              {
+                htmlFor: V,
+                className: h("p-select__label p-select__inline-label", v && "p-select__label--hidden"),
+                children: n
+              }
+            ),
+            /* @__PURE__ */ a("span", { className: "p-select__chevron", "aria-hidden": "true", children: /* @__PURE__ */ a(Va, {}) })
+          ] }),
+          m && y ? /* @__PURE__ */ a("p", { id: S, role: "alert", className: "p-select__message p-select__message--error", children: y }) : null,
+          !m && s ? /* @__PURE__ */ a("p", { id: z, className: "p-select__message", children: s }) : null
+        ]
+      }
+    );
+  }
+);
+Ot.displayName = "PSelect";
+function $t(e, t) {
+  return Number.isFinite(e) ? t ? Math.min(Math.max(1, Math.trunc(e)), Math.max(1, t)) : Math.max(1, Math.trunc(e)) : 1;
 }
-function Ot() {
-  return /* @__PURE__ */ k(
+function qe(e, t) {
+  return Array.from({ length: t - e + 1 }, (n, r) => e + r);
+}
+function La(e, t, n, r) {
+  const l = Math.max(1, t), s = $t(e, l), d = Math.max(0, Math.trunc(n)), m = Math.max(1, Math.trunc(r)), y = m * 2 + d * 2 + 3;
+  if (l <= y)
+    return qe(1, l);
+  const b = y - m - 1, u = qe(1, m), v = qe(l - m + 1, l), N = b, F = l - b + 1;
+  if (s <= N - d)
+    return [...qe(1, N), "ellipsis", ...v];
+  if (s >= F + d)
+    return [...u, "ellipsis", ...qe(F, l)];
+  const k = s - d, g = s + d;
+  return [
+    ...u,
+    "ellipsis",
+    ...qe(k, g),
+    "ellipsis",
+    ...v
+  ];
+}
+function Ka(e, t, n, r, l) {
+  if (n !== void 0 && r) {
+    if (n <= 0)
+      return `No ${l}`;
+    const s = (e - 1) * r + 1, d = Math.min(n, e * r);
+    return `Showing ${s}-${d} of ${n} ${l}`;
+  }
+  return t ? `Page ${e} of ${t}` : `Page ${e}`;
+}
+function Dt({
+  className: e,
+  children: t,
+  ...n
+}) {
+  return /* @__PURE__ */ a("button", { ...n, type: "button", className: h("p-pagination__button", e), children: t });
+}
+const ja = oe(
+  ({
+    page: e,
+    pageCount: t,
+    totalItems: n,
+    pageSize: r,
+    pageSizeOptions: l,
+    itemLabel: s = "items",
+    density: d = "standard",
+    siblingCount: m = 1,
+    boundaryCount: y = 1,
+    disabled: b = !1,
+    isLoading: u = !1,
+    hasPreviousPage: v,
+    hasNextPage: N,
+    showRowsPerPage: F = !0,
+    onPageChange: k,
+    onPageSizeChange: g,
+    className: $,
+    summary: j,
+    ...B
+  }, A) => {
+    const I = t ? Math.max(1, Math.trunc(t)) : void 0, T = $t(e, I), V = b || u, S = !V && !!k, z = S && (v ?? T > 1), ee = S && (N ?? (I ? T < I : !0)), O = I ? La(T, I, m, y) : [], X = !!(F && r && (l != null && l.length) && g), p = j ?? Ka(T, I, n, r, s), M = (x) => {
+      if (V)
+        return;
+      const W = $t(x, I);
+      W === T && I || k == null || k(W);
+    };
+    return /* @__PURE__ */ _(
+      "nav",
+      {
+        ...B,
+        ref: A,
+        className: h(
+          "p-pagination",
+          `p-pagination--${d}`,
+          u && "p-pagination--loading",
+          $
+        ),
+        "aria-label": B["aria-label"] ?? "Pagination",
+        "aria-busy": u || void 0,
+        children: [
+          /* @__PURE__ */ a("div", { className: "p-pagination__summary", "aria-live": "polite", children: p }),
+          /* @__PURE__ */ _("div", { className: "p-pagination__controls", children: [
+            /* @__PURE__ */ _(
+              Dt,
+              {
+                className: "p-pagination__button--previous",
+                disabled: !z,
+                "aria-label": "Go to previous page",
+                onClick: () => M(T - 1),
+                children: [
+                  /* @__PURE__ */ a(Pt, {}),
+                  /* @__PURE__ */ a("span", { children: "Previous" })
+                ]
+              }
+            ),
+            I ? /* @__PURE__ */ a("div", { className: "p-pagination__pages", "aria-label": "Pages", children: O.map(
+              (x, W) => x === "ellipsis" ? /* @__PURE__ */ a("span", { className: "p-pagination__ellipsis", "aria-hidden": "true", children: "..." }, `ellipsis-${W}`) : /* @__PURE__ */ a(
+                Dt,
+                {
+                  className: h("p-pagination__page", x === T && "p-pagination__page--current"),
+                  "aria-label": `Go to page ${x}`,
+                  "aria-current": x === T ? "page" : void 0,
+                  disabled: !S || x === T,
+                  onClick: () => M(x),
+                  children: x
+                },
+                x
+              )
+            ) }) : /* @__PURE__ */ _("div", { className: "p-pagination__cursor-page", "aria-live": "polite", children: [
+              "Page ",
+              T
+            ] }),
+            /* @__PURE__ */ _(
+              Dt,
+              {
+                className: "p-pagination__button--next",
+                disabled: !ee,
+                "aria-label": "Go to next page",
+                onClick: () => M(T + 1),
+                children: [
+                  /* @__PURE__ */ a("span", { children: "Next" }),
+                  /* @__PURE__ */ a(Ft, {})
+                ]
+              }
+            )
+          ] }),
+          X ? /* @__PURE__ */ a(
+            Ot,
+            {
+              className: "p-pagination__page-size",
+              label: "Rows per page",
+              placeholder: "",
+              density: "compact",
+              variant: "inline",
+              hideLabel: !0,
+              value: r,
+              disabled: V,
+              options: (l == null ? void 0 : l.map((x) => ({ value: x, label: `${x} / page` }))) ?? [],
+              onValueChange: (x) => g == null ? void 0 : g(Number(x))
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+ja.displayName = "PPagination";
+function Wt(e) {
+  return e.label ? e.label : e.mobileLabel ? e.mobileLabel : typeof e.header == "string" ? e.header : e.id;
+}
+function xt(e, t, n) {
+  return t.cell ? t.cell(e, n) : typeof t.accessor == "function" ? t.accessor(e) : t.accessor ? e[t.accessor] : null;
+}
+function Ha(e) {
+  return e === "ascending" ? "descending" : "ascending";
+}
+function Ga(e) {
+  return !!(e && typeof e == "object" && "closest" in e && typeof e.closest == "function");
+}
+function Wa(e) {
+  return !!(e && typeof e == "object" && "contains" in e && typeof e.contains == "function");
+}
+function Ut(e, t) {
+  if (!Wa(t) || !Ga(e))
+    return !1;
+  const n = e.closest(
+    [
+      "a",
+      "button",
+      "input",
+      "select",
+      "textarea",
+      "summary",
+      '[contenteditable="true"]',
+      '[role="button"]',
+      '[role="link"]',
+      '[role="menuitem"]',
+      "[data-p-table-ignore-row-click]"
+    ].join(",")
+  );
+  return !!(n && n !== t && t.contains(n));
+}
+function Ua({
+  columns: e,
+  rows: t,
+  caption: n,
+  captionHidden: r = !1,
+  summary: l,
+  density: s = "standard",
+  stickyHeader: d = !0,
+  stickyFirstColumn: m = !0,
+  isLoading: y = !1,
+  loadingLabel: b = "Loading table data...",
+  emptyState: u = {
+    title: "No records found",
+    description: "Try adjusting the filters or checking back later."
+  },
+  errorState: v,
+  getRowId: N,
+  getRowTone: F,
+  onRowClick: k,
+  renderRowActions: g,
+  onSortChange: $,
+  className: j,
+  tableClassName: B,
+  ...A
+}, I) {
+  const T = t.length > 0, V = !!g, S = v ?? (!y && !T ? u : null), z = e.filter((p) => !p.hideOnMobile), ee = e.length + (V ? 1 : 0), O = (p, M, x) => {
+    Ut(x.target, x.currentTarget) || k == null || k(p, M, x);
+  }, X = (p, M, x) => {
+    Ut(x.target, x.currentTarget) || x.key !== "Enter" && x.key !== " " || (x.preventDefault(), k == null || k(p, M, x));
+  };
+  return /* @__PURE__ */ _(
+    "div",
+    {
+      ...A,
+      ref: I,
+      className: h(
+        "p-table",
+        `p-table--${s}`,
+        d && "p-table--sticky-header",
+        m && "p-table--sticky-first-column",
+        k && "p-table--interactive",
+        j
+      ),
+      children: [
+        /* @__PURE__ */ a("div", { className: "p-table__header", children: /* @__PURE__ */ _("div", { className: "p-table__header-copy", children: [
+          /* @__PURE__ */ a("h3", { className: h("p-table__caption", r && "p-table__caption--hidden"), children: n }),
+          l ? /* @__PURE__ */ a("div", { className: "p-table__summary", children: l }) : null
+        ] }) }),
+        /* @__PURE__ */ a("div", { className: "p-table__viewport", children: /* @__PURE__ */ _("table", { className: h("p-table__table", B), children: [
+          /* @__PURE__ */ a("caption", { className: "p-table__native-caption", children: n }),
+          /* @__PURE__ */ _("colgroup", { children: [
+            e.map((p) => /* @__PURE__ */ a(
+              "col",
+              {
+                className: h(
+                  "p-table__col",
+                  p.priority && `p-table__col--priority-${p.priority}`,
+                  p.hideOnTablet && "p-table__col--hide-tablet",
+                  p.hideOnMobile && "p-table__col--hide-mobile"
+                ),
+                style: p.width ? { width: p.width } : void 0
+              },
+              p.id
+            )),
+            V ? /* @__PURE__ */ a("col", { className: "p-table__actions-col" }) : null
+          ] }),
+          /* @__PURE__ */ a("thead", { className: "p-table__head", children: /* @__PURE__ */ _("tr", { children: [
+            e.map((p) => {
+              const M = Ha(p.sortDirection), x = p.sortDirection ?? (p.sortable ? "none" : void 0);
+              return /* @__PURE__ */ a(
+                "th",
+                {
+                  scope: "col",
+                  "aria-sort": x,
+                  className: h(
+                    "p-table__cell p-table__head-cell",
+                    p.align && `p-table__cell--${p.align}`,
+                    p.priority && `p-table__cell--priority-${p.priority}`,
+                    p.hideOnTablet && "p-table__cell--hide-tablet",
+                    p.hideOnMobile && "p-table__cell--hide-mobile"
+                  ),
+                  children: p.sortable ? /* @__PURE__ */ _(
+                    "button",
+                    {
+                      type: "button",
+                      className: "p-table__sort-button",
+                      "aria-label": `Sort by ${Wt(p)}`,
+                      onClick: () => $ == null ? void 0 : $(p.id, M),
+                      children: [
+                        /* @__PURE__ */ a("span", { children: p.header }),
+                        /* @__PURE__ */ a(
+                          "span",
+                          {
+                            className: h(
+                              "p-table__sort-mark",
+                              p.sortDirection && `p-table__sort-mark--${p.sortDirection}`
+                            ),
+                            "aria-hidden": "true"
+                          }
+                        )
+                      ]
+                    }
+                  ) : p.header
+                },
+                p.id
+              );
+            }),
+            V ? /* @__PURE__ */ a("th", { scope: "col", className: "p-table__cell p-table__head-cell p-table__actions-head", children: /* @__PURE__ */ a("span", { className: "p-table__sr-only", children: "Actions" }) }) : null
+          ] }) }),
+          /* @__PURE__ */ a("tbody", { className: "p-table__body", children: y ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ _("td", { className: "p-table__state-cell", colSpan: ee, children: [
+            /* @__PURE__ */ a("span", { className: "p-table__loading-mark", "aria-hidden": "true" }),
+            /* @__PURE__ */ a("span", { children: b })
+          ] }) }) : S ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { className: "p-table__state-cell", colSpan: ee, children: /* @__PURE__ */ _("div", { className: h("p-table__state", S.tone && `p-table__state--${S.tone}`), children: [
+            /* @__PURE__ */ a("strong", { children: S.title }),
+            S.description ? /* @__PURE__ */ a("span", { children: S.description }) : null,
+            S.action ? /* @__PURE__ */ a("div", { className: "p-table__state-action", children: S.action }) : null
+          ] }) }) }) : t.map((p, M) => {
+            const x = (N == null ? void 0 : N(p, M)) ?? String(M), W = F == null ? void 0 : F(p, M), pe = e.map((w) => /* @__PURE__ */ a(
+              "td",
+              {
+                className: h(
+                  "p-table__cell p-table__body-cell",
+                  w.align && `p-table__cell--${w.align}`,
+                  w.priority && `p-table__cell--priority-${w.priority}`,
+                  w.hideOnTablet && "p-table__cell--hide-tablet",
+                  w.hideOnMobile && "p-table__cell--hide-mobile"
+                ),
+                children: xt(p, w, M)
+              },
+              w.id
+            ));
+            return /* @__PURE__ */ _(
+              "tr",
+              {
+                className: h("p-table__row", W && `p-table__row--${W}`),
+                tabIndex: k ? 0 : void 0,
+                onClick: k ? (w) => O(p, M, w) : void 0,
+                onKeyDown: k ? (w) => X(p, M, w) : void 0,
+                children: [
+                  pe,
+                  V ? /* @__PURE__ */ a("td", { className: "p-table__cell p-table__body-cell p-table__actions-cell", children: g == null ? void 0 : g(p, M) }) : null
+                ]
+              },
+              x
+            );
+          }) })
+        ] }) }),
+        /* @__PURE__ */ a("ul", { className: "p-table__mobile-list", "aria-label": `${n} rows`, children: y ? /* @__PURE__ */ _("li", { className: "p-table__mobile-state", children: [
+          /* @__PURE__ */ a("span", { className: "p-table__loading-mark", "aria-hidden": "true" }),
+          /* @__PURE__ */ a("span", { children: b })
+        ] }) : S ? /* @__PURE__ */ a("li", { className: "p-table__mobile-state", children: /* @__PURE__ */ _("div", { className: h("p-table__state", S.tone && `p-table__state--${S.tone}`), children: [
+          /* @__PURE__ */ a("strong", { children: S.title }),
+          S.description ? /* @__PURE__ */ a("span", { children: S.description }) : null,
+          S.action ? /* @__PURE__ */ a("div", { className: "p-table__state-action", children: S.action }) : null
+        ] }) }) : t.map((p, M) => {
+          const x = (N == null ? void 0 : N(p, M)) ?? String(M), W = z.find((D) => D.priority === "primary") ?? z[0], pe = z.filter((D) => D.id !== (W == null ? void 0 : W.id)), w = F == null ? void 0 : F(p, M);
+          return /* @__PURE__ */ _(
+            "li",
+            {
+              className: h("p-table__mobile-row", w && `p-table__mobile-row--${w}`),
+              role: k ? "button" : void 0,
+              tabIndex: k ? 0 : void 0,
+              onClick: k ? (D) => O(p, M, D) : void 0,
+              onKeyDown: k ? (D) => X(p, M, D) : void 0,
+              children: [
+                W ? /* @__PURE__ */ a("div", { className: "p-table__mobile-title", children: xt(p, W, M) }) : null,
+                /* @__PURE__ */ a("dl", { className: "p-table__mobile-fields", children: pe.map((D) => /* @__PURE__ */ _("div", { className: "p-table__mobile-field", children: [
+                  /* @__PURE__ */ a("dt", { children: Wt(D) }),
+                  /* @__PURE__ */ a("dd", { children: xt(p, D, M) })
+                ] }, D.id)) }),
+                V ? /* @__PURE__ */ a("div", { className: "p-table__mobile-actions", children: g == null ? void 0 : g(p, M) }) : null
+              ]
+            },
+            x
+          );
+        }) })
+      ]
+    }
+  );
+}
+const qa = oe(Ua);
+qa.displayName = "PTable";
+function nn({
+  title: e,
+  index: t = "01",
+  variant: n = "default",
+  className: r
+}) {
+  return n === "indexed" ? /* @__PURE__ */ _(
+    "div",
+    {
+      className: h("p-section-header p-section-header--indexed", r),
+      children: [
+        /* @__PURE__ */ a(
+          Ke,
+          {
+            as: "span",
+            className: "p-section-header__mark",
+            variant: "body",
+            "aria-hidden": "true",
+            children: "—"
+          }
+        ),
+        /* @__PURE__ */ a(
+          Ke,
+          {
+            as: "span",
+            className: "p-section-header__index",
+            variant: "body",
+            children: t
+          }
+        ),
+        /* @__PURE__ */ a(
+          Ke,
+          {
+            as: "span",
+            className: "p-section-header__divider",
+            variant: "body",
+            "aria-hidden": "true",
+            children: "\\"
+          }
+        ),
+        /* @__PURE__ */ a(Ke, { as: "h2", className: "p-section-header__title", variant: "body", children: e })
+      ]
+    }
+  ) : /* @__PURE__ */ a(
+    Zt,
+    {
+      className: h("p-section-header p-section-header--default", r),
+      children: /* @__PURE__ */ a(Ke, { className: "p-section-header__title", variant: "body-wide", children: e })
+    }
+  );
+}
+function za() {
+  return /* @__PURE__ */ _(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1155,8 +2294,8 @@ function Ot() {
     }
   );
 }
-function Vt() {
-  return /* @__PURE__ */ k(
+function Ra() {
+  return /* @__PURE__ */ _(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1178,144 +2317,146 @@ function Vt() {
     }
   );
 }
-const Ut = U(
+const Oa = oe(
   ({
     className: e,
     inputClassName: t,
     type: n,
     label: r,
-    helperText: s,
-    id: l,
+    helperText: l,
+    id: s,
     isError: d = !1,
-    errorMessage: f,
-    rightAdornment: b,
-    disabled: c,
+    errorMessage: m,
+    rightAdornment: y,
+    disabled: b,
     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
+    style: v,
+    ...N
+  }, F) => {
+    const k = Oe(), g = s ?? k, $ = `${g}-error`, j = `${g}-helper`, B = n === "password", A = !!y && !B, [I, T] = re(!1), V = B ? I ? "text" : "password" : n ?? "text", S = [
+      d && m ? $ : null,
+      !d && l ? j : 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: h("p-text-input", e), style: v, children: [
+      /* @__PURE__ */ _("div", { className: "p-text-input__field", children: [
+        /* @__PURE__ */ a(
+          "input",
+          {
+            ...N,
+            id: g,
+            ref: F,
+            type: V,
+            disabled: b,
+            readOnly: u,
+            placeholder: " ",
+            "aria-invalid": d || void 0,
+            "aria-describedby": S,
+            "aria-required": N.required,
+            "aria-disabled": b,
+            "aria-readonly": u,
+            autoComplete: N.autoComplete ?? (B ? "current-password" : void 0),
+            className: h(
+              "p-text-input__control",
+              (B || A) && "p-text-input__control--adorned",
+              d && "p-text-input__control--error",
+              A && n === "date" && "p-text-input__control--date-adorned",
+              t
+            )
+          }
+        ),
+        /* @__PURE__ */ a(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: h(
+              "p-text-input__label p-text-input__floating-label",
+              d && "p-text-input__label--error"
+            ),
+            children: r
+          }
+        ),
+        /* @__PURE__ */ a(
+          "label",
+          {
+            htmlFor: g,
+            className: "p-text-input__label p-text-input__placeholder-label",
+            children: r
+          }
+        ),
+        B && /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            onClick: () => T((z) => !z),
+            disabled: b,
+            className: "p-text-input__action",
+            "aria-label": I ? "Hide password" : "Show password",
+            "aria-pressed": I,
+            "aria-controls": g,
+            children: I ? /* @__PURE__ */ a(za, {}) : /* @__PURE__ */ a(Ra, {})
+          }
+        ),
+        A && /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "p-text-input__adornment", children: y })
+      ] }),
+      d && m && /* @__PURE__ */ a(
         "p",
         {
-          id: _,
+          id: $,
           role: "alert",
           className: "p-text-input__message p-text-input__message--error",
-          children: f
+          children: m
         }
       ),
-      !d && s && /* @__PURE__ */ a(
+      !d && l && /* @__PURE__ */ a(
         "p",
         {
-          id: $,
+          id: j,
           className: "p-text-input__message p-text-input__message--helper",
-          children: s
+          children: l
         }
       )
     ] });
   }
 );
-Ut.displayName = "PTextInput";
-const qt = U(
+Oa.displayName = "PTextInput";
+const Xa = oe(
   ({
     className: e,
     textareaClassName: t,
     label: n,
     helperText: r,
-    id: s,
-    isError: l = !1,
+    id: l,
+    isError: s = !1,
     errorMessage: d,
-    disabled: f,
-    readOnly: b,
-    rows: c = 4,
+    disabled: m,
+    readOnly: y,
+    rows: b = 4,
     style: u,
-    ...h
-  }, v) => {
-    const C = Le(), M = s ?? C, m = `${M}-error`, _ = `${M}-helper`, $ = [
-      l && d ? m : null,
-      !l && r ? _ : null
+    ...v
+  }, N) => {
+    const F = Oe(), k = l ?? F, g = `${k}-error`, $ = `${k}-helper`, j = [
+      s && d ? g : null,
+      !s && r ? $ : null
     ].filter(Boolean).join(" ") || void 0;
-    return /* @__PURE__ */ k("div", { className: p("p-text-area", e), style: u, children: [
+    return /* @__PURE__ */ _("div", { className: h("p-text-area", e), style: u, children: [
       /* @__PURE__ */ a(
         "textarea",
         {
-          ...h,
-          id: M,
-          ref: v,
-          rows: c,
-          disabled: f,
-          readOnly: b,
+          ...v,
+          id: k,
+          ref: N,
+          rows: b,
+          disabled: m,
+          readOnly: y,
           placeholder: " ",
-          "aria-invalid": l || void 0,
-          "aria-describedby": $,
-          "aria-required": h.required,
-          "aria-disabled": f,
-          "aria-readonly": b,
-          className: p(
+          "aria-invalid": s || void 0,
+          "aria-describedby": j,
+          "aria-required": v.required,
+          "aria-disabled": m,
+          "aria-readonly": y,
+          className: h(
             "p-text-area__control",
-            l && "p-text-area__control--error",
+            s && "p-text-area__control--error",
             t
           )
         }
@@ -1324,9 +2465,9 @@ const qt = U(
         "span",
         {
           "aria-hidden": "true",
-          className: p(
+          className: h(
             "p-text-area__label p-text-area__floating-label",
-            l && "p-text-area__label--error"
+            s && "p-text-area__label--error"
           ),
           children: n
         }
@@ -1334,24 +2475,24 @@ const qt = U(
       /* @__PURE__ */ a(
         "label",
         {
-          htmlFor: M,
+          htmlFor: k,
           className: "p-text-area__label p-text-area__placeholder-label",
           children: n
         }
       ),
-      l && d && /* @__PURE__ */ a(
+      s && d && /* @__PURE__ */ a(
         "p",
         {
-          id: m,
+          id: g,
           role: "alert",
           className: "p-text-area__message p-text-area__message--error",
           children: d
         }
       ),
-      !l && r && /* @__PURE__ */ a(
+      !s && r && /* @__PURE__ */ a(
         "p",
         {
-          id: _,
+          id: $,
           className: "p-text-area__message p-text-area__message--helper",
           children: r
         }
@@ -1359,22 +2500,27 @@ const qt = U(
     ] });
   }
 );
-qt.displayName = "PTextArea";
+Xa.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
+  Jt as PBadge,
+  Qt as PButton,
+  na as PCard,
+  ia as PCardGrid,
+  da as PCombobox,
+  Na as PDatePicker,
+  tn as PDatePickerPresets,
+  Ta as PDateRangePicker,
+  an as PDateRangePickerPresets,
+  Ba as PHighlight,
+  Aa as PHorizontalSlider,
+  ja as PPagination,
+  nn as PSectionHeader,
+  Ot as PSelect,
+  qa as PTable,
+  Xa as PTextArea,
+  Oa as PTextInput,
+  Ke as PTypography,
+  en as Row,
+  Zt as Stack
 };
 //# sourceMappingURL=index.es.js.map