@paolojulian.dev/design-system 4.3.0 → 4.5.1

package/dist/index.es.js

@@ -1,122 +1,1686 @@
-import { jsx as r, jsxs as k } from "react/jsx-runtime";
-import { cn as c } from "./utils.es.js";
-import { forwardRef as j, useId as C, useState as L } from "react";
-const G = ({
-  children: t,
-  gap: n = void 0,
-  alignItems: e = void 0,
-  justifyContent: a = void 0,
-  className: s = ""
-}) => /* @__PURE__ */ r(
+import { jsx as n, jsxs as _, Fragment as Bt } from "react/jsx-runtime";
+import { cn as m } from "./utils.es.js";
+import { forwardRef as Ne, useId as Qe, useRef as ne, useState as G, useMemo as Ee, useEffect as Me, Children as Kt } from "react";
+import { C as Rt, a as At, b as Lt } from "./chevron-right-icon-CDCRryr1.js";
+const Pa = ({
+  children: e,
+  gap: t = void 0,
+  alignItems: a = void 0,
+  justifyContent: r = void 0,
+  className: o = ""
+}) => /* @__PURE__ */ n(
   "div",
   {
-    className: c("flex flex-row", s),
+    className: m("flex flex-row", o),
     style: {
-      gap: n,
-      alignItems: e,
-      justifyContent: a
+      gap: t,
+      alignItems: a,
+      justifyContent: r
     },
-    children: t
+    children: e
   }
-), T = ({
-  children: t,
-  gap: n = void 0,
-  alignItems: e = void 0,
-  justifyContent: a = void 0,
-  className: s = ""
-}) => /* @__PURE__ */ r(
+), jt = ({
+  children: e,
+  gap: t = void 0,
+  alignItems: a = void 0,
+  justifyContent: r = void 0,
+  className: o = ""
+}) => /* @__PURE__ */ n(
   "div",
   {
-    className: c("flex flex-col", s),
+    className: m("flex flex-col", o),
     style: {
-      gap: n,
-      alignItems: e,
-      justifyContent: a
+      gap: t,
+      alignItems: a,
+      justifyContent: r
     },
-    children: t
+    children: e
+  }
+), Ht = Ne(
+  ({
+    as: e = "span",
+    variant: t = "neutral",
+    size: a = "sm",
+    appearance: r = "subtle",
+    leftIcon: o,
+    rightIcon: c,
+    children: d,
+    className: g,
+    ...v
+  }, u) => /* @__PURE__ */ _(
+    e,
+    {
+      ...v,
+      ref: u,
+      className: m(
+        "p-badge",
+        `p-badge--${t}`,
+        `p-badge--${a}`,
+        `p-badge--${r}`,
+        g
+      ),
+      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 })
+      ]
+    }
+  )
+);
+Ht.displayName = "PBadge";
+const Ut = Ne(
+  ({
+    variant: e = "primary",
+    size: t = "md",
+    fullWidth: a = !1,
+    isActive: r = !1,
+    isLoading: o = !1,
+    leftIcon: c,
+    rightIcon: d,
+    children: g,
+    className: v,
+    ...u
+  }, h) => {
+    const f = !!("disabled" in u && u.disabled || o), x = m(
+      "p-button",
+      `p-button--${e}`,
+      `p-button--${t}`,
+      a && "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 })
+    ] });
+    if ("href" in u && typeof u.href == "string") {
+      const { disabled: A, onClick: I, ...C } = u, P = (U) => {
+        if (f) {
+          U.preventDefault();
+          return;
+        }
+        I == null || I(U);
+      };
+      return /* @__PURE__ */ n(
+        "a",
+        {
+          ...C,
+          ref: h,
+          className: x,
+          "aria-disabled": f || void 0,
+          "aria-busy": o || void 0,
+          "data-active": r || void 0,
+          "data-disabled": A || void 0,
+          tabIndex: f ? -1 : C.tabIndex,
+          onClick: P,
+          children: R
+        }
+      );
+    }
+    const { type: T = "button", disabled: k, ...w } = u;
+    return /* @__PURE__ */ n(
+      "button",
+      {
+        ...w,
+        ref: h,
+        type: T,
+        disabled: !!(k || o),
+        className: x,
+        "aria-busy": o || void 0,
+        "data-active": r || void 0,
+        children: R
+      }
+    );
   }
 );
-function V(t) {
-  var n, e, a = "";
-  if (typeof t == "string" || typeof t == "number") a += t;
-  else if (typeof t == "object") if (Array.isArray(t)) for (n = 0; n < t.length; n++) t[n] && (e = V(t[n])) && (a && (a += " "), a += e);
-  else for (n in t) t[n] && (a && (a += " "), a += n);
-  return a;
-}
-function $() {
-  for (var t, n, e = 0, a = ""; e < arguments.length; ) (t = arguments[e++]) && (n = V(t)) && (a && (a += " "), a += n);
-  return a;
-}
-const I = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, P = $, O = (t, n) => (e) => {
-  var a;
-  if ((n == null ? void 0 : n.variants) == null) return P(t, e == null ? void 0 : e.class, e == null ? void 0 : e.className);
-  const { variants: s, defaultVariants: i } = n, l = Object.keys(s).map((o) => {
-    const u = e == null ? void 0 : e[o], x = i == null ? void 0 : i[o];
-    if (u === null) return null;
-    const d = I(u) || I(x);
-    return s[o][d];
-  }), f = e && Object.entries(e).reduce((o, u) => {
-    let [x, d] = u;
-    return d === void 0 || (o[x] = d), o;
-  }, {}), b = n == null || (a = n.compoundVariants) === null || a === void 0 ? void 0 : a.reduce((o, u) => {
-    let { class: x, className: d, ...v } = u;
-    return Object.entries(v).every((h) => {
-      let [p, m] = h;
-      return Array.isArray(m) ? m.includes({
-        ...i,
-        ...f
-      }[p]) : {
-        ...i,
-        ...f
-      }[p] === m;
+Ut.displayName = "PButton";
+function Vt(e) {
+  var t, a, r = "";
+  if (typeof e == "string" || typeof e == "number") r += e;
+  else if (typeof e == "object") if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (a = Vt(e[t])) && (r && (r += " "), r += a);
+  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);
+  return r;
+}
+const Dt = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, wt = Wt, qt = (e, t) => (a) => {
+  var r;
+  if ((t == null ? void 0 : t.variants) == null) return 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;
     }) ? [
-      ...o,
-      x,
-      d
-    ] : o;
+      ...u,
+      f,
+      x
+    ] : u;
   }, []);
-  return P(t, l, b, e == null ? void 0 : e.class, e == null ? void 0 : e.className);
-}, R = {
-  serif: "font-serif",
-  body: "text-base",
-  "body-wide": "text-sm tracking-[0.40em] font-medium",
-  heading: "text-[1.5rem] md:text-4xl tracking-[-0.04em] font-medium",
-  "heading-lg": "text-[2.5rem] md:text-[4rem] tracking-[-0.04em] font-medium leading-[2.75rem] md:leading-[4.5rem]",
-  "heading-xl": "text-[4rem] md:text-[7rem] tracking-[-0.04em] leading-[3.5rem] md:leading-[5.5rem] font-medium"
-}, W = O("font-sans", {
+  return wt(e, d, v, a == null ? void 0 : a.class, a == null ? void 0 : a.className);
+}, Ot = {
+  serif: "p-typography--serif",
+  body: "p-typography--body",
+  "body-wide": "p-typography--body-wide",
+  heading: "p-typography--heading",
+  "heading-lg": "p-typography--heading-lg",
+  "heading-xl": "p-typography--heading-xl"
+}, Gt = qt("p-typography", {
   variants: {
-    variant: R
+    variant: Ot
   },
   defaultVariants: {
     variant: "body"
   }
 });
-function F({
-  as: t = "p",
-  children: n,
-  className: e = "",
-  variant: a,
-  ...s
+function ot({
+  as: e = "p",
+  children: t,
+  className: a = "",
+  variant: r,
+  ...o
 }) {
-  return /* @__PURE__ */ r(
-    t,
+  return /* @__PURE__ */ n(
+    e,
     {
-      className: c(W({ variant: a, className: e })),
-      ...s,
-      children: n
+      className: m(Gt({ variant: r, className: a })),
+      ...o,
+      children: t
     }
   );
 }
-function J({ title: t }) {
-  return /* @__PURE__ */ r(T, { className: "pt-2 border-t border-white text-white", children: /* @__PURE__ */ r(F, { className: "uppercase", variant: "body-wide", children: t }) });
+function Ve(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 et(e) {
+  return typeof e == "number" ? `${e}px` : e;
+}
+const Xt = Ne(
+  ({
+    prefix: e,
+    eyebrow: t,
+    title: a,
+    description: r,
+    media: o,
+    actions: c,
+    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(
+      "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")
+      ] }),
+      /* @__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
+      ] }),
+      Ve(T) && /* @__PURE__ */ n("div", { className: "p-card__content", children: T }),
+      Ve(c) && /* @__PURE__ */ n("div", { className: "p-card__actions", children: c })
+    ] });
+    return A ? /* @__PURE__ */ n("article", { ref: w, className: I, style: C, children: P }) : /* @__PURE__ */ n(
+      "article",
+      {
+        ...k,
+        ref: w,
+        className: I,
+        style: C,
+        children: P
+      }
+    );
+  }
+);
+Xt.displayName = "PCard";
+function Zt() {
+  return /* @__PURE__ */ n("svg", { viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "1.75", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "m5 8 5 5 5-5" }) });
+}
+function Jt() {
+  return /* @__PURE__ */ n("svg", { viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "1.75", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "m4 10 4 4 8-8" }) });
+}
+function It() {
+  return /* @__PURE__ */ _("svg", { viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "1.75", "aria-hidden": "true", children: [
+    /* @__PURE__ */ n("path", { d: "m5 5 10 10" }),
+    /* @__PURE__ */ n("path", { d: "m15 5-10 10" })
+  ] });
+}
+function $t(e) {
+  return e.trim().toLocaleLowerCase();
+}
+function pt(e, t) {
+  const a = $t(t);
+  return a ? e.filter((r) => {
+    const o = [
+      r.label,
+      r.value,
+      r.description,
+      r.group,
+      ...r.keywords ?? []
+    ].filter(Boolean).join(" ");
+    return $t(o).includes(a);
+  }) : e;
+}
+function zt(e) {
+  return e.findIndex((t) => !t.disabled);
+}
+function ht(e, t) {
+  const a = e.findIndex((r) => r.value === t && !r.disabled);
+  return a >= 0 ? a : zt(e);
+}
+function Ct(e, t, a) {
+  var o;
+  if (!e.length)
+    return -1;
+  let r = t;
+  for (let c = 0; c < e.length; c += 1)
+    if (r = (r + a + e.length) % e.length, !((o = e[r]) != null && o.disabled))
+      return r;
+  return -1;
+}
+function Et(e, t) {
+  if (typeof e == "function") {
+    e(t);
+    return;
+  }
+  e && (e.current = t);
+}
+const Qt = Ne(
+  ({
+    label: e,
+    options: t,
+    value: a,
+    defaultValue: r,
+    selectedOption: o,
+    onValueChange: c,
+    query: d,
+    defaultQuery: g,
+    onQueryChange: v,
+    filterMode: u = "local",
+    isLoading: h = !1,
+    isLoadingMore: f = !1,
+    hasMore: x = !1,
+    onLoadMore: R,
+    placeholder: T = "Select an option",
+    searchPlaceholder: k = "Search options",
+    emptyText: w = "No options found.",
+    loadingText: A = "Loading options...",
+    loadingMoreText: I = "Loading more options...",
+    loadMoreText: C = "Load more options",
+    helperText: P,
+    isError: U = !1,
+    errorMessage: he,
+    name: Ie,
+    disabled: me = !1,
+    readOnly: $e = !1,
+    required: oe = !1,
+    clearable: le = !0,
+    className: ee,
+    inputClassName: se,
+    id: Be,
+    style: Re,
+    ...ze
+  }, We) => {
+    const Z = Qe(), Y = Be ?? Z, ke = `${Y}-label`, N = `${Y}-input`, B = `${Y}-listbox`, j = `${Y}-helper`, L = `${Y}-error`, $ = ne(null), V = ne(null), S = ne(null), J = ne(null), ge = ne(null), te = ne(null), fe = a !== void 0, xe = d !== void 0, [Ce, qe] = G(r ?? ""), q = fe ? a : Ce, F = (o == null ? void 0 : o.value) === q ? o : t.find((i) => i.value === q) ?? null, [Oe, ie] = G(g ?? (F == null ? void 0 : F.label) ?? ""), E = xe ? d : Oe, [D, Q] = G(!1), [ce, Fe] = G(!1), z = Ee(
+      () => u === "local" ? pt(t, E) : t,
+      [u, t, E]
+    ), [De, be] = G(() => ht(t, q)), _e = D ? z[De] : void 0, Ae = _e ? `${B}-option-${De}` : void 0, de = `${Y}-modal-title`, ye = U && he ? L : P ? j : void 0, Le = !!F, ue = le && Le && !me && !$e, Ye = D ? E : (F == null ? void 0 : F.label) ?? E, Ke = h && z.length === 0, Ge = f || h && z.length > 0, Xe = !!(x && R && !h && !f);
+    Me(() => {
+      !D && !xe && ie((F == null ? void 0 : F.label) ?? "");
+    }, [D, xe, F]), Me(() => {
+      D && be((i) => z[i] && !z[i].disabled ? i : ht(z, q));
+    }, [z, D, q]), Me(() => {
+      var i;
+      D && ((i = ge.current) == null || i.scrollIntoView({ block: "nearest" }));
+    }, [De, D]), Me(() => {
+      var Te, Pe;
+      const i = globalThis, p = (Te = i.matchMedia) == null ? void 0 : Te.call(i, "(max-width: 64rem)");
+      if (!p)
+        return;
+      const W = () => Fe(p.matches);
+      return W(), (Pe = p.addEventListener) == null || Pe.call(p, "change", W), () => {
+        var je;
+        return (je = p.removeEventListener) == null ? void 0 : je.call(p, "change", W);
+      };
+    }, []), Me(() => {
+      var i;
+      !D || !ce || (i = S.current) == null || i.focus();
+    }, [ce, D]), Me(() => {
+      J.current && J.current.setCustomValidity(oe && !q ? "Select an option." : "");
+    }, [oe, q]);
+    const s = (i) => {
+      $.current = i, Et(We, i);
+    }, y = (i, p) => {
+      xe || ie(i), v == null || v(i, { source: p });
+    }, H = () => {
+      !x || !R || h || f || R({ query: E, optionCount: z.length });
+    };
+    Me(() => {
+      if (!D || !te.current)
+        return;
+      const { scrollHeight: i, clientHeight: p } = te.current;
+      i <= p + 48 && H();
+    });
+    const l = (i) => {
+      const p = (i == null ? void 0 : i.value) ?? "";
+      fe || qe(p), y((i == null ? void 0 : i.label) ?? "", i ? "selection" : "clear"), c == null || c(p, i);
+    }, b = (i = E) => {
+      if (me || $e)
+        return;
+      const p = u === "local" ? pt(t, i) : t;
+      y(i, "open"), be(ht(p, q)), Q(!0);
+    }, K = () => {
+      Q(!1), y((F == null ? void 0 : F.label) ?? "", "reset");
+    }, ve = (i) => {
+      const p = i.currentTarget.value, W = u === "local" ? pt(t, p) : t;
+      y(p, "input"), be(zt(W)), Q(!0);
+    }, ae = (i) => {
+      if (i.key === "ArrowDown") {
+        if (i.preventDefault(), !D) {
+          b("");
+          return;
+        }
+        be((p) => Ct(z, p, 1));
+        return;
+      }
+      if (i.key === "ArrowUp") {
+        if (i.preventDefault(), !D) {
+          b("");
+          return;
+        }
+        be((p) => Ct(z, p, -1));
+        return;
+      }
+      if (i.key === "Enter") {
+        if (!D) {
+          b(E);
+          return;
+        }
+        _e && !_e.disabled && (i.preventDefault(), l(_e), Q(!1));
+        return;
+      }
+      if (i.key === "Escape" && D) {
+        i.preventDefault(), K();
+        return;
+      }
+      i.key === "Tab" && K();
+    }, Se = (i, p) => {
+      var W;
+      i.preventDefault(), !p.disabled && (l(p), Q(!1), (W = V.current) == null || W.focus());
+    }, ct = (i) => {
+      var p;
+      i.preventDefault(), i.stopPropagation(), l(null), Q(!1), (p = V.current) == null || p.focus();
+    }, dt = (i) => {
+      const p = i.currentTarget;
+      p.scrollHeight - p.scrollTop - p.clientHeight <= 48 && H();
+    }, ut = (i) => {
+      if (!D)
+        return;
+      i.currentTarget.contains(i.relatedTarget) || K();
+    }, xt = z.reduce(
+      (i, p) => {
+        const W = p.group ?? null, Te = i.find((Pe) => Pe.group === W);
+        return Te ? (Te.options.push(p), i) : (i.push({ group: W, options: [p] }), i);
+      },
+      []
+    );
+    return /* @__PURE__ */ _(
+      "div",
+      {
+        ...ze,
+        ref: s,
+        id: Y,
+        style: Re,
+        onBlur: ut,
+        className: m(
+          "p-combobox",
+          D && "p-combobox--open",
+          U && "p-combobox--error",
+          me && "p-combobox--disabled",
+          $e && "p-combobox--readonly",
+          ee
+        ),
+        children: [
+          /* @__PURE__ */ _("div", { className: "p-combobox__field", children: [
+            /* @__PURE__ */ n(
+              "input",
+              {
+                ref: V,
+                id: N,
+                role: "combobox",
+                type: "text",
+                value: Ye,
+                placeholder: D ? k : " ",
+                disabled: me,
+                readOnly: $e,
+                required: !1,
+                "aria-autocomplete": "list",
+                "aria-controls": B,
+                "aria-describedby": ye,
+                "aria-activedescendant": Ae,
+                "aria-expanded": D,
+                "aria-haspopup": "listbox",
+                "aria-invalid": U || void 0,
+                "aria-labelledby": ke,
+                autoComplete: "off",
+                className: m("p-combobox__input", (ue || Le) && "p-combobox__input--adorned", se),
+                onChange: ve,
+                onClick: () => b(""),
+                onKeyDown: ae
+              }
+            ),
+            /* @__PURE__ */ n(
+              "label",
+              {
+                id: ke,
+                htmlFor: N,
+                className: m("p-combobox__label p-combobox__floating-label", U && "p-combobox__label--error"),
+                children: e
+              }
+            ),
+            /* @__PURE__ */ n("span", { "aria-hidden": "true", className: "p-combobox__label p-combobox__placeholder-label", children: T || e }),
+            ue ? /* @__PURE__ */ n(
+              "button",
+              {
+                type: "button",
+                className: "p-combobox__clear",
+                "aria-label": `Clear ${e}`,
+                onMouseDown: ct,
+                children: /* @__PURE__ */ n(It, {})
+              }
+            ) : null,
+            /* @__PURE__ */ n("span", { className: "p-combobox__chevron", "aria-hidden": "true", children: /* @__PURE__ */ n(Zt, {}) }),
+            D ? /* @__PURE__ */ _(
+              "div",
+              {
+                className: "p-combobox__panel",
+                role: ce ? "dialog" : void 0,
+                "aria-modal": ce || void 0,
+                "aria-labelledby": ce ? de : void 0,
+                children: [
+                  /* @__PURE__ */ _("div", { className: "p-combobox__modal-header", children: [
+                    /* @__PURE__ */ n("div", { id: de, className: "p-combobox__modal-title", children: e }),
+                    /* @__PURE__ */ n("button", { type: "button", className: "p-combobox__modal-close", "aria-label": `Close ${e}`, onClick: K, children: /* @__PURE__ */ n(It, {}) })
+                  ] }),
+                  /* @__PURE__ */ n("div", { className: "p-combobox__modal-search", children: /* @__PURE__ */ n(
+                    "input",
+                    {
+                      ref: S,
+                      role: "combobox",
+                      type: "search",
+                      value: E,
+                      placeholder: k,
+                      "aria-activedescendant": Ae,
+                      "aria-autocomplete": "list",
+                      "aria-controls": B,
+                      "aria-expanded": D,
+                      "aria-haspopup": "listbox",
+                      "aria-label": `Search ${e}`,
+                      autoComplete: "off",
+                      className: "p-combobox__modal-input",
+                      onChange: ve,
+                      onKeyDown: ae
+                    }
+                  ) }),
+                  /* @__PURE__ */ _(
+                    "div",
+                    {
+                      id: B,
+                      ref: (i) => {
+                        te.current = i;
+                      },
+                      role: "listbox",
+                      "aria-busy": h || f || void 0,
+                      "aria-labelledby": ke,
+                      className: "p-combobox__list",
+                      onScroll: dt,
+                      children: [
+                        Ke ? /* @__PURE__ */ _("div", { className: "p-combobox__status", role: "option", "aria-disabled": "true", "aria-selected": "false", children: [
+                          /* @__PURE__ */ n("span", { className: "p-combobox__spinner", "aria-hidden": "true" }),
+                          /* @__PURE__ */ n("span", { children: A })
+                        ] }) : null,
+                        xt.length ? xt.map((i) => /* @__PURE__ */ _("div", { className: "p-combobox__group", children: [
+                          i.group ? /* @__PURE__ */ n("div", { className: "p-combobox__group-label", children: i.group }) : null,
+                          i.options.map((p) => {
+                            const W = z.indexOf(p), Te = W === De, Pe = p.value === q;
+                            return /* @__PURE__ */ _(
+                              "div",
+                              {
+                                ref: Te ? (je) => {
+                                  ge.current = je;
+                                } : void 0,
+                                id: `${B}-option-${W}`,
+                                role: "option",
+                                "aria-disabled": p.disabled || void 0,
+                                "aria-selected": Pe,
+                                className: m(
+                                  "p-combobox__option",
+                                  Te && "p-combobox__option--active",
+                                  Pe && "p-combobox__option--selected",
+                                  p.disabled && "p-combobox__option--disabled"
+                                ),
+                                onMouseDown: (je) => Se(je, p),
+                                children: [
+                                  /* @__PURE__ */ n("span", { className: "p-combobox__option-check", children: Pe ? /* @__PURE__ */ n(Jt, {}) : null }),
+                                  /* @__PURE__ */ _("span", { className: "p-combobox__option-content", children: [
+                                    /* @__PURE__ */ n("span", { className: "p-combobox__option-label", children: p.label }),
+                                    p.description ? /* @__PURE__ */ n("span", { className: "p-combobox__option-description", children: p.description }) : null
+                                  ] }),
+                                  p.meta ? /* @__PURE__ */ n("span", { className: "p-combobox__option-meta", children: p.meta }) : null
+                                ]
+                              },
+                              p.value
+                            );
+                          })
+                        ] }, i.group ?? "ungrouped")) : Ke ? null : /* @__PURE__ */ n("div", { className: "p-combobox__empty", role: "option", "aria-disabled": "true", "aria-selected": "false", children: w }),
+                        Ge ? /* @__PURE__ */ _("div", { className: "p-combobox__status p-combobox__status--footer", role: "option", "aria-disabled": "true", "aria-selected": "false", children: [
+                          /* @__PURE__ */ n("span", { className: "p-combobox__spinner", "aria-hidden": "true" }),
+                          /* @__PURE__ */ n("span", { children: I })
+                        ] }) : null
+                      ]
+                    }
+                  ),
+                  Xe ? /* @__PURE__ */ n("div", { className: "p-combobox__footer", children: /* @__PURE__ */ n("button", { type: "button", className: "p-combobox__load-more", onMouseDown: (i) => i.preventDefault(), onClick: H, children: C }) }) : null
+                ]
+              }
+            ) : null
+          ] }),
+          /* @__PURE__ */ n(
+            "input",
+            {
+              ref: J,
+              type: "text",
+              name: Ie,
+              value: q ?? "",
+              required: oe,
+              tabIndex: -1,
+              "aria-hidden": "true",
+              className: "p-combobox__hidden-input",
+              onChange: () => {
+              }
+            }
+          ),
+          D ? /* @__PURE__ */ n("div", { className: "p-combobox__backdrop", "aria-hidden": "true", onMouseDown: K }) : null,
+          U && he ? /* @__PURE__ */ n("p", { id: L, role: "alert", className: "p-combobox__message p-combobox__message--error", children: he }) : null,
+          !U && P ? /* @__PURE__ */ n("p", { id: j, className: "p-combobox__message", children: P }) : null
+        ]
+      }
+    );
+  }
+);
+Qt.displayName = "PCombobox";
+const ea = new Intl.DateTimeFormat(void 0, { weekday: "short" });
+function nt(e) {
+  if (!e)
+    return null;
+  if (e instanceof Date)
+    return Number.isNaN(e.getTime()) ? null : new Date(e.getFullYear(), e.getMonth(), e.getDate());
+  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;
+}
+function Je(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}`;
+}
+function re(e) {
+  return new Date(e.getFullYear(), e.getMonth(), 1);
+}
+function it(e) {
+  return new Date(e.getFullYear(), e.getMonth() + 1, 0);
+}
+function kt(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 pe(e, t) {
+  return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t);
+}
+function Ze(e, t) {
+  return !!(e && t && Je(e) === Je(t));
+}
+function He() {
+  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 mt(e) {
+  const t = typeof e.value == "function" ? e.value() : e.value;
+  return nt(t);
+}
+function aa(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 ra(e, t) {
+  return new Intl.DateTimeFormat(t, {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  }).format(e);
+}
+function oa(e, t) {
+  return new Intl.DateTimeFormat(t, {
+    weekday: "long",
+    month: "long",
+    day: "numeric",
+    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 gt(e, t) {
+  return !!(t && e.getTime() < t.getTime());
+}
+function ft(e, t) {
+  return !!(t && e.getTime() > t.getTime());
+}
+function Yt(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 sa(e, t, a) {
+  return t && it(e) < t ? re(t) : a && re(e) > a ? re(a) : re(e);
+}
+function ia(e, t, a, r) {
+  const o = re(e), c = it(e);
+  let d = new Date(
+    o.getFullYear(),
+    o.getMonth(),
+    Math.min(t.getDate(), c.getDate())
+  );
+  return a && d < a && (d = Yt(a, o) ? a : o), r && d > r && (d = Yt(r, o) ? r : c), d;
+}
+function ca(e, t, a, r) {
+  const o = e.getFullYear(), c = Math.min(o, r.getFullYear() - 100), d = Math.max(o, r.getFullYear() + 20), g = (t == null ? void 0 : t.getFullYear()) ?? c, v = (a == null ? void 0 : a.getFullYear()) ?? d, u = Math.min(g, v, o), h = Math.max(g, v, o);
+  return Array.from({ length: h - u + 1 }, (f, x) => u + x);
+}
+const da = Ne(
+  ({
+    label: e,
+    value: t,
+    defaultValue: a,
+    onValueChange: r,
+    presets: o = [],
+    customLabel: c = "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)
+        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)
+        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);
+        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));
+    };
+    return /* @__PURE__ */ _(
+      "div",
+      {
+        ...Ie,
+        ref: me,
+        id: oe,
+        style: ie ? { ...he, ...ie } : he,
+        className: m(
+          "p-date-picker",
+          F && "p-date-picker--with-presets",
+          h && "p-date-picker--error",
+          k && "p-date-picker--disabled",
+          P
+        ),
+        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 })
+          ] }) : null,
+          F ? /* @__PURE__ */ _(
+            "div",
+            {
+              "aria-describedby": E,
+              "aria-labelledby": le,
+              className: m(
+                "p-date-picker__presets",
+                g !== "auto" && "p-date-picker__presets--fixed"
+              ),
+              role: "group",
+              children: [
+                o.map((s) => {
+                  const y = mt(s), H = Ze(y, N);
+                  return /* @__PURE__ */ n(
+                    "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
+                    },
+                    s.label
+                  );
+                }),
+                Oe ? /* @__PURE__ */ n(
+                  "button",
+                  {
+                    type: "button",
+                    className: m(
+                      "p-date-picker__preset",
+                      ce && "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
+                  }
+                ) : null
+              ]
+            }
+          ) : /* @__PURE__ */ _(
+            "button",
+            {
+              type: "button",
+              className: m(
+                "p-date-picker__trigger",
+                !N && "p-date-picker__trigger--empty",
+                N && "p-date-picker__trigger--filled",
+                Z && "p-date-picker__trigger--open"
+              ),
+              disabled: k,
+              "aria-controls": ee,
+              "aria-describedby": E,
+              "aria-expanded": Z,
+              "aria-haspopup": "dialog",
+              "aria-label": `${e}: ${D}`,
+              onClick: (s) => Z ? de(!0) : Ae(s.currentTarget),
+              children: [
+                /* @__PURE__ */ n(
+                  "span",
+                  {
+                    id: le,
+                    className: m(
+                      "p-date-picker__trigger-label p-date-picker__trigger-floating-label",
+                      h && "p-date-picker__trigger-label--error"
+                    ),
+                    "aria-hidden": "true",
+                    children: e
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  "span",
+                  {
+                    className: m(
+                      "p-date-picker__trigger-label p-date-picker__trigger-placeholder-label",
+                      h && "p-date-picker__trigger-label--error"
+                    ),
+                    "aria-hidden": "true",
+                    children: e
+                  }
+                ),
+                /* @__PURE__ */ n("span", { className: "p-date-picker__trigger-value", children: D }),
+                /* @__PURE__ */ n("span", { className: "p-date-picker__trigger-icon", children: /* @__PURE__ */ n(Rt, {}) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ n("input", { type: "hidden", name: T, value: ke ?? "", required: A }),
+          Z && /* @__PURE__ */ _(
+            "div",
+            {
+              id: ee,
+              className: "p-date-picker__panel",
+              role: "dialog",
+              "aria-labelledby": `${ee}-title`,
+              onKeyDown: (s) => {
+                s.key === "Escape" && de();
+              },
+              children: [
+                /* @__PURE__ */ _("div", { className: "p-date-picker__calendar-header", children: [
+                  /* @__PURE__ */ n(
+                    "button",
+                    {
+                      type: "button",
+                      className: "p-date-picker__nav",
+                      "aria-label": "Previous month",
+                      disabled: De,
+                      onClick: () => ye(Fe),
+                      children: /* @__PURE__ */ n(At, {})
+                    }
+                  ),
+                  /* @__PURE__ */ _("div", { className: "p-date-picker__month", children: [
+                    /* @__PURE__ */ n("span", { id: `${ee}-title`, className: "p-date-picker__month-label", children: aa($, I) }),
+                    /* @__PURE__ */ n(
+                      "select",
+                      {
+                        className: "p-date-picker__month-select p-date-picker__calendar-select",
+                        "aria-label": "Month",
+                        value: $.getMonth(),
+                        onChange: Le,
+                        children: qe.map((s) => /* @__PURE__ */ n(
+                          "option",
+                          {
+                            value: s.value,
+                            disabled: bt(new Date($.getFullYear(), s.value, 1), j, L),
+                            children: s.label
+                          },
+                          s.value
+                        ))
+                      }
+                    ),
+                    /* @__PURE__ */ n(
+                      "select",
+                      {
+                        className: "p-date-picker__year-select p-date-picker__calendar-select",
+                        "aria-label": "Year",
+                        value: $.getFullYear(),
+                        onChange: ue,
+                        children: q.map((s) => /* @__PURE__ */ n("option", { value: s, children: s }, s))
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ n(
+                    "button",
+                    {
+                      type: "button",
+                      className: "p-date-picker__nav",
+                      "aria-label": "Next month",
+                      disabled: be,
+                      onClick: () => ye(z),
+                      children: /* @__PURE__ */ n(Lt, {})
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ n("div", { className: "p-date-picker__weekdays", "aria-hidden": "true", children: Ce.map((s) => /* @__PURE__ */ n("span", { children: s }, s)) }),
+                /* @__PURE__ */ n("div", { className: "p-date-picker__grid", role: "grid", "aria-labelledby": `${ee}-title`, children: xe.map((s) => {
+                  const y = Je(s), H = s.getMonth() !== $.getMonth(), l = Ze(s, N), b = Ze(s, B), K = gt(s, j) || ft(s, L);
+                  return /* @__PURE__ */ n(
+                    "button",
+                    {
+                      ref: (ve) => {
+                        te.current[y] = ve;
+                      },
+                      type: "button",
+                      role: "gridcell",
+                      "data-date": y,
+                      className: m(
+                        "p-date-picker__day",
+                        H && "p-date-picker__day--outside",
+                        b && "p-date-picker__day--today",
+                        l && "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()
+                    },
+                    y
+                  );
+                }) })
+              ]
+            }
+          ),
+          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
+        ]
+      }
+    );
+  }
+);
+da.displayName = "PDatePicker";
+const Ba = {
+  today: { label: "Today", value: () => He() },
+  yesterday: { label: "Yesterday", value: () => pe(He(), -1) },
+  tomorrow: { label: "Tomorrow", value: () => pe(He(), 1) },
+  startOfMonth: { label: "Start of month", value: () => re(He()) },
+  endOfMonth: {
+    label: "End of month",
+    value: () => {
+      const e = He();
+      return new Date(e.getFullYear(), e.getMonth() + 1, 0);
+    }
+  }
+}, ua = new Intl.DateTimeFormat(void 0, { weekday: "short" });
+function lt(e) {
+  if (!e)
+    return null;
+  if (e instanceof Date)
+    return Number.isNaN(e.getTime()) ? null : new Date(e.getFullYear(), e.getMonth(), e.getDate());
+  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;
+}
+function M(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}`;
+}
+function X(e) {
+  return new Date(e.getFullYear(), e.getMonth(), 1);
+}
+function Ue(e) {
+  return new Date(e.getFullYear(), e.getMonth() + 1, 0);
+}
+function st(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 O(e, t) {
+  return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t);
+}
+function we() {
+  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 ha(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 tt(e, t) {
+  return new Intl.DateTimeFormat(t, {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  }).format(e);
+}
+function ga(e, t) {
+  return new Intl.DateTimeFormat(t, {
+    weekday: "long",
+    month: "long",
+    day: "numeric",
+    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 at(e, t) {
+  return !!(e && t && M(e) === M(t));
+}
+function _t(e, t) {
+  return !!(t && e.getTime() < t.getTime());
+}
+function yt(e, t) {
+  return !!(t && e.getTime() > t.getTime());
+}
+function Tt(e, t) {
+  return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth();
+}
+function vt(e, t, a) {
+  const r = X(e), o = Ue(e);
+  return !!(t && o < t || a && r > a);
+}
+function ba(e, t, a) {
+  return t && Ue(e) < t ? X(t) : a && X(e) > a ? X(a) : X(e);
+}
+function _a(e, t, a, r) {
+  const o = X(e), c = Ue(e);
+  let d = new Date(
+    o.getFullYear(),
+    o.getMonth(),
+    Math.min(t.getDate(), c.getDate())
+  );
+  return a && d < a && (d = Tt(a, o) ? a : o), r && d > r && (d = Tt(r, o) ? r : c), d;
+}
+function ya(e, t, a, r) {
+  const o = e.getFullYear(), c = Math.min(o, r.getFullYear() - 100), d = Math.max(o, r.getFullYear() + 20), g = (t == null ? void 0 : t.getFullYear()) ?? c, v = (a == null ? void 0 : a.getFullYear()) ?? d, u = Math.min(g, v, o), h = Math.max(g, v, o);
+  return Array.from({ length: h - u + 1 }, (f, x) => u + x);
+}
+function va(e, t, a) {
+  return !!(t && a && e > t && e < a);
+}
+function Na(e, t) {
+  return !e && !t ? {} : e && t && t < e ? {
+    start: M(t),
+    end: M(e)
+  } : {
+    start: M(e),
+    end: M(t)
+  };
+}
+function Nt(e) {
+  return typeof e.value == "function" ? e.value() : e.value;
 }
-function H() {
-  return /* @__PURE__ */ k(
+function rt(e) {
+  return {
+    startDate: lt(e == null ? void 0 : e.start),
+    endDate: lt(e == null ? void 0 : e.end)
+  };
+}
+function Pt(e, t) {
+  return !!(e != null && e.start && (e != null && e.end) && e.start === (t == null ? void 0 : t.start) && e.end === (t == null ? void 0 : t.end));
+}
+function ka(e, t, a) {
+  const { startDate: r, endDate: o } = rt(e);
+  return r && o ? `${tt(r, a)} - ${tt(o, a)}` : r ? `${tt(r, a)} -` : o ? `- ${tt(o, a)}` : t;
+}
+const xa = Ne(
+  ({
+    label: e,
+    value: t,
+    defaultValue: a,
+    onValueChange: r,
+    presets: o = [],
+    customLabel: c = "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
+      });
+    }, Le = (l) => {
+      if (w || A)
+        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");
+          return;
+        }
+        te(l), ye({ start: M(B), end: M(l) }, "calendar"), ue(!0);
+      }
+    }, y = (l) => {
+      _t(l, $) || yt(l, V) || (Ce.current = !0, te(l), J(X(l)));
+    }, H = (l) => (b) => {
+      if (b.key === "Escape") {
+        b.preventDefault(), ue(!0);
+        return;
+      }
+      const K = (l.getDay() - P + 7) % 7, ae = {
+        ArrowLeft: O(l, -1),
+        ArrowRight: O(l, 1),
+        ArrowUp: O(l, -7),
+        ArrowDown: O(l, 7),
+        Home: O(l, -K),
+        End: O(l, 6 - K),
+        PageUp: St(l, -1),
+        PageDown: St(l, 1)
+      }[b.key];
+      ae && (b.preventDefault(), y(ae));
+    };
+    return /* @__PURE__ */ _(
+      "div",
+      {
+        ...me,
+        ref: $e,
+        id: le,
+        style: D ? { ...Ie, ...D } : Ie,
+        className: m(
+          "p-date-range-picker",
+          ie && "p-date-range-picker--with-presets",
+          h && "p-date-range-picker--error",
+          w && "p-date-range-picker--disabled",
+          U
+        ),
+        children: [
+          ie ? /* @__PURE__ */ _("div", { id: ee, className: "p-date-range-picker__label", children: [
+            /* @__PURE__ */ n("span", { children: e }),
+            /* @__PURE__ */ n(
+              "span",
+              {
+                className: m(
+                  "p-date-range-picker__label-value",
+                  !Q && "p-date-range-picker__label-value--empty"
+                ),
+                children: Fe
+              }
+            )
+          ] }) : null,
+          ie ? /* @__PURE__ */ _(
+            "div",
+            {
+              "aria-describedby": ce,
+              "aria-labelledby": ee,
+              className: m(
+                "p-date-range-picker__presets",
+                g !== "auto" && "p-date-range-picker__presets--fixed"
+              ),
+              role: "group",
+              children: [
+                o.map((l) => {
+                  const b = Nt(l), K = Pt(b, N);
+                  return /* @__PURE__ */ n(
+                    "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
+                    },
+                    l.label
+                  );
+                }),
+                E ? /* @__PURE__ */ n(
+                  "button",
+                  {
+                    type: "button",
+                    className: m(
+                      "p-date-range-picker__preset",
+                      De && "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
+                  }
+                ) : null
+              ]
+            }
+          ) : /* @__PURE__ */ _(
+            "button",
+            {
+              type: "button",
+              className: m(
+                "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"
+              ),
+              disabled: w,
+              "aria-controls": se,
+              "aria-describedby": ce,
+              "aria-expanded": Y,
+              "aria-haspopup": "dialog",
+              "aria-label": `${e}: ${Fe}`,
+              onClick: (l) => Y ? ue(!0) : Le(l.currentTarget),
+              children: [
+                /* @__PURE__ */ n(
+                  "span",
+                  {
+                    id: ee,
+                    className: m(
+                      "p-date-range-picker__trigger-label p-date-range-picker__trigger-floating-label",
+                      h && "p-date-range-picker__trigger-label--error"
+                    ),
+                    "aria-hidden": "true",
+                    children: e
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  "span",
+                  {
+                    className: m(
+                      "p-date-range-picker__trigger-label p-date-range-picker__trigger-placeholder-label",
+                      h && "p-date-range-picker__trigger-label--error"
+                    ),
+                    "aria-hidden": "true",
+                    children: e
+                  }
+                ),
+                /* @__PURE__ */ n("span", { className: "p-date-range-picker__trigger-value", children: Fe }),
+                /* @__PURE__ */ n("span", { className: "p-date-range-picker__trigger-icon", children: /* @__PURE__ */ n(Rt, {}) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ n("input", { type: "hidden", name: T, value: (N == null ? void 0 : N.start) ?? "", required: I }),
+          /* @__PURE__ */ n("input", { type: "hidden", name: k, value: (N == null ? void 0 : N.end) ?? "", required: I }),
+          Y && /* @__PURE__ */ _(
+            "div",
+            {
+              id: se,
+              className: "p-date-range-picker__panel",
+              role: "dialog",
+              "aria-labelledby": `${se}-title`,
+              onKeyDown: (l) => {
+                l.key === "Escape" && ue();
+              },
+              children: [
+                /* @__PURE__ */ _("div", { className: "p-date-range-picker__calendar-header", children: [
+                  /* @__PURE__ */ n(
+                    "button",
+                    {
+                      type: "button",
+                      className: "p-date-range-picker__nav",
+                      "aria-label": "Previous month",
+                      disabled: Ae,
+                      onClick: () => Ye(be),
+                      children: /* @__PURE__ */ n(At, {})
+                    }
+                  ),
+                  /* @__PURE__ */ _("div", { className: "p-date-range-picker__month", children: [
+                    /* @__PURE__ */ n("span", { id: `${se}-title`, className: "p-date-range-picker__month-label", children: ha(S, C) }),
+                    /* @__PURE__ */ n(
+                      "select",
+                      {
+                        className: "p-date-range-picker__month-select p-date-range-picker__calendar-select",
+                        "aria-label": "Month",
+                        value: S.getMonth(),
+                        onChange: Ke,
+                        children: F.map((l) => /* @__PURE__ */ n(
+                          "option",
+                          {
+                            value: l.value,
+                            disabled: vt(new Date(S.getFullYear(), l.value, 1), $, V),
+                            children: l.label
+                          },
+                          l.value
+                        ))
+                      }
+                    ),
+                    /* @__PURE__ */ n(
+                      "select",
+                      {
+                        className: "p-date-range-picker__year-select p-date-range-picker__calendar-select",
+                        "aria-label": "Year",
+                        value: S.getFullYear(),
+                        onChange: Ge,
+                        children: Oe.map((l) => /* @__PURE__ */ n("option", { value: l, children: l }, l))
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ n(
+                    "button",
+                    {
+                      type: "button",
+                      className: "p-date-range-picker__nav",
+                      "aria-label": "Next month",
+                      disabled: de,
+                      onClick: () => Ye(_e),
+                      children: /* @__PURE__ */ n(Lt, {})
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ n("div", { className: "p-date-range-picker__weekdays", "aria-hidden": "true", children: q.map((l) => /* @__PURE__ */ n("span", { children: l }, l)) }),
+                /* @__PURE__ */ n("div", { className: "p-date-range-picker__grid", role: "grid", "aria-labelledby": `${se}-title`, children: qe.map((l) => {
+                  const b = M(l), K = l.getMonth() !== S.getMonth(), ve = at(l, B), ae = at(l, j), Se = va(l, B, j), ct = at(l, L), dt = _t(l, $) || yt(l, V);
+                  return /* @__PURE__ */ n(
+                    "button",
+                    {
+                      ref: (ut) => {
+                        xe.current[b] = ut;
+                      },
+                      type: "button",
+                      role: "gridcell",
+                      "data-date": b,
+                      className: m(
+                        "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"
+                      ),
+                      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()
+                    },
+                    b
+                  );
+                }) })
+              ]
+            }
+          ),
+          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
+        ]
+      }
+    );
+  }
+);
+xa.displayName = "PDateRangePicker";
+const Ra = {
+  thisWeek: {
+    label: "This week",
+    value: () => {
+      const e = we(), t = O(e, -e.getDay());
+      return {
+        start: M(t),
+        end: M(O(t, 6))
+      };
+    }
+  },
+  last7Days: {
+    label: "Last 7 days",
+    value: () => {
+      const e = we();
+      return {
+        start: M(O(e, -6)),
+        end: M(e)
+      };
+    }
+  },
+  last14Days: {
+    label: "Last 14 days",
+    value: () => {
+      const e = we();
+      return {
+        start: M(O(e, -13)),
+        end: M(e)
+      };
+    }
+  },
+  last30Days: {
+    label: "Last 30 days",
+    value: () => {
+      const e = we();
+      return {
+        start: M(O(e, -29)),
+        end: M(e)
+      };
+    }
+  },
+  thisMonth: {
+    label: "This month",
+    value: () => {
+      const e = we(), t = X(e), a = Ue(e);
+      return {
+        start: M(t),
+        end: M(a)
+      };
+    }
+  },
+  lastMonth: {
+    label: "Last month",
+    value: () => {
+      const e = we(), t = st(e, -1);
+      return {
+        start: M(X(t)),
+        end: M(Ue(t))
+      };
+    }
+  },
+  monthToDate: {
+    label: "Month to date",
+    value: () => {
+      const e = we(), t = X(e);
+      return {
+        start: M(t),
+        end: M(e)
+      };
+    }
+  },
+  yearToDate: {
+    label: "Year to date",
+    value: () => {
+      const e = we();
+      return {
+        start: M(new Date(e.getFullYear(), 0, 1)),
+        end: M(e)
+      };
+    }
+  }
+}, Da = Ne(
+  ({
+    as: e = "span",
+    variant: t = "primary",
+    appearance: a = "text",
+    color: r,
+    textColor: o,
+    children: c,
+    className: d,
+    style: g,
+    ...v
+  }, u) => {
+    const h = {
+      ...g,
+      ...r ? { "--p-highlight-color": r, "--p-highlight-bg": r } : {},
+      ...o ? { "--p-highlight-text": o } : {}
+    };
+    return /* @__PURE__ */ n(
+      e,
+      {
+        ...v,
+        ref: u,
+        className: m(
+          "p-highlight",
+          `p-highlight--${t}`,
+          a === "background" && "p-highlight--background",
+          d
+        ),
+        style: h,
+        children: c
+      }
+    );
+  }
+);
+Da.displayName = "PHighlight";
+const wa = Ne(
+  ({
+    children: e,
+    ariaLabel: t = "Horizontal content",
+    gap: a,
+    snap: r = !0,
+    className: o,
+    scrollerClassName: c,
+    listClassName: d,
+    itemClassName: g,
+    style: v,
+    ...u
+  }, h) => {
+    const f = {
+      ...v,
+      ...a ? { "--p-horizontal-slider-gap": a } : {}
+    };
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        ...u,
+        ref: h,
+        className: m("p-horizontal-slider", !r && "p-horizontal-slider--no-snap", o),
+        style: f,
+        children: /* @__PURE__ */ n(
+          "div",
+          {
+            "aria-label": t,
+            className: m("p-horizontal-slider__scroller", c),
+            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 })) })
+          }
+        )
+      }
+    );
+  }
+);
+wa.displayName = "PHorizontalSlider";
+function Aa({ title: e }) {
+  return /* @__PURE__ */ n(jt, { className: "pt-2 border-t border-white text-white", children: /* @__PURE__ */ n(ot, { className: "uppercase", variant: "body-wide", children: e }) });
+}
+function Ma() {
+  return /* @__PURE__ */ _(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      width: "20",
-      height: "20",
       viewBox: "0 0 24 24",
       fill: "none",
       stroke: "currentColor",
@@ -125,20 +1689,19 @@ function H() {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       focusable: "false",
+      className: "p-text-input__icon",
       children: [
-        /* @__PURE__ */ r("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
-        /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "3" })
+        /* @__PURE__ */ n("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
+        /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "3" })
       ]
     }
   );
 }
-function z() {
-  return /* @__PURE__ */ k(
+function Ia() {
+  return /* @__PURE__ */ _(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      width: "20",
-      height: "20",
       viewBox: "0 0 24 24",
       fill: "none",
       stroke: "currentColor",
@@ -147,246 +1710,216 @@ function z() {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       focusable: "false",
+      className: "p-text-input__icon",
       children: [
-        /* @__PURE__ */ r("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }),
-        /* @__PURE__ */ r("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__ */ r("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__ */ r("line", { x1: "2", x2: "22", y1: "2", y2: "22" })
+        /* @__PURE__ */ n("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }),
+        /* @__PURE__ */ n("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }),
+        /* @__PURE__ */ n("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }),
+        /* @__PURE__ */ n("line", { x1: "2", x2: "22", y1: "2", y2: "22" })
       ]
     }
   );
 }
-const K = j(
+const $a = Ne(
   ({
-    className: t,
-    inputClassName: n,
-    type: e,
-    label: a,
-    helperText: s,
-    id: i,
-    isError: l = !1,
-    errorMessage: f,
-    rightAdornment: b,
-    disabled: o,
-    readOnly: u,
-    style: x,
-    ...d
-  }, v) => {
-    const h = C(), p = i ?? h, m = `${p}-error`, g = `${p}-helper`, y = e === "password", N = !!b && !y, [w, A] = L(!1), B = y ? w ? "text" : "password" : e ?? "text", S = [
-      l && f ? m : null,
-      !l && s ? g : null
+    className: e,
+    inputClassName: t,
+    type: a,
+    label: r,
+    helperText: o,
+    id: c,
+    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
     ].filter(Boolean).join(" ") || void 0;
-    return /* @__PURE__ */ k("div", { className: c("p-text-input relative w-full", t), style: x, children: [
-      /* @__PURE__ */ r(
-        "input",
-        {
-          ...d,
-          id: p,
-          ref: v,
-          type: B,
-          disabled: o,
-          readOnly: u,
-          placeholder: " ",
-          "aria-invalid": l || void 0,
-          "aria-describedby": S,
-          "aria-required": d.required,
-          "aria-disabled": o,
-          "aria-readonly": u,
-          autoComplete: d.autoComplete ?? (y ? "current-password" : void 0),
-          className: c(
-            // Layout — tall enough for the floating label + value
-            "peer h-16 w-full rounded px-4 pt-6 pb-2",
-            (y || N) && "pr-12",
-            // Visuals
-            "bg-(--p-input-bg) text-(--p-input-text)",
-            "font-sans text-sm outline-none",
-            "border border-(--p-input-border) focus:border-(--p-input-border-focus)",
-            // Focus
-            "focus:bg-(--p-input-bg-focus)",
-            "focus:ring-2 focus:ring-(--p-input-ring)",
-            // Motion
-            "transition-all duration-150 ease-in",
-            // States
-            "disabled:cursor-not-allowed disabled:opacity-50",
-            "read-only:cursor-default read-only:bg-(--p-input-bg-readonly)",
-            l && "ring-2 ring-red-500",
-            // Date — hide native picker chrome so rightAdornment can replace it
-            N && e === "date" && "[&::-webkit-calendar-picker-indicator]:absolute [&::-webkit-calendar-picker-indicator]:right-0 [&::-webkit-calendar-picker-indicator]:h-full [&::-webkit-calendar-picker-indicator]:w-full [&::-webkit-calendar-picker-indicator]:cursor-pointer [&::-webkit-calendar-picker-indicator]:opacity-0",
-            n
-          )
-        }
-      ),
-      /* @__PURE__ */ r(
-        "span",
+    return /* @__PURE__ */ _("div", { className: m("p-text-input", e), style: f, children: [
+      /* @__PURE__ */ _("div", { className: "p-text-input__field", children: [
+        /* @__PURE__ */ n(
+          "input",
+          {
+            ...x,
+            id: k,
+            ref: R,
+            type: he,
+            disabled: u,
+            readOnly: h,
+            placeholder: " ",
+            "aria-invalid": d || void 0,
+            "aria-describedby": Ie,
+            "aria-required": x.required,
+            "aria-disabled": u,
+            "aria-readonly": h,
+            autoComplete: x.autoComplete ?? (I ? "current-password" : void 0),
+            className: m(
+              "p-text-input__control",
+              (I || C) && "p-text-input__control--adorned",
+              d && "p-text-input__control--error",
+              C && a === "date" && "p-text-input__control--date-adorned",
+              t
+            )
+          }
+        ),
+        /* @__PURE__ */ n(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: m(
+              "p-text-input__label p-text-input__floating-label",
+              d && "p-text-input__label--error"
+            ),
+            children: r
+          }
+        ),
+        /* @__PURE__ */ n(
+          "label",
+          {
+            htmlFor: k,
+            className: "p-text-input__label p-text-input__placeholder-label",
+            children: r
+          }
+        ),
+        I && /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            onClick: () => U((me) => !me),
+            disabled: u,
+            className: "p-text-input__action",
+            "aria-label": P ? "Hide password" : "Show password",
+            "aria-pressed": P,
+            "aria-controls": k,
+            children: P ? /* @__PURE__ */ n(Ma, {}) : /* @__PURE__ */ n(Ia, {})
+          }
+        ),
+        C && /* @__PURE__ */ n("span", { "aria-hidden": "true", className: "p-text-input__adornment", children: v })
+      ] }),
+      d && g && /* @__PURE__ */ n(
+        "p",
         {
-          "aria-hidden": "true",
-          className: c(
-            "pointer-events-none absolute top-2 left-4",
-            "font-sans text-xs",
-            "origin-left transition-all duration-150 ease-in",
-            // Hidden by default
-            "scale-0 opacity-0",
-            l ? "text-red-500" : "text-(--p-input-label) peer-focus:text-(--p-input-label-focus)",
-            // Reveal when focused or filled
-            "peer-focus:scale-100 peer-focus:opacity-100",
-            "peer-not-placeholder-shown:scale-100 peer-not-placeholder-shown:opacity-100"
-          ),
-          children: a
+          id: w,
+          role: "alert",
+          className: "p-text-input__message p-text-input__message--error",
+          children: g
         }
       ),
-      /* @__PURE__ */ r(
-        "label",
+      !d && o && /* @__PURE__ */ n(
+        "p",
         {
-          htmlFor: p,
-          className: c(
-            "pointer-events-none absolute top-1/2 left-4 -translate-y-1/2",
-            "font-sans text-sm text-(--p-input-text)",
-            "origin-left transition-all duration-150 ease-in",
-            // Collapse when focused or filled
-            "peer-focus:scale-0 peer-focus:opacity-0",
-            "peer-not-placeholder-shown:scale-0 peer-not-placeholder-shown:opacity-0",
-            o && "opacity-50"
-          ),
-          children: a
+          id: A,
+          className: "p-text-input__message p-text-input__message--helper",
+          children: o
         }
-      ),
-      y && /* @__PURE__ */ r(
-        "button",
-        {
-          type: "button",
-          onClick: () => A((q) => !q),
-          disabled: o,
-          className: c(
-            "absolute top-1/2 right-4 -translate-y-1/2",
-            "text-(--p-input-label) hover:text-(--p-input-text)",
-            "transition-colors duration-150",
-            "focus-visible:outline-2 focus-visible:outline-offset-2",
-            "focus-visible:outline-(--p-input-ring)",
-            "disabled:pointer-events-none disabled:opacity-50"
-          ),
-          "aria-label": w ? "Hide password" : "Show password",
-          "aria-pressed": w,
-          "aria-controls": p,
-          children: w ? /* @__PURE__ */ r(H, {}) : /* @__PURE__ */ r(z, {})
-        }
-      ),
-      N && /* @__PURE__ */ r(
-        "span",
-        {
-          "aria-hidden": "true",
-          className: "pointer-events-none absolute top-1/2 right-4 -translate-y-1/2 text-(--p-input-label)",
-          children: b
-        }
-      ),
-      l && f && /* @__PURE__ */ r("p", { id: m, role: "alert", className: "mt-1 px-4 font-sans text-xs text-red-500", children: f }),
-      !l && s && /* @__PURE__ */ r("p", { id: g, className: "mt-1 px-4 font-sans text-xs text-(--p-input-text-helper)", children: s })
+      )
     ] });
   }
 );
-K.displayName = "PTextInput";
-const M = j(
+$a.displayName = "PTextInput";
+const Ca = Ne(
   ({
-    className: t,
-    textareaClassName: n,
-    label: e,
-    helperText: a,
-    id: s,
-    isError: i = !1,
-    errorMessage: l,
-    disabled: f,
-    readOnly: b,
-    rows: o = 4,
-    style: u,
-    ...x
-  }, d) => {
-    const v = C(), h = s ?? v, p = `${h}-error`, m = `${h}-helper`, g = [
-      i && l ? p : null,
-      !i && a ? m : null
+    className: e,
+    textareaClassName: t,
+    label: a,
+    helperText: r,
+    id: o,
+    isError: c = !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
     ].filter(Boolean).join(" ") || void 0;
-    return /* @__PURE__ */ k("div", { className: c("p-text-area relative w-full", t), style: u, children: [
-      /* @__PURE__ */ r(
+    return /* @__PURE__ */ _("div", { className: m("p-text-area", e), style: h, children: [
+      /* @__PURE__ */ n(
         "textarea",
         {
-          ...x,
-          id: h,
-          ref: d,
-          rows: o,
-          disabled: f,
-          readOnly: b,
+          ...f,
+          id: T,
+          ref: x,
+          rows: u,
+          disabled: g,
+          readOnly: v,
           placeholder: " ",
-          "aria-invalid": i || void 0,
-          "aria-describedby": g,
-          "aria-required": x.required,
-          "aria-disabled": f,
-          "aria-readonly": b,
-          className: c(
-            // Layout
-            "peer w-full rounded px-4 pt-8 pb-3",
-            // Visuals
-            "bg-(--p-textarea-bg) text-(--p-textarea-text)",
-            "font-sans text-sm outline-none",
-            "border border-(--p-textarea-border) focus:border-(--p-textarea-border-focus)",
-            // Focus
-            "focus:bg-(--p-textarea-bg-focus)",
-            "focus:ring-2 focus:ring-(--p-textarea-ring)",
-            // Resize
-            "resize-y",
-            // Motion
-            "transition-all duration-150 ease-in",
-            // States
-            "disabled:cursor-not-allowed disabled:opacity-50",
-            "read-only:cursor-default read-only:bg-(--p-textarea-bg-readonly)",
-            i && "ring-2 ring-red-500",
-            n
+          "aria-invalid": c || void 0,
+          "aria-describedby": A,
+          "aria-required": f.required,
+          "aria-disabled": g,
+          "aria-readonly": v,
+          className: m(
+            "p-text-area__control",
+            c && "p-text-area__control--error",
+            t
           )
         }
       ),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ n(
         "span",
         {
           "aria-hidden": "true",
-          className: c(
-            "pointer-events-none absolute top-2 left-4",
-            "font-sans text-xs",
-            "origin-left transition-all duration-150 ease-in",
-            // Hidden by default
-            "scale-0 opacity-0",
-            i ? "text-red-500" : "text-(--p-textarea-label) peer-focus:text-(--p-textarea-label-focus)",
-            // Reveal when focused or filled
-            "peer-focus:scale-100 peer-focus:opacity-100",
-            "peer-not-placeholder-shown:scale-100 peer-not-placeholder-shown:opacity-100"
+          className: m(
+            "p-text-area__label p-text-area__floating-label",
+            c && "p-text-area__label--error"
           ),
-          children: e
+          children: a
         }
       ),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ n(
         "label",
         {
-          htmlFor: h,
-          className: c(
-            "pointer-events-none absolute top-4 left-4",
-            "font-sans text-sm text-(--p-textarea-text)",
-            "origin-left transition-all duration-150 ease-in",
-            // Collapse when focused or filled
-            "peer-focus:scale-0 peer-focus:opacity-0",
-            "peer-not-placeholder-shown:scale-0 peer-not-placeholder-shown:opacity-0",
-            f && "opacity-50"
-          ),
-          children: e
+          htmlFor: T,
+          className: "p-text-area__label p-text-area__placeholder-label",
+          children: a
         }
       ),
-      i && l && /* @__PURE__ */ r("p", { id: p, role: "alert", className: "mt-1 px-4 font-sans text-xs text-red-500", children: l }),
-      !i && a && /* @__PURE__ */ r("p", { id: m, className: "mt-1 px-4 font-sans text-xs text-(--p-textarea-text-helper)", children: a })
+      c && d && /* @__PURE__ */ n(
+        "p",
+        {
+          id: k,
+          role: "alert",
+          className: "p-text-area__message p-text-area__message--error",
+          children: d
+        }
+      ),
+      !c && r && /* @__PURE__ */ n(
+        "p",
+        {
+          id: w,
+          className: "p-text-area__message p-text-area__message--helper",
+          children: r
+        }
+      )
     ] });
   }
 );
-M.displayName = "PTextArea";
+Ca.displayName = "PTextArea";
 export {
-  J as PSectionHeader,
-  M as PTextArea,
-  K as PTextInput,
-  F as PTypography,
-  G as Row,
-  T as Stack
+  Ht as PBadge,
+  Ut as PButton,
+  Xt as PCard,
+  Qt as PCombobox,
+  da as PDatePicker,
+  Ba as PDatePickerPresets,
+  xa as PDateRangePicker,
+  Ra as PDateRangePickerPresets,
+  Da as PHighlight,
+  wa as PHorizontalSlider,
+  Aa as PSectionHeader,
+  Ca as PTextArea,
+  $a as PTextInput,
+  ot as PTypography,
+  Pa as Row,
+  jt as Stack
 };
 //# sourceMappingURL=index.es.js.map