@paolojulian.dev/design-system 4.2.1 → 4.3.0

package/dist/index.es.js

@@ -1,116 +1,116 @@
 import { jsx as r, jsxs as k } from "react/jsx-runtime";
-import { cn as u } from "./utils.es.js";
-import { forwardRef as B, useId as L, useState as O } from "react";
-const D = ({
+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: a = void 0,
+  gap: n = void 0,
   alignItems: e = void 0,
-  justifyContent: n = void 0,
-  className: o = ""
+  justifyContent: a = void 0,
+  className: s = ""
 }) => /* @__PURE__ */ r(
   "div",
   {
-    className: u("flex flex-row", o),
+    className: c("flex flex-row", s),
     style: {
-      gap: a,
+      gap: n,
       alignItems: e,
-      justifyContent: n
+      justifyContent: a
     },
     children: t
   }
 ), T = ({
   children: t,
-  gap: a = void 0,
+  gap: n = void 0,
   alignItems: e = void 0,
-  justifyContent: n = void 0,
-  className: o = ""
+  justifyContent: a = void 0,
+  className: s = ""
 }) => /* @__PURE__ */ r(
   "div",
   {
-    className: u("flex flex-col", o),
+    className: c("flex flex-col", s),
     style: {
-      gap: a,
+      gap: n,
       alignItems: e,
-      justifyContent: n
+      justifyContent: a
     },
     children: t
   }
 );
-function j(t) {
-  var a, e, n = "";
-  if (typeof t == "string" || typeof t == "number") n += t;
-  else if (typeof t == "object") if (Array.isArray(t)) for (a = 0; a < t.length; a++) t[a] && (e = j(t[a])) && (n && (n += " "), n += e);
-  else for (a in t) t[a] && (n && (n += " "), n += a);
-  return n;
+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 M() {
-  for (var t, a, e = 0, n = ""; e < arguments.length; ) (t = arguments[e++]) && (a = j(t)) && (n && (n += " "), n += a);
-  return n;
+function $() {
+  for (var t, n, e = 0, a = ""; e < arguments.length; ) (t = arguments[e++]) && (n = V(t)) && (a && (a += " "), a += n);
+  return a;
 }
-const C = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, P = M, R = (t, a) => (e) => {
-  var n;
-  if ((a == null ? void 0 : a.variants) == null) return P(t, e == null ? void 0 : e.class, e == null ? void 0 : e.className);
-  const { variants: o, defaultVariants: f } = a, l = Object.keys(o).map((i) => {
-    const d = e == null ? void 0 : e[i], m = f == null ? void 0 : f[i];
-    if (d === null) return null;
-    const s = C(d) || C(m);
-    return o[i][s];
-  }), p = e && Object.entries(e).reduce((i, d) => {
-    let [m, s] = d;
-    return s === void 0 || (i[m] = s), i;
-  }, {}), y = a == null || (n = a.compoundVariants) === null || n === void 0 ? void 0 : n.reduce((i, d) => {
-    let { class: m, className: s, ...b } = d;
-    return Object.entries(b).every((w) => {
-      let [c, h] = w;
-      return Array.isArray(h) ? h.includes({
-        ...f,
-        ...p
-      }[c]) : {
-        ...f,
-        ...p
-      }[c] === h;
+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;
     }) ? [
-      ...i,
-      m,
-      s
-    ] : i;
+      ...o,
+      x,
+      d
+    ] : o;
   }, []);
-  return P(t, l, y, e == null ? void 0 : e.class, e == null ? void 0 : e.className);
-}, W = {
+  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"
-}, q = R("font-sans", {
+}, W = O("font-sans", {
   variants: {
-    variant: W
+    variant: R
   },
   defaultVariants: {
     variant: "body"
   }
 });
-function H({
+function F({
   as: t = "p",
-  children: a,
+  children: n,
   className: e = "",
-  variant: n,
-  ...o
+  variant: a,
+  ...s
 }) {
   return /* @__PURE__ */ r(
     t,
     {
-      className: u(q({ variant: n, className: e })),
-      ...o,
-      children: a
+      className: c(W({ variant: a, className: e })),
+      ...s,
+      children: n
     }
   );
 }
-function G({ title: t }) {
-  return /* @__PURE__ */ r(T, { className: "pt-2 border-t border-white text-white", children: /* @__PURE__ */ r(H, { className: "uppercase", variant: "body-wide", 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 $() {
+function H() {
   return /* @__PURE__ */ k(
     "svg",
     {
@@ -132,7 +132,7 @@ function $() {
     }
   );
 }
-function F() {
+function z() {
   return /* @__PURE__ */ k(
     "svg",
     {
@@ -156,62 +156,63 @@ function F() {
     }
   );
 }
-const K = B(
+const K = j(
   ({
     className: t,
-    inputClassName: a,
+    inputClassName: n,
     type: e,
-    label: n,
-    helperText: o,
-    id: f,
+    label: a,
+    helperText: s,
+    id: i,
     isError: l = !1,
-    errorMessage: p,
-    rightAdornment: y,
-    disabled: i,
-    readOnly: d,
-    style: m,
-    ...s
-  }, b) => {
-    const w = L(), c = f ?? w, h = `${c}-error`, N = `${c}-helper`, v = e === "password", g = !!y && !v, [x, I] = O(!1), V = v ? x ? "text" : "password" : e ?? "text", A = [
-      l && p ? h : null,
-      !l && o ? N : null
+    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
     ].filter(Boolean).join(" ") || void 0;
-    return /* @__PURE__ */ k("div", { className: u("relative w-full", t), style: m, children: [
+    return /* @__PURE__ */ k("div", { className: c("p-text-input relative w-full", t), style: x, children: [
       /* @__PURE__ */ r(
         "input",
         {
-          ...s,
-          id: c,
-          ref: b,
-          type: V,
-          disabled: i,
-          readOnly: d,
+          ...d,
+          id: p,
+          ref: v,
+          type: B,
+          disabled: o,
+          readOnly: u,
           placeholder: " ",
           "aria-invalid": l || void 0,
-          "aria-describedby": A,
-          "aria-required": s.required,
-          "aria-disabled": i,
-          "aria-readonly": d,
-          autoComplete: s.autoComplete ?? (v ? "current-password" : void 0),
-          className: u(
+          "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",
-            (v || g) && "pr-12",
+            (y || N) && "pr-12",
             // Visuals
-            "bg-white text-black",
+            "bg-(--p-input-bg) text-(--p-input-text)",
             "font-sans text-sm outline-none",
-            "border border-black focus:border-black",
+            "border border-(--p-input-border) focus:border-(--p-input-border-focus)",
             // Focus
-            "focus:ring-2 focus:ring-primary",
+            "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-gray-lighter",
+            "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
-            g && 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",
-            a
+            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
           )
         }
       ),
@@ -219,74 +220,173 @@ const K = B(
         "span",
         {
           "aria-hidden": "true",
-          className: u(
+          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-gray-darker peer-focus:text-primary",
+            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: n
+          children: a
         }
       ),
       /* @__PURE__ */ r(
         "label",
         {
-          htmlFor: c,
-          className: u(
+          htmlFor: p,
+          className: c(
             "pointer-events-none absolute top-1/2 left-4 -translate-y-1/2",
-            "font-sans text-sm text-black",
+            "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",
-            i && "opacity-50"
+            o && "opacity-50"
           ),
-          children: n
+          children: a
         }
       ),
-      v && /* @__PURE__ */ r(
+      y && /* @__PURE__ */ r(
         "button",
         {
           type: "button",
-          onClick: () => I((S) => !S),
-          disabled: i,
-          className: u(
+          onClick: () => A((q) => !q),
+          disabled: o,
+          className: c(
             "absolute top-1/2 right-4 -translate-y-1/2",
-            "text-gray-darker hover:text-black",
+            "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-primary",
+            "focus-visible:outline-2 focus-visible:outline-offset-2",
+            "focus-visible:outline-(--p-input-ring)",
             "disabled:pointer-events-none disabled:opacity-50"
           ),
-          "aria-label": x ? "Hide password" : "Show password",
-          "aria-pressed": x,
-          "aria-controls": c,
-          children: x ? /* @__PURE__ */ r($, {}) : /* @__PURE__ */ r(F, {})
+          "aria-label": w ? "Hide password" : "Show password",
+          "aria-pressed": w,
+          "aria-controls": p,
+          children: w ? /* @__PURE__ */ r(H, {}) : /* @__PURE__ */ r(z, {})
         }
       ),
-      g && /* @__PURE__ */ r(
+      N && /* @__PURE__ */ r(
         "span",
         {
           "aria-hidden": "true",
-          className: "pointer-events-none absolute top-1/2 right-4 -translate-y-1/2 text-gray-darker",
-          children: y
+          className: "pointer-events-none absolute top-1/2 right-4 -translate-y-1/2 text-(--p-input-label)",
+          children: b
         }
       ),
-      l && p && /* @__PURE__ */ r("p", { id: h, role: "alert", className: "mt-1 px-4 font-sans text-xs text-red-500", children: p }),
-      !l && o && /* @__PURE__ */ r("p", { id: N, className: "mt-1 px-4 font-sans text-xs text-gray-darker", children: o })
+      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(
+  ({
+    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
+    ].filter(Boolean).join(" ") || void 0;
+    return /* @__PURE__ */ k("div", { className: c("p-text-area relative w-full", t), style: u, children: [
+      /* @__PURE__ */ r(
+        "textarea",
+        {
+          ...x,
+          id: h,
+          ref: d,
+          rows: o,
+          disabled: f,
+          readOnly: b,
+          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
+          )
+        }
+      ),
+      /* @__PURE__ */ r(
+        "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"
+          ),
+          children: e
+        }
+      ),
+      /* @__PURE__ */ r(
+        "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
+        }
+      ),
+      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 })
+    ] });
+  }
+);
+M.displayName = "PTextArea";
 export {
-  G as PSectionHeader,
+  J as PSectionHeader,
+  M as PTextArea,
   K as PTextInput,
-  H as PTypography,
-  D as Row,
+  F as PTypography,
+  G as Row,
   T as Stack
 };
 //# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/components/PContainers/Row/Row.tsx","../src/components/PContainers/Stack/Stack.tsx","../node_modules/class-variance-authority/node_modules/clsx/dist/clsx.mjs","../node_modules/class-variance-authority/dist/index.mjs","../src/components/PTypography/PTypography.constants.ts","../src/components/PTypography/PTypography.tsx","../src/components/PSectionHeader/PSectionHeader.tsx","../src/components/PTextInput/PTextInput.tsx"],"sourcesContent":["import { CSSProperties, FC, ReactNode } from 'react';\nimport cn from '../../../utils/cn';\n\nexport type RowProps = {\n  children: ReactNode;\n  gap?: CSSProperties['gap'];\n  alignItems?: CSSProperties['alignItems'];\n  justifyContent?: CSSProperties['justifyContent'];\n  className?: string;\n};\n\nconst Row: FC<RowProps> = ({\n  children,\n  gap = undefined,\n  alignItems = undefined,\n  justifyContent = undefined,\n  className = '',\n}) => {\n  return (\n    <div\n      className={cn('flex flex-row', className)}\n      style={{\n        gap,\n        alignItems,\n        justifyContent,\n      }}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default Row;\n","import { CSSProperties, FC, ReactNode } from 'react';\nimport cn from '../../../utils/cn';\n\nexport type StackProps = {\n  children: ReactNode;\n  gap?: CSSProperties['gap'];\n  alignItems?: CSSProperties['alignItems'];\n  justifyContent?: CSSProperties['justifyContent'];\n  className?: string;\n};\n\nconst Stack: FC<StackProps> = ({\n  children,\n  gap = undefined,\n  alignItems = undefined,\n  justifyContent = undefined,\n  className = '',\n}) => {\n  return (\n    <div\n      className={cn('flex flex-col', className)}\n      style={{\n        gap,\n        alignItems,\n        justifyContent,\n      }}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default Stack;\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f);else for(t in e)e[t]&&(n&&(n+=\" \"),n+=t);return n}export function clsx(){for(var e,t,f=0,n=\"\";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? \"\".concat(value) : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>{\n    return (props)=>{\n        var ref;\n        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n        const { variants , defaultVariants  } = config;\n        const getVariantClassNames = Object.keys(variants).map((variant)=>{\n            const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n            if (variantProp === null) return null;\n            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n            return variants[variant][variantKey];\n        });\n        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n            let [key, value] = param;\n            if (value === undefined) {\n                return acc;\n            }\n            acc[key] = value;\n            return acc;\n        }, {});\n        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (ref = config.compoundVariants) === null || ref === void 0 ? void 0 : ref.reduce((acc, param1)=>{\n            let { class: cvClass , className: cvClassName , ...compoundVariantOptions } = param1;\n            return Object.entries(compoundVariantOptions).every((param)=>{\n                let [key, value] = param;\n                return Array.isArray(value) ? value.includes({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                }[key]) : ({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                })[key] === value;\n            }) ? [\n                ...acc,\n                cvClass,\n                cvClassName\n            ] : acc;\n        }, []);\n        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n    };\n};\n\n\n//# sourceMappingURL=index.mjs.map","import { cva } from 'class-variance-authority';\n\ntype FontVariants =\n  | 'serif'\n  | 'body'\n  | 'body-wide'\n  | 'heading'\n  | 'heading-lg'\n  | 'heading-xl';\n\nconst fontVariantsMap = {\n  serif: 'font-serif',\n  body: 'text-base',\n  'body-wide': 'text-sm tracking-[0.40em] font-medium',\n  heading: 'text-[1.5rem] md:text-4xl tracking-[-0.04em] font-medium',\n  'heading-lg':\n    'text-[2.5rem] md:text-[4rem] tracking-[-0.04em] font-medium leading-[2.75rem] md:leading-[4.5rem]',\n  'heading-xl':\n    'text-[4rem] md:text-[7rem] tracking-[-0.04em] leading-[3.5rem] md:leading-[5.5rem] font-medium',\n} satisfies Record<FontVariants, string>;\n\nexport const PTypographyVariants = cva('font-sans', {\n  variants: {\n    variant: fontVariantsMap,\n  },\n  defaultVariants: {\n    variant: 'body',\n  },\n});\n","import { VariantProps } from 'class-variance-authority';\nimport { HTMLAttributes } from 'react';\nimport '../../index.css';\nimport cn from '../../utils/cn';\nimport { PTypographyVariants } from './PTypography.constants';\n\nexport interface PTypographyProps\n  extends VariantProps<typeof PTypographyVariants>,\n    HTMLAttributes<HTMLElement> {\n  as?: React.ElementType;\n  children: React.ReactNode;\n}\n\nexport default function PTypography({\n  as: Element = 'p',\n  children,\n  className = '',\n  variant,\n  ...props\n}: PTypographyProps) {\n  return (\n    <Element\n      className={cn(PTypographyVariants({ variant, className }))}\n      {...props}\n    >\n      {children}\n    </Element>\n  );\n}\n","import { Stack } from '../PContainers';\nimport { PTypography } from '../PTypography';\n\ninterface Props {\n  title: string;\n}\n\nexport default function PSectionHeader({ title }: Props) {\n  return (\n    <Stack className='pt-2 border-t border-white text-white'>\n      <PTypography className='uppercase' variant='body-wide'>\n        {title}\n      </PTypography>\n    </Stack>\n  );\n}\n","import { forwardRef, type InputHTMLAttributes, type ReactNode, useId, useState } from 'react';\nimport '../../index.css';\nimport cn from '../../utils/cn';\n\nexport type PTextInputRef = HTMLInputElement;\n\nexport type PTextInputProps = {\n  /** Applied to the root wrapper element. */\n  className?: string;\n  /** Applied to the inner `<input>` element for layout / spacing overrides. */\n  inputClassName?: string;\n  /** Visible label — doubles as the floating label and the placeholder. */\n  label: string;\n  /** Shown below the field when there is no error. */\n  helperText?: string;\n  isError?: boolean;\n  /** Shown below the field when `isError` is true. Announced immediately via `role=\"alert\"`. */\n  errorMessage?: string;\n  /** Decorative element placed on the trailing edge. Ignored when `type=\"password\"`. */\n  rightAdornment?: ReactNode;\n} & Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'className' | 'placeholder' | 'aria-label' | 'aria-describedby'\n>;\n\n// ─── Inline SVG icons ────────────────────────────────────────────────────────\n\nfunction EyeIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      focusable=\"false\"\n    >\n      <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\" />\n      <circle cx=\"12\" cy=\"12\" r=\"3\" />\n    </svg>\n  );\n}\n\nfunction EyeOffIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      focusable=\"false\"\n    >\n      <path d=\"M9.88 9.88a3 3 0 1 0 4.24 4.24\" />\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\" />\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\" />\n      <line x1=\"2\" x2=\"22\" y1=\"2\" y2=\"22\" />\n    </svg>\n  );\n}\n\n// ─── Component ───────────────────────────────────────────────────────────────\n\nexport const PTextInput = forwardRef<PTextInputRef, PTextInputProps>(\n  (\n    {\n      className,\n      inputClassName,\n      type,\n      label,\n      helperText,\n      id,\n      isError = false,\n      errorMessage,\n      rightAdornment,\n      disabled,\n      readOnly,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const inputId = id ?? generatedId;\n    const errorId = `${inputId}-error`;\n    const helperId = `${inputId}-helper`;\n\n    const isPassword = type === 'password';\n    const hasRightAdornment = Boolean(rightAdornment) && !isPassword;\n    const [showPassword, setShowPassword] = useState(false);\n\n    const inputType = isPassword ? (showPassword ? 'text' : 'password') : (type ?? 'text');\n\n    const describedBy = [\n      isError && errorMessage ? errorId : null,\n      !isError && helperText ? helperId : null,\n    ]\n      .filter(Boolean)\n      .join(' ') || undefined;\n\n    return (\n      <div className={cn('relative w-full', className)} style={style}>\n        <input\n          {...props}\n          id={inputId}\n          ref={ref}\n          type={inputType}\n          disabled={disabled}\n          readOnly={readOnly}\n          // Empty string required for the CSS peer-not-placeholder-shown trick.\n          placeholder=\" \"\n          // Accessibility\n          aria-invalid={isError || undefined}\n          aria-describedby={describedBy}\n          aria-required={props.required}\n          aria-disabled={disabled}\n          aria-readonly={readOnly}\n          autoComplete={props.autoComplete ?? (isPassword ? 'current-password' : undefined)}\n          className={cn(\n            // Layout — tall enough for the floating label + value\n            'peer h-16 w-full rounded px-4 pt-6 pb-2',\n            (isPassword || hasRightAdornment) && 'pr-12',\n            // Visuals\n            'bg-white text-black',\n            'font-sans text-sm outline-none',\n            'border border-black focus:border-black',\n            // Focus\n            'focus:ring-2 focus:ring-primary',\n            // Motion\n            'transition-all duration-150 ease-in',\n            // States\n            'disabled:cursor-not-allowed disabled:opacity-50',\n            'read-only:cursor-default read-only:bg-gray-lighter',\n            isError && 'ring-2 ring-red-500',\n            // Date — hide native picker chrome so rightAdornment can replace it\n            hasRightAdornment &&\n              type === 'date' &&\n              '[&::-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            inputClassName,\n          )}\n        />\n\n        {/*\n         * Floating label — shown above the value when focused or filled.\n         * aria-hidden: the <label> below already provides the accessible name.\n         */}\n        <span\n          aria-hidden=\"true\"\n          className={cn(\n            'pointer-events-none absolute top-2 left-4',\n            'font-sans text-xs',\n            'origin-left transition-all duration-150 ease-in',\n            // Hidden by default\n            'scale-0 opacity-0',\n            isError\n              ? 'text-red-500'\n              : 'text-gray-darker peer-focus:text-primary',\n            // Reveal when focused or filled\n            'peer-focus:scale-100 peer-focus:opacity-100',\n            'peer-not-placeholder-shown:scale-100 peer-not-placeholder-shown:opacity-100',\n          )}\n        >\n          {label}\n        </span>\n\n        {/*\n         * Placeholder label — centered in the field when empty and unfocused.\n         * pointer-events-none lets clicks fall through to the input beneath;\n         * htmlFor still wires up the accessible name correctly.\n         */}\n        <label\n          htmlFor={inputId}\n          className={cn(\n            'pointer-events-none absolute top-1/2 left-4 -translate-y-1/2',\n            'font-sans text-sm text-black',\n            'origin-left transition-all duration-150 ease-in',\n            // Collapse when focused or filled\n            'peer-focus:scale-0 peer-focus:opacity-0',\n            'peer-not-placeholder-shown:scale-0 peer-not-placeholder-shown:opacity-0',\n            disabled && 'opacity-50',\n          )}\n        >\n          {label}\n        </label>\n\n        {/* Password toggle */}\n        {isPassword && (\n          <button\n            type=\"button\"\n            onClick={() => setShowPassword((v) => !v)}\n            disabled={disabled}\n            className={cn(\n              'absolute top-1/2 right-4 -translate-y-1/2',\n              'text-gray-darker hover:text-black',\n              'transition-colors duration-150',\n              'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary',\n              'disabled:pointer-events-none disabled:opacity-50',\n            )}\n            aria-label={showPassword ? 'Hide password' : 'Show password'}\n            aria-pressed={showPassword}\n            aria-controls={inputId}\n          >\n            {showPassword ? <EyeIcon /> : <EyeOffIcon />}\n          </button>\n        )}\n\n        {/* Right adornment — decorative, hidden from assistive tech */}\n        {hasRightAdornment && (\n          <span\n            aria-hidden=\"true\"\n            className=\"pointer-events-none absolute top-1/2 right-4 -translate-y-1/2 text-gray-darker\"\n          >\n            {rightAdornment}\n          </span>\n        )}\n\n        {/* Error message — announced immediately via role=\"alert\" */}\n        {isError && errorMessage && (\n          <p id={errorId} role=\"alert\" className=\"mt-1 px-4 font-sans text-xs text-red-500\">\n            {errorMessage}\n          </p>\n        )}\n\n        {/* Helper text — visible only when there is no error */}\n        {!isError && helperText && (\n          <p id={helperId} className=\"mt-1 px-4 font-sans text-xs text-gray-darker\">\n            {helperText}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nPTextInput.displayName = 'PTextInput';\n"],"names":["Row","children","gap","alignItems","justifyContent","className","jsx","cn","Stack","r","e","t","f","clsx","falsyToString","value","cx","cva","base","config","props","ref","variants","defaultVariants","getVariantClassNames","variant","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","acc","param","key","getCompoundVariantClassNames","param1","cvClass","cvClassName","compoundVariantOptions","fontVariantsMap","PTypographyVariants","PTypography","Element","PSectionHeader","title","EyeIcon","jsxs","EyeOffIcon","PTextInput","forwardRef","inputClassName","type","label","helperText","id","isError","errorMessage","rightAdornment","disabled","readOnly","style","generatedId","useId","inputId","errorId","helperId","isPassword","hasRightAdornment","showPassword","setShowPassword","useState","inputType","describedBy","v"],"mappings":"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","x_google_ignoreList":[2,3]}
+{"version":3,"file":"index.es.js","sources":["../src/components/PContainers/Row/Row.tsx","../src/components/PContainers/Stack/Stack.tsx","../node_modules/class-variance-authority/node_modules/clsx/dist/clsx.mjs","../node_modules/class-variance-authority/dist/index.mjs","../src/components/PTypography/PTypography.constants.ts","../src/components/PTypography/PTypography.tsx","../src/components/PSectionHeader/PSectionHeader.tsx","../src/components/PTextInput/PTextInput.tsx","../src/components/PTextArea/PTextArea.tsx"],"sourcesContent":["import { CSSProperties, FC, ReactNode } from 'react';\nimport cn from '../../../utils/cn';\n\nexport type RowProps = {\n  children: ReactNode;\n  gap?: CSSProperties['gap'];\n  alignItems?: CSSProperties['alignItems'];\n  justifyContent?: CSSProperties['justifyContent'];\n  className?: string;\n};\n\nconst Row: FC<RowProps> = ({\n  children,\n  gap = undefined,\n  alignItems = undefined,\n  justifyContent = undefined,\n  className = '',\n}) => {\n  return (\n    <div\n      className={cn('flex flex-row', className)}\n      style={{\n        gap,\n        alignItems,\n        justifyContent,\n      }}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default Row;\n","import { CSSProperties, FC, ReactNode } from 'react';\nimport cn from '../../../utils/cn';\n\nexport type StackProps = {\n  children: ReactNode;\n  gap?: CSSProperties['gap'];\n  alignItems?: CSSProperties['alignItems'];\n  justifyContent?: CSSProperties['justifyContent'];\n  className?: string;\n};\n\nconst Stack: FC<StackProps> = ({\n  children,\n  gap = undefined,\n  alignItems = undefined,\n  justifyContent = undefined,\n  className = '',\n}) => {\n  return (\n    <div\n      className={cn('flex flex-col', className)}\n      style={{\n        gap,\n        alignItems,\n        justifyContent,\n      }}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default Stack;\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f);else for(t in e)e[t]&&(n&&(n+=\" \"),n+=t);return n}export function clsx(){for(var e,t,f=0,n=\"\";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? \"\".concat(value) : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>{\n    return (props)=>{\n        var ref;\n        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n        const { variants , defaultVariants  } = config;\n        const getVariantClassNames = Object.keys(variants).map((variant)=>{\n            const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n            if (variantProp === null) return null;\n            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n            return variants[variant][variantKey];\n        });\n        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n            let [key, value] = param;\n            if (value === undefined) {\n                return acc;\n            }\n            acc[key] = value;\n            return acc;\n        }, {});\n        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (ref = config.compoundVariants) === null || ref === void 0 ? void 0 : ref.reduce((acc, param1)=>{\n            let { class: cvClass , className: cvClassName , ...compoundVariantOptions } = param1;\n            return Object.entries(compoundVariantOptions).every((param)=>{\n                let [key, value] = param;\n                return Array.isArray(value) ? value.includes({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                }[key]) : ({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                })[key] === value;\n            }) ? [\n                ...acc,\n                cvClass,\n                cvClassName\n            ] : acc;\n        }, []);\n        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n    };\n};\n\n\n//# sourceMappingURL=index.mjs.map","import { cva } from 'class-variance-authority';\n\ntype FontVariants =\n  | 'serif'\n  | 'body'\n  | 'body-wide'\n  | 'heading'\n  | 'heading-lg'\n  | 'heading-xl';\n\nconst fontVariantsMap = {\n  serif: 'font-serif',\n  body: 'text-base',\n  'body-wide': 'text-sm tracking-[0.40em] font-medium',\n  heading: 'text-[1.5rem] md:text-4xl tracking-[-0.04em] font-medium',\n  'heading-lg':\n    'text-[2.5rem] md:text-[4rem] tracking-[-0.04em] font-medium leading-[2.75rem] md:leading-[4.5rem]',\n  'heading-xl':\n    'text-[4rem] md:text-[7rem] tracking-[-0.04em] leading-[3.5rem] md:leading-[5.5rem] font-medium',\n} satisfies Record<FontVariants, string>;\n\nexport const PTypographyVariants = cva('font-sans', {\n  variants: {\n    variant: fontVariantsMap,\n  },\n  defaultVariants: {\n    variant: 'body',\n  },\n});\n","import { VariantProps } from 'class-variance-authority';\nimport { HTMLAttributes } from 'react';\nimport '../../index.css';\nimport cn from '../../utils/cn';\nimport { PTypographyVariants } from './PTypography.constants';\n\nexport interface PTypographyProps\n  extends VariantProps<typeof PTypographyVariants>,\n    HTMLAttributes<HTMLElement> {\n  as?: React.ElementType;\n  children: React.ReactNode;\n}\n\nexport default function PTypography({\n  as: Element = 'p',\n  children,\n  className = '',\n  variant,\n  ...props\n}: PTypographyProps) {\n  return (\n    <Element\n      className={cn(PTypographyVariants({ variant, className }))}\n      {...props}\n    >\n      {children}\n    </Element>\n  );\n}\n","import { Stack } from '../PContainers';\nimport { PTypography } from '../PTypography';\n\ninterface Props {\n  title: string;\n}\n\nexport default function PSectionHeader({ title }: Props) {\n  return (\n    <Stack className='pt-2 border-t border-white text-white'>\n      <PTypography className='uppercase' variant='body-wide'>\n        {title}\n      </PTypography>\n    </Stack>\n  );\n}\n","import { forwardRef, type InputHTMLAttributes, type ReactNode, useId, useState } from 'react';\nimport './PTextInput.css';\nimport cn from '../../utils/cn';\n\nexport type PTextInputRef = HTMLInputElement;\n\nexport type PTextInputProps = {\n  /**\n   * Applied to the root wrapper element.\n   * Override design tokens via CSS custom properties, e.g.:\n   *   `[--p-input-ring:blue] [--p-input-bg:#f5f5f5]`\n   */\n  className?: string;\n  /** Applied to the inner `<input>` element for layout / spacing overrides. */\n  inputClassName?: string;\n  /** Visible label — doubles as the floating label and the placeholder. */\n  label: string;\n  /** Shown below the field when there is no error. */\n  helperText?: string;\n  isError?: boolean;\n  /** Shown below the field when `isError` is true. Announced immediately via `role=\"alert\"`. */\n  errorMessage?: string;\n  /** Decorative element placed on the trailing edge. Ignored when `type=\"password\"`. */\n  rightAdornment?: ReactNode;\n} & Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'className' | 'placeholder' | 'aria-label' | 'aria-describedby'\n>;\n\n// ─── Inline SVG icons ────────────────────────────────────────────────────────\n\nfunction EyeIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      focusable=\"false\"\n    >\n      <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\" />\n      <circle cx=\"12\" cy=\"12\" r=\"3\" />\n    </svg>\n  );\n}\n\nfunction EyeOffIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      focusable=\"false\"\n    >\n      <path d=\"M9.88 9.88a3 3 0 1 0 4.24 4.24\" />\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\" />\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\" />\n      <line x1=\"2\" x2=\"22\" y1=\"2\" y2=\"22\" />\n    </svg>\n  );\n}\n\n// ─── Component ───────────────────────────────────────────────────────────────\n\nexport const PTextInput = forwardRef<PTextInputRef, PTextInputProps>(\n  (\n    {\n      className,\n      inputClassName,\n      type,\n      label,\n      helperText,\n      id,\n      isError = false,\n      errorMessage,\n      rightAdornment,\n      disabled,\n      readOnly,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const inputId = id ?? generatedId;\n    const errorId = `${inputId}-error`;\n    const helperId = `${inputId}-helper`;\n\n    const isPassword = type === 'password';\n    const hasRightAdornment = Boolean(rightAdornment) && !isPassword;\n    const [showPassword, setShowPassword] = useState(false);\n\n    const inputType = isPassword ? (showPassword ? 'text' : 'password') : (type ?? 'text');\n\n    const describedBy = [\n      isError && errorMessage ? errorId : null,\n      !isError && helperText ? helperId : null,\n    ]\n      .filter(Boolean)\n      .join(' ') || undefined;\n\n    return (\n      <div className={cn('p-text-input relative w-full', className)} style={style}>\n        <input\n          {...props}\n          id={inputId}\n          ref={ref}\n          type={inputType}\n          disabled={disabled}\n          readOnly={readOnly}\n          // Empty string required for the CSS peer-not-placeholder-shown trick.\n          placeholder=\" \"\n          // Accessibility\n          aria-invalid={isError || undefined}\n          aria-describedby={describedBy}\n          aria-required={props.required}\n          aria-disabled={disabled}\n          aria-readonly={readOnly}\n          autoComplete={props.autoComplete ?? (isPassword ? 'current-password' : undefined)}\n          className={cn(\n            // Layout — tall enough for the floating label + value\n            'peer h-16 w-full rounded px-4 pt-6 pb-2',\n            (isPassword || hasRightAdornment) && 'pr-12',\n            // Visuals\n            'bg-(--p-input-bg) text-(--p-input-text)',\n            'font-sans text-sm outline-none',\n            'border border-(--p-input-border) focus:border-(--p-input-border-focus)',\n            // Focus\n            'focus:bg-(--p-input-bg-focus)',\n            'focus:ring-2 focus:ring-(--p-input-ring)',\n            // Motion\n            'transition-all duration-150 ease-in',\n            // States\n            'disabled:cursor-not-allowed disabled:opacity-50',\n            'read-only:cursor-default read-only:bg-(--p-input-bg-readonly)',\n            isError && 'ring-2 ring-red-500',\n            // Date — hide native picker chrome so rightAdornment can replace it\n            hasRightAdornment &&\n              type === 'date' &&\n              '[&::-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            inputClassName,\n          )}\n        />\n\n        {/*\n         * Floating label — shown above the value when focused or filled.\n         * aria-hidden: the <label> below already provides the accessible name.\n         */}\n        <span\n          aria-hidden=\"true\"\n          className={cn(\n            'pointer-events-none absolute top-2 left-4',\n            'font-sans text-xs',\n            'origin-left transition-all duration-150 ease-in',\n            // Hidden by default\n            'scale-0 opacity-0',\n            isError\n              ? 'text-red-500'\n              : 'text-(--p-input-label) peer-focus:text-(--p-input-label-focus)',\n            // Reveal when focused or filled\n            'peer-focus:scale-100 peer-focus:opacity-100',\n            'peer-not-placeholder-shown:scale-100 peer-not-placeholder-shown:opacity-100',\n          )}\n        >\n          {label}\n        </span>\n\n        {/*\n         * Placeholder label — centered in the field when empty and unfocused.\n         * pointer-events-none lets clicks fall through to the input beneath;\n         * htmlFor still wires up the accessible name correctly.\n         */}\n        <label\n          htmlFor={inputId}\n          className={cn(\n            'pointer-events-none absolute top-1/2 left-4 -translate-y-1/2',\n            'font-sans text-sm text-(--p-input-text)',\n            'origin-left transition-all duration-150 ease-in',\n            // Collapse when focused or filled\n            'peer-focus:scale-0 peer-focus:opacity-0',\n            'peer-not-placeholder-shown:scale-0 peer-not-placeholder-shown:opacity-0',\n            disabled && 'opacity-50',\n          )}\n        >\n          {label}\n        </label>\n\n        {/* Password toggle */}\n        {isPassword && (\n          <button\n            type=\"button\"\n            onClick={() => setShowPassword((v) => !v)}\n            disabled={disabled}\n            className={cn(\n              'absolute top-1/2 right-4 -translate-y-1/2',\n              'text-(--p-input-label) hover:text-(--p-input-text)',\n              'transition-colors duration-150',\n              'focus-visible:outline-2 focus-visible:outline-offset-2',\n              'focus-visible:outline-(--p-input-ring)',\n              'disabled:pointer-events-none disabled:opacity-50',\n            )}\n            aria-label={showPassword ? 'Hide password' : 'Show password'}\n            aria-pressed={showPassword}\n            aria-controls={inputId}\n          >\n            {showPassword ? <EyeIcon /> : <EyeOffIcon />}\n          </button>\n        )}\n\n        {/* Right adornment — decorative, hidden from assistive tech */}\n        {hasRightAdornment && (\n          <span\n            aria-hidden=\"true\"\n            className=\"pointer-events-none absolute top-1/2 right-4 -translate-y-1/2 text-(--p-input-label)\"\n          >\n            {rightAdornment}\n          </span>\n        )}\n\n        {/* Error message — announced immediately via role=\"alert\" */}\n        {isError && errorMessage && (\n          <p id={errorId} role=\"alert\" className=\"mt-1 px-4 font-sans text-xs text-red-500\">\n            {errorMessage}\n          </p>\n        )}\n\n        {/* Helper text — visible only when there is no error */}\n        {!isError && helperText && (\n          <p id={helperId} className=\"mt-1 px-4 font-sans text-xs text-(--p-input-text-helper)\">\n            {helperText}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nPTextInput.displayName = 'PTextInput';\n","import { forwardRef, type TextareaHTMLAttributes, useId } from 'react';\nimport './PTextArea.css';\nimport cn from '../../utils/cn';\n\nexport type PTextAreaRef = HTMLTextAreaElement;\n\nexport type PTextAreaProps = {\n  /**\n   * Applied to the root wrapper element.\n   * Override design tokens via CSS custom properties, e.g.:\n   *   `[--p-textarea-ring:blue] [--p-textarea-bg:#f5f5f5]`\n   */\n  className?: string;\n  /** Applied to the inner `<textarea>` element for layout / spacing overrides. */\n  textareaClassName?: string;\n  /** Visible label — doubles as the floating label and the placeholder. */\n  label: string;\n  /** Shown below the field when there is no error. */\n  helperText?: string;\n  isError?: boolean;\n  /** Shown below the field when `isError` is true. Announced immediately via `role=\"alert\"`. */\n  errorMessage?: string;\n} & Omit<\n  TextareaHTMLAttributes<HTMLTextAreaElement>,\n  'className' | 'placeholder' | 'aria-label' | 'aria-describedby'\n>;\n\n// ─── Component ───────────────────────────────────────────────────────────────\n\nexport const PTextArea = forwardRef<PTextAreaRef, PTextAreaProps>(\n  (\n    {\n      className,\n      textareaClassName,\n      label,\n      helperText,\n      id,\n      isError = false,\n      errorMessage,\n      disabled,\n      readOnly,\n      rows = 4,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const textareaId = id ?? generatedId;\n    const errorId = `${textareaId}-error`;\n    const helperId = `${textareaId}-helper`;\n\n    const describedBy = [\n      isError && errorMessage ? errorId : null,\n      !isError && helperText ? helperId : null,\n    ]\n      .filter(Boolean)\n      .join(' ') || undefined;\n\n    return (\n      <div className={cn('p-text-area relative w-full', className)} style={style}>\n        <textarea\n          {...props}\n          id={textareaId}\n          ref={ref}\n          rows={rows}\n          disabled={disabled}\n          readOnly={readOnly}\n          // Empty string required for the CSS peer-not-placeholder-shown trick.\n          placeholder=\" \"\n          // Accessibility\n          aria-invalid={isError || undefined}\n          aria-describedby={describedBy}\n          aria-required={props.required}\n          aria-disabled={disabled}\n          aria-readonly={readOnly}\n          className={cn(\n            // Layout\n            'peer w-full rounded px-4 pt-8 pb-3',\n            // Visuals\n            'bg-(--p-textarea-bg) text-(--p-textarea-text)',\n            'font-sans text-sm outline-none',\n            'border border-(--p-textarea-border) focus:border-(--p-textarea-border-focus)',\n            // Focus\n            'focus:bg-(--p-textarea-bg-focus)',\n            'focus:ring-2 focus:ring-(--p-textarea-ring)',\n            // Resize\n            'resize-y',\n            // Motion\n            'transition-all duration-150 ease-in',\n            // States\n            'disabled:cursor-not-allowed disabled:opacity-50',\n            'read-only:cursor-default read-only:bg-(--p-textarea-bg-readonly)',\n            isError && 'ring-2 ring-red-500',\n            textareaClassName,\n          )}\n        />\n\n        {/*\n         * Floating label — shown above the value when focused or filled.\n         * aria-hidden: the <label> below already provides the accessible name.\n         */}\n        <span\n          aria-hidden=\"true\"\n          className={cn(\n            'pointer-events-none absolute top-2 left-4',\n            'font-sans text-xs',\n            'origin-left transition-all duration-150 ease-in',\n            // Hidden by default\n            'scale-0 opacity-0',\n            isError\n              ? 'text-red-500'\n              : 'text-(--p-textarea-label) peer-focus:text-(--p-textarea-label-focus)',\n            // Reveal when focused or filled\n            'peer-focus:scale-100 peer-focus:opacity-100',\n            'peer-not-placeholder-shown:scale-100 peer-not-placeholder-shown:opacity-100',\n          )}\n        >\n          {label}\n        </span>\n\n        {/*\n         * Placeholder label — sits near the top of the field when empty and unfocused.\n         * pointer-events-none lets clicks fall through to the textarea beneath;\n         * htmlFor still wires up the accessible name correctly.\n         */}\n        <label\n          htmlFor={textareaId}\n          className={cn(\n            'pointer-events-none absolute top-4 left-4',\n            'font-sans text-sm text-(--p-textarea-text)',\n            'origin-left transition-all duration-150 ease-in',\n            // Collapse when focused or filled\n            'peer-focus:scale-0 peer-focus:opacity-0',\n            'peer-not-placeholder-shown:scale-0 peer-not-placeholder-shown:opacity-0',\n            disabled && 'opacity-50',\n          )}\n        >\n          {label}\n        </label>\n\n        {/* Error message — announced immediately via role=\"alert\" */}\n        {isError && errorMessage && (\n          <p id={errorId} role=\"alert\" className=\"mt-1 px-4 font-sans text-xs text-red-500\">\n            {errorMessage}\n          </p>\n        )}\n\n        {/* Helper text — visible only when there is no error */}\n        {!isError && helperText && (\n          <p id={helperId} className=\"mt-1 px-4 font-sans text-xs text-(--p-textarea-text-helper)\">\n            {helperText}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nPTextArea.displayName = 'PTextArea';\n"],"names":["Row","children","gap","alignItems","justifyContent","className","jsx","cn","Stack","r","e","t","f","n","clsx","falsyToString","value","cx","cva","base","config","props","ref","variants","defaultVariants","getVariantClassNames","variant","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","acc","param","key","getCompoundVariantClassNames","param1","cvClass","cvClassName","compoundVariantOptions","fontVariantsMap","PTypographyVariants","PTypography","Element","PSectionHeader","title","EyeIcon","jsxs","EyeOffIcon","PTextInput","forwardRef","inputClassName","type","label","helperText","id","isError","errorMessage","rightAdornment","disabled","readOnly","style","generatedId","useId","inputId","errorId","helperId","isPassword","hasRightAdornment","showPassword","setShowPassword","useState","inputType","describedBy","v","PTextArea","textareaClassName","rows","textareaId"],"mappings":"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","x_google_ignoreList":[2,3]}