@paolojulian.dev/design-system 4.2.0 → 4.2.1

package/dist/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("./utils.cjs.js"),j=require("react"),O=({children:t,gap:n=void 0,alignItems:e=void 0,justifyContent:a=void 0,className:o=""})=>i.jsx("div",{className:u.cn("flex flex-row",o),style:{gap:n,alignItems:e,justifyContent:a},children:t}),C=({children:t,gap:n=void 0,alignItems:e=void 0,justifyContent:a=void 0,className:o=""})=>i.jsx("div",{className:u.cn("flex flex-col",o),style:{gap:n,alignItems:e,justifyContent:a},children:t});function I(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=I(t[n]))&&(a&&(a+=" "),a+=e);else for(n in t)t[n]&&(a&&(a+=" "),a+=n);return a}function R(){for(var t,n,e=0,a="";e<arguments.length;)(t=arguments[e++])&&(n=I(t))&&(a&&(a+=" "),a+=n);return a}const N=t=>typeof t=="boolean"?"".concat(t):t===0?"0":t,P=R,L=(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:o,defaultVariants:p}=n,l=Object.keys(o).map(r=>{const d=e==null?void 0:e[r],f=p==null?void 0:p[r];if(d===null)return null;const s=N(d)||N(f);return o[r][s]}),x=e&&Object.entries(e).reduce((r,d)=>{let[f,s]=d;return s===void 0||(r[f]=s),r},{}),v=n==null||(a=n.compoundVariants)===null||a===void 0?void 0:a.reduce((r,d)=>{let{class:f,className:s,...y}=d;return Object.entries(y).every(w=>{let[c,m]=w;return Array.isArray(m)?m.includes({...p,...x}[c]):{...p,...x}[c]===m})?[...r,f,s]:r},[]);return P(t,l,v,e==null?void 0:e.class,e==null?void 0:e.className)},M={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"},H=L("font-sans",{variants:{variant:M},defaultVariants:{variant:"body"}});function S({as:t="p",children:n,className:e="",variant:a,...o}){return i.jsx(t,{className:u.cn(H({variant:a,className:e})),...o,children:n})}function W({title:t}){return i.jsx(C,{className:"pt-2 border-t border-white text-white",children:i.jsx(S,{className:"uppercase",variant:"body-wide",children:t})})}function $(){return i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[i.jsx("path",{d:"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"}),i.jsx("circle",{cx:"12",cy:"12",r:"3"})]})}function F(){return i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[i.jsx("path",{d:"M9.88 9.88a3 3 0 1 0 4.24 4.24"}),i.jsx("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"}),i.jsx("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"}),i.jsx("line",{x1:"2",x2:"22",y1:"2",y2:"22"})]})}const V=j.forwardRef(({className:t,inputClassName:n,type:e,label:a,helperText:o,id:p,isError:l=!1,errorMessage:x,rightAdornment:v,disabled:r,readOnly:d,style:f,...s},y)=>{const w=j.useId(),c=p??w,m=`${c}-error`,k=`${c}-helper`,h=e==="password",g=!!v&&!h,[b,T]=j.useState(!1),A=h?b?"text":"password":e??"text",q=[l&&x?m:null,!l&&o?k:null].filter(Boolean).join(" ")||void 0;return i.jsxs("div",{className:u.cn("p-text-input relative w-full",t),style:f,children:[i.jsx("input",{...s,id:c,ref:y,type:A,disabled:r,readOnly:d,placeholder:" ","aria-invalid":l||void 0,"aria-describedby":q,"aria-required":s.required,"aria-disabled":r,"aria-readonly":d,autoComplete:s.autoComplete??(h?"current-password":void 0),className:u.cn("peer h-16 w-full rounded px-4 pt-6 pb-2",(h||g)&&"pr-12","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:bg-(--p-input-bg-focus)","focus:[--ring-color:var(--p-input-ring)] focus:ring-2","transition-all duration-150 ease-in","disabled:cursor-not-allowed disabled:opacity-50","read-only:cursor-default read-only:bg-(--p-input-bg-readonly)",l?"ring-2 ring-red-500":"focus:ring-2",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",n)}),i.jsx("span",{"aria-hidden":"true",className:u.cn("pointer-events-none absolute top-2 left-4","font-sans text-xs","origin-left transition-all duration-150 ease-in","scale-0 opacity-0",l?"text-red-500":"text-(--p-input-label) peer-focus:text-(--p-input-label-focus)","peer-focus:scale-100 peer-focus:opacity-100","peer-not-placeholder-shown:scale-100 peer-not-placeholder-shown:opacity-100"),children:a}),i.jsx("label",{htmlFor:c,className:u.cn("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","peer-focus:scale-0 peer-focus:opacity-0","peer-not-placeholder-shown:scale-0 peer-not-placeholder-shown:opacity-0",r&&"opacity-50"),children:a}),h&&i.jsx("button",{type:"button",onClick:()=>T(B=>!B),disabled:r,className:u.cn("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-color:var(--p-input-ring)]","disabled:pointer-events-none disabled:opacity-50"),"aria-label":b?"Hide password":"Show password","aria-pressed":b,"aria-controls":c,children:b?i.jsx($,{}):i.jsx(F,{})}),g&&i.jsx("span",{"aria-hidden":"true",className:"pointer-events-none absolute top-1/2 right-4 -translate-y-1/2 text-(--p-input-label)",children:v}),l&&x&&i.jsx("p",{id:m,role:"alert",className:"mt-1 px-4 font-sans text-xs text-red-500",children:x}),!l&&o&&i.jsx("p",{id:k,className:"mt-1 px-4 font-sans text-xs text-(--p-input-text-helper)",children:o})]})});V.displayName="PTextInput";exports.PSectionHeader=W;exports.PTextInput=V;exports.PTypography=S;exports.Row=O;exports.Stack=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),u=require("./utils.cjs.js"),k=require("react"),O=({children:t,gap:n=void 0,alignItems:e=void 0,justifyContent:a=void 0,className:o=""})=>r.jsx("div",{className:u.cn("flex flex-row",o),style:{gap:n,alignItems:e,justifyContent:a},children:t}),C=({children:t,gap:n=void 0,alignItems:e=void 0,justifyContent:a=void 0,className:o=""})=>r.jsx("div",{className:u.cn("flex flex-col",o),style:{gap:n,alignItems:e,justifyContent:a},children:t});function I(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=I(t[n]))&&(a&&(a+=" "),a+=e);else for(n in t)t[n]&&(a&&(a+=" "),a+=n);return a}function R(){for(var t,n,e=0,a="";e<arguments.length;)(t=arguments[e++])&&(n=I(t))&&(a&&(a+=" "),a+=n);return a}const N=t=>typeof t=="boolean"?"".concat(t):t===0?"0":t,P=R,L=(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:o,defaultVariants:f}=n,l=Object.keys(o).map(i=>{const d=e==null?void 0:e[i],x=f==null?void 0:f[i];if(d===null)return null;const s=N(d)||N(x);return o[i][s]}),m=e&&Object.entries(e).reduce((i,d)=>{let[x,s]=d;return s===void 0||(i[x]=s),i},{}),v=n==null||(a=n.compoundVariants)===null||a===void 0?void 0:a.reduce((i,d)=>{let{class:x,className:s,...b}=d;return Object.entries(b).every(w=>{let[c,p]=w;return Array.isArray(p)?p.includes({...f,...m}[c]):{...f,...m}[c]===p})?[...i,x,s]:i},[]);return P(t,l,v,e==null?void 0:e.class,e==null?void 0:e.className)},M={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"},H=L("font-sans",{variants:{variant:M},defaultVariants:{variant:"body"}});function S({as:t="p",children:n,className:e="",variant:a,...o}){return r.jsx(t,{className:u.cn(H({variant:a,className:e})),...o,children:n})}function W({title:t}){return r.jsx(C,{className:"pt-2 border-t border-white text-white",children:r.jsx(S,{className:"uppercase",variant:"body-wide",children:t})})}function $(){return r.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[r.jsx("path",{d:"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"}),r.jsx("circle",{cx:"12",cy:"12",r:"3"})]})}function F(){return r.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[r.jsx("path",{d:"M9.88 9.88a3 3 0 1 0 4.24 4.24"}),r.jsx("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"}),r.jsx("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"}),r.jsx("line",{x1:"2",x2:"22",y1:"2",y2:"22"})]})}const V=k.forwardRef(({className:t,inputClassName:n,type:e,label:a,helperText:o,id:f,isError:l=!1,errorMessage:m,rightAdornment:v,disabled:i,readOnly:d,style:x,...s},b)=>{const w=k.useId(),c=f??w,p=`${c}-error`,j=`${c}-helper`,h=e==="password",g=!!v&&!h,[y,T]=k.useState(!1),A=h?y?"text":"password":e??"text",q=[l&&m?p:null,!l&&o?j:null].filter(Boolean).join(" ")||void 0;return r.jsxs("div",{className:u.cn("relative w-full",t),style:x,children:[r.jsx("input",{...s,id:c,ref:b,type:A,disabled:i,readOnly:d,placeholder:" ","aria-invalid":l||void 0,"aria-describedby":q,"aria-required":s.required,"aria-disabled":i,"aria-readonly":d,autoComplete:s.autoComplete??(h?"current-password":void 0),className:u.cn("peer h-16 w-full rounded px-4 pt-6 pb-2",(h||g)&&"pr-12","bg-white text-black","font-sans text-sm outline-none","border border-black focus:border-black","focus:ring-2 focus:ring-primary","transition-all duration-150 ease-in","disabled:cursor-not-allowed disabled:opacity-50","read-only:cursor-default read-only:bg-gray-lighter",l&&"ring-2 ring-red-500",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",n)}),r.jsx("span",{"aria-hidden":"true",className:u.cn("pointer-events-none absolute top-2 left-4","font-sans text-xs","origin-left transition-all duration-150 ease-in","scale-0 opacity-0",l?"text-red-500":"text-gray-darker peer-focus:text-primary","peer-focus:scale-100 peer-focus:opacity-100","peer-not-placeholder-shown:scale-100 peer-not-placeholder-shown:opacity-100"),children:a}),r.jsx("label",{htmlFor:c,className:u.cn("pointer-events-none absolute top-1/2 left-4 -translate-y-1/2","font-sans text-sm text-black","origin-left transition-all duration-150 ease-in","peer-focus:scale-0 peer-focus:opacity-0","peer-not-placeholder-shown:scale-0 peer-not-placeholder-shown:opacity-0",i&&"opacity-50"),children:a}),h&&r.jsx("button",{type:"button",onClick:()=>T(B=>!B),disabled:i,className:u.cn("absolute top-1/2 right-4 -translate-y-1/2","text-gray-darker hover:text-black","transition-colors duration-150","focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary","disabled:pointer-events-none disabled:opacity-50"),"aria-label":y?"Hide password":"Show password","aria-pressed":y,"aria-controls":c,children:y?r.jsx($,{}):r.jsx(F,{})}),g&&r.jsx("span",{"aria-hidden":"true",className:"pointer-events-none absolute top-1/2 right-4 -translate-y-1/2 text-gray-darker",children:v}),l&&m&&r.jsx("p",{id:p,role:"alert",className:"mt-1 px-4 font-sans text-xs text-red-500",children:m}),!l&&o&&r.jsx("p",{id:j,className:"mt-1 px-4 font-sans text-xs text-gray-darker",children:o})]})});V.displayName="PTextInput";exports.PSectionHeader=W;exports.PTextInput=V;exports.PTypography=S;exports.Row=O;exports.Stack=C;
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.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 './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   * Use Tailwind v4 arbitrary-var syntax to override design tokens, 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      // CSS custom properties are declared here (.p-text-input) so every\n      // descendant can reference them, and consumers can override them by\n      // passing `className=\"[--p-input-ring:blue]\"` or `style={{ '--p-input-ring': 'blue' }}`.\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 — all colors via CSS custom properties\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-color:var(--p-input-ring)] focus:ring-2',\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\n              ? 'ring-2 ring-red-500'\n              : 'focus:ring-2',\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-color:var(--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"],"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"],"mappings":"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","x_google_ignoreList":[2,3]}
+{"version":3,"file":"index.cjs.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","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"],"mappings":"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","x_google_ignoreList":[2,3]}

package/dist/index.d.ts

@@ -16,11 +16,7 @@ declare interface Props {
 export declare function PSectionHeader({ title }: Props): JSX.Element;
 
 export declare const PTextInput: ForwardRefExoticComponent<    {
-/**
-* Applied to the root wrapper element.
-* Use Tailwind v4 arbitrary-var syntax to override design tokens, e.g.:
-*   `[--p-input-ring:blue] [--p-input-bg:#f5f5f5]`
-*/
+/** Applied to the root wrapper element. */
 className?: string;
 /** Applied to the inner `<input>` element for layout / spacing overrides. */
 inputClassName?: string;
@@ -36,11 +32,7 @@ rightAdornment?: ReactNode;
 } & Omit<InputHTMLAttributes<HTMLInputElement>, "className" | "aria-describedby" | "aria-label" | "placeholder"> & RefAttributes<HTMLInputElement>>;
 
 export declare type PTextInputProps = {
-    /**
-     * Applied to the root wrapper element.
-     * Use Tailwind v4 arbitrary-var syntax to override design tokens, e.g.:
-     *   `[--p-input-ring:blue] [--p-input-bg:#f5f5f5]`
-     */
+    /** Applied to the root wrapper element. */
     className?: string;
     /** Applied to the inner `<input>` element for layout / spacing overrides. */
     inputClassName?: string;

package/dist/index.es.js

@@ -1,81 +1,81 @@
-import { jsx as i, jsxs as k } from "react/jsx-runtime";
+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 = ({
   children: t,
-  gap: n = void 0,
+  gap: a = void 0,
   alignItems: e = void 0,
-  justifyContent: a = void 0,
+  justifyContent: n = void 0,
   className: o = ""
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ r(
   "div",
   {
     className: u("flex flex-row", o),
     style: {
-      gap: n,
+      gap: a,
       alignItems: e,
-      justifyContent: a
+      justifyContent: n
     },
     children: t
   }
 ), T = ({
   children: t,
-  gap: n = void 0,
+  gap: a = void 0,
   alignItems: e = void 0,
-  justifyContent: a = void 0,
+  justifyContent: n = void 0,
   className: o = ""
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ r(
   "div",
   {
     className: u("flex flex-col", o),
     style: {
-      gap: n,
+      gap: a,
       alignItems: e,
-      justifyContent: a
+      justifyContent: n
     },
     children: t
   }
 );
 function j(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 = j(t[n])) && (a && (a += " "), a += e);
-  else for (n in t) t[n] && (a && (a += " "), a += n);
-  return a;
+  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 M() {
-  for (var t, n, e = 0, a = ""; e < arguments.length; ) (t = arguments[e++]) && (n = j(t)) && (a && (a += " "), a += n);
-  return a;
+  for (var t, a, e = 0, n = ""; e < arguments.length; ) (t = arguments[e++]) && (a = j(t)) && (n && (n += " "), n += a);
+  return n;
 }
-const C = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, P = M, R = (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: o, defaultVariants: p } = n, l = Object.keys(o).map((r) => {
-    const d = e == null ? void 0 : e[r], f = p == null ? void 0 : p[r];
+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(f);
-    return o[r][s];
-  }), m = e && Object.entries(e).reduce((r, d) => {
-    let [f, s] = d;
-    return s === void 0 || (r[f] = s), r;
-  }, {}), x = n == null || (a = n.compoundVariants) === null || a === void 0 ? void 0 : a.reduce((r, d) => {
-    let { class: f, className: s, ...y } = d;
-    return Object.entries(y).every((w) => {
+    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({
-        ...p,
-        ...m
+        ...f,
+        ...p
       }[c]) : {
-        ...p,
-        ...m
+        ...f,
+        ...p
       }[c] === h;
     }) ? [
-      ...r,
-      f,
+      ...i,
+      m,
       s
-    ] : r;
+    ] : i;
   }, []);
-  return P(t, l, x, e == null ? void 0 : e.class, e == null ? void 0 : e.className);
+  return P(t, l, y, e == null ? void 0 : e.class, e == null ? void 0 : e.className);
 }, W = {
   serif: "font-serif",
   body: "text-base",
@@ -93,22 +93,22 @@ const C = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, P = M
 });
 function H({
   as: t = "p",
-  children: n,
+  children: a,
   className: e = "",
-  variant: a,
+  variant: n,
   ...o
 }) {
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ r(
     t,
     {
-      className: u(q({ variant: a, className: e })),
+      className: u(q({ variant: n, className: e })),
       ...o,
-      children: n
+      children: a
     }
   );
 }
 function G({ title: t }) {
-  return /* @__PURE__ */ i(T, { className: "pt-2 border-t border-white text-white", children: /* @__PURE__ */ i(H, { className: "uppercase", variant: "body-wide", children: 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 $() {
   return /* @__PURE__ */ k(
@@ -126,8 +126,8 @@ function $() {
       "aria-hidden": "true",
       focusable: "false",
       children: [
-        /* @__PURE__ */ i("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
-        /* @__PURE__ */ i("circle", { cx: "12", cy: "12", r: "3" })
+        /* @__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" })
       ]
     }
   );
@@ -148,10 +148,10 @@ function F() {
       "aria-hidden": "true",
       focusable: "false",
       children: [
-        /* @__PURE__ */ i("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }),
-        /* @__PURE__ */ i("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__ */ i("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__ */ i("line", { x1: "2", x2: "22", y1: "2", y2: "22" })
+        /* @__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" })
       ]
     }
   );
@@ -159,133 +159,126 @@ function F() {
 const K = B(
   ({
     className: t,
-    inputClassName: n,
+    inputClassName: a,
     type: e,
-    label: a,
+    label: n,
     helperText: o,
-    id: p,
+    id: f,
     isError: l = !1,
-    errorMessage: m,
-    rightAdornment: x,
-    disabled: r,
+    errorMessage: p,
+    rightAdornment: y,
+    disabled: i,
     readOnly: d,
-    style: f,
+    style: m,
     ...s
-  }, y) => {
-    const w = L(), c = p ?? w, h = `${c}-error`, N = `${c}-helper`, v = e === "password", g = !!x && !v, [b, I] = O(!1), V = v ? b ? "text" : "password" : e ?? "text", A = [
-      l && m ? h : null,
+  }, 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
     ].filter(Boolean).join(" ") || void 0;
-    return (
-      // CSS custom properties are declared here (.p-text-input) so every
-      // descendant can reference them, and consumers can override them by
-      // passing `className="[--p-input-ring:blue]"` or `style={{ '--p-input-ring': 'blue' }}`.
-      /* @__PURE__ */ k("div", { className: u("p-text-input relative w-full", t), style: f, children: [
-        /* @__PURE__ */ i(
-          "input",
-          {
-            ...s,
-            id: c,
-            ref: y,
-            type: V,
-            disabled: r,
-            readOnly: d,
-            placeholder: " ",
-            "aria-invalid": l || void 0,
-            "aria-describedby": A,
-            "aria-required": s.required,
-            "aria-disabled": r,
-            "aria-readonly": d,
-            autoComplete: s.autoComplete ?? (v ? "current-password" : void 0),
-            className: u(
-              // Layout — tall enough for the floating label + value
-              "peer h-16 w-full rounded px-4 pt-6 pb-2",
-              (v || g) && "pr-12",
-              // Visuals — all colors via CSS custom properties
-              "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-color:var(--p-input-ring)] focus:ring-2",
-              // 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" : "focus:ring-2",
-              // 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",
-              n
-            )
-          }
-        ),
-        /* @__PURE__ */ i(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: u(
-              "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
-          }
-        ),
-        /* @__PURE__ */ i(
-          "label",
-          {
-            htmlFor: c,
-            className: u(
-              "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",
-              r && "opacity-50"
-            ),
-            children: a
-          }
-        ),
-        v && /* @__PURE__ */ i(
-          "button",
-          {
-            type: "button",
-            onClick: () => I((S) => !S),
-            disabled: r,
-            className: u(
-              "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-color:var(--p-input-ring)]",
-              "disabled:pointer-events-none disabled:opacity-50"
-            ),
-            "aria-label": b ? "Hide password" : "Show password",
-            "aria-pressed": b,
-            "aria-controls": c,
-            children: b ? /* @__PURE__ */ i($, {}) : /* @__PURE__ */ i(F, {})
-          }
-        ),
-        g && /* @__PURE__ */ i(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: "pointer-events-none absolute top-1/2 right-4 -translate-y-1/2 text-(--p-input-label)",
-            children: x
-          }
-        ),
-        l && m && /* @__PURE__ */ i("p", { id: h, role: "alert", className: "mt-1 px-4 font-sans text-xs text-red-500", children: m }),
-        !l && o && /* @__PURE__ */ i("p", { id: N, className: "mt-1 px-4 font-sans text-xs text-(--p-input-text-helper)", children: o })
-      ] })
-    );
+    return /* @__PURE__ */ k("div", { className: u("relative w-full", t), style: m, children: [
+      /* @__PURE__ */ r(
+        "input",
+        {
+          ...s,
+          id: c,
+          ref: b,
+          type: V,
+          disabled: i,
+          readOnly: d,
+          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(
+            // Layout — tall enough for the floating label + value
+            "peer h-16 w-full rounded px-4 pt-6 pb-2",
+            (v || g) && "pr-12",
+            // Visuals
+            "bg-white text-black",
+            "font-sans text-sm outline-none",
+            "border border-black focus:border-black",
+            // Focus
+            "focus:ring-2 focus:ring-primary",
+            // Motion
+            "transition-all duration-150 ease-in",
+            // States
+            "disabled:cursor-not-allowed disabled:opacity-50",
+            "read-only:cursor-default read-only:bg-gray-lighter",
+            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
+          )
+        }
+      ),
+      /* @__PURE__ */ r(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: u(
+            "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",
+            // 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
+        }
+      ),
+      /* @__PURE__ */ r(
+        "label",
+        {
+          htmlFor: c,
+          className: u(
+            "pointer-events-none absolute top-1/2 left-4 -translate-y-1/2",
+            "font-sans text-sm text-black",
+            "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"
+          ),
+          children: n
+        }
+      ),
+      v && /* @__PURE__ */ r(
+        "button",
+        {
+          type: "button",
+          onClick: () => I((S) => !S),
+          disabled: i,
+          className: u(
+            "absolute top-1/2 right-4 -translate-y-1/2",
+            "text-gray-darker hover:text-black",
+            "transition-colors duration-150",
+            "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
+            "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, {})
+        }
+      ),
+      g && /* @__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
+        }
+      ),
+      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 })
+    ] });
   }
 );
 K.displayName = "PTextInput";