@paolojulian.dev/design-system 4.5.1 → 4.6.0

package/dist/index.es.js

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