@tribepad/themis 1.0.0 → 1.0.2

package/dist/elements/TextField/index.mjs

@@ -1,207 +1,3 @@
-export { TextField, TextFieldDescription, TextFieldError, TextFieldInput, TextFieldLabel, TextFieldSuccess, inputVariants, labelVariants, successMessageVariants, inputVariants as textFieldInputVariants, labelVariants as textFieldLabelVariants } from '../../chunk-HSGBJPJO.mjs';
-import '../../chunk-BDXKKMBZ.mjs';
-import '../../chunk-FPKEAJRZ.mjs';
-import '../../chunk-HK46BT5U.mjs';
-import '../../chunk-E2KQFV3O.mjs';
-import { BaseComponentPropsSchema } from '../../chunk-5SVLJN2C.mjs';
-import { z } from 'zod';
-
-var AutoCompleteValue = z.enum([
-  // Control tokens
-  "off",
-  "on",
-  // Name-related
-  "name",
-  "honorific-prefix",
-  "given-name",
-  "additional-name",
-  "family-name",
-  "honorific-suffix",
-  "nickname",
-  // Contact
-  "email",
-  "username",
-  // Authentication
-  "new-password",
-  "current-password",
-  "one-time-code",
-  // Organization
-  "organization-title",
-  "organization",
-  // Address
-  "street-address",
-  "address-line1",
-  "address-line2",
-  "address-line3",
-  "address-level4",
-  "address-level3",
-  "address-level2",
-  "address-level1",
-  "country",
-  "country-name",
-  "postal-code",
-  // Payment
-  "cc-name",
-  "cc-given-name",
-  "cc-additional-name",
-  "cc-family-name",
-  "cc-number",
-  "cc-exp",
-  "cc-exp-month",
-  "cc-exp-year",
-  "cc-csc",
-  "cc-type",
-  // Transaction
-  "transaction-currency",
-  "transaction-amount",
-  // Personal
-  "language",
-  "bday",
-  "bday-day",
-  "bday-month",
-  "bday-year",
-  "sex",
-  // Telephone
-  "tel",
-  "tel-country-code",
-  "tel-national",
-  "tel-area-code",
-  "tel-local",
-  "tel-extension",
-  // Other
-  "impp",
-  "url",
-  "photo"
-]);
-var DANGEROUS_REGEX_PATTERNS = [
-  /\(\.\*\)\+/,
-  // Catastrophic backtracking: (.*)+
-  /\(\.\+\)\+/,
-  // Catastrophic backtracking: (.+)+
-  /\([^)]*\)\{.*,.*\}/,
-  // Excessive quantifiers: (x){10,1000}
-  /\(\?!\)/,
-  // Negative lookahead (can be slow)
-  /\(\?<=\)/
-  // Positive lookbehind (can be slow)
-];
-var validatePatternSafety = (pattern) => {
-  for (const dangerous of DANGEROUS_REGEX_PATTERNS) {
-    if (dangerous.test(pattern)) {
-      return false;
-    }
-  }
-  const quantifierCount = (pattern.match(/[*+{}]/g) || []).length;
-  if (quantifierCount > 5) {
-    return false;
-  }
-  return true;
-};
-var TextFieldPropsSchema = BaseComponentPropsSchema.extend({
-  // Size variants (matching Button sizes: sm, default, lg)
-  size: z.enum(["sm", "default", "lg"]).optional().default("default"),
-  // Text content
-  label: z.string().optional(),
-  description: z.string().optional(),
-  errorMessage: z.string().optional(),
-  successMessage: z.string().optional(),
-  // Input type - BREAKING: removed 'tel' (use TelField component instead)
-  // @see DECISIONS.md Decision 14
-  type: z.enum(["text", "email", "password", "url", "search"]).optional().default("text"),
-  // State props
-  isRequired: z.boolean().optional(),
-  isReadOnly: z.boolean().optional(),
-  isDisabled: z.boolean().optional(),
-  isInvalid: z.boolean().optional(),
-  isValid: z.boolean().optional(),
-  // Input attributes
-  placeholder: z.string().optional(),
-  value: z.string().optional(),
-  defaultValue: z.string().optional(),
-  name: z.string().optional(),
-  autoFocus: z.boolean().optional(),
-  // AutoComplete - BREAKING: strict MDN enum instead of string
-  // @see DECISIONS.md Decision 13
-  autoComplete: AutoCompleteValue.optional(),
-  maxLength: z.number().optional(),
-  minLength: z.number().optional(),
-  // Pattern validation with security check
-  // @see DECISIONS.md Decision 15, 18
-  // @warning SECURITY: Only use patterns defined in source code, never from user input
-  pattern: z.string().optional(),
-  patternDescription: z.string().optional(),
-  // Feature: Copy/Paste Restriction
-  // @see DECISIONS.md Decision 4
-  disableCopyPaste: z.boolean().optional().default(false),
-  // Feature: Prefix/Suffix
-  // @see DECISIONS.md Decision 9
-  prefix: z.any().optional(),
-  // ReactNode - can't validate with Zod
-  suffix: z.any().optional(),
-  // ReactNode - can't validate with Zod
-  prefixSize: z.number().optional().default(16),
-  suffixSize: z.number().optional().default(16),
-  // Feature: Expand on Focus
-  // @see DECISIONS.md Decision 6, 17
-  expandOnFocus: z.boolean().optional().default(false),
-  collapsedWidth: z.string().optional().default("200px"),
-  // Feature: Password Toggle
-  // @see DECISIONS.md Decision 8
-  showPasswordToggle: z.boolean().optional()
-  // Event handlers (onChange, onBlur, onFocus inherited from AriaTextFieldProps)
-  // Custom validate function added in TypeScript type below (not in Zod schema)
-}).refine(
-  (data) => !data.pattern || data.patternDescription,
-  {
-    message: "patternDescription is required when pattern is provided",
-    path: ["patternDescription"]
-  }
-).refine(
-  (data) => !data.pattern || validatePatternSafety(data.pattern),
-  {
-    message: "Unsafe regex pattern detected. Pattern may cause ReDoS vulnerability. Avoid patterns like (.*)+, (.+)+, or excessive quantifiers.",
-    path: ["pattern"]
-  }
-).refine(
-  (data) => !(data.successMessage && data.errorMessage),
-  {
-    message: "Cannot provide both successMessage and errorMessage. Use one based on validation state.",
-    path: ["successMessage"]
-  }
-).refine(
-  (data) => {
-    if (typeof process !== "undefined" && process.env.NODE_ENV === "development") {
-      if (data.isValid && data.isInvalid) {
-        console.error("[TextField] Both isValid and isInvalid are true. isInvalid takes precedence.");
-      }
-    }
-    return true;
-  }
-);
-var TextFieldLabelPropsSchema = z.object({
-  children: z.any().optional(),
-  className: z.string().optional(),
-  htmlFor: z.string().optional(),
-  state: z.enum(["default", "error", "disabled"]).optional().default("default")
-});
-var TextFieldInputPropsSchema = z.object({
-  className: z.string().optional(),
-  size: z.enum(["sm", "default", "lg"]).optional().default("default"),
-  state: z.enum(["default", "error", "success", "disabled", "readonly"]).optional().default("default")
-});
-var TextFieldDescriptionPropsSchema = z.object({
-  children: z.any().optional(),
-  className: z.string().optional()
-});
-var TextFieldErrorPropsSchema = z.object({
-  children: z.any().optional(),
-  className: z.string().optional()
-});
-var TextFieldSuccessPropsSchema = z.object({
-  children: z.any().optional(),
-  className: z.string().optional()
-});
-
-export { AutoCompleteValue as AutoCompleteValueSchema, TextFieldDescriptionPropsSchema, TextFieldErrorPropsSchema, TextFieldInputPropsSchema, TextFieldLabelPropsSchema, TextFieldPropsSchema, TextFieldSuccessPropsSchema, validatePatternSafety };
-//# sourceMappingURL=index.mjs.map
+"use client";
+import {createContext,memo,forwardRef,useId,useState,useCallback,useMemo,useContext,useEffect}from'react';import {Button,Label,Input,Text,FieldError,TextField}from'react-aria-components';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {Loader2,Zap,CircleAlert,Search,X as X$1}from'lucide-react';import {cva}from'class-variance-authority';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {z}from'zod';function d(...t){return twMerge(clsx(t))}var ae="data-[pressed]:scale-[0.97]";var ne="data-[hovered]:shadow-md";var U="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",q="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground",se="disabled:pointer-events-none disabled:opacity-50";var le=cva("inline-flex justify-center min-h-[44px] min-w-[44px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",{variants:{fullWidth:{true:"w-full",false:""},inVerticalGroup:{true:"items-stretch",false:"items-center"}},defaultVariants:{fullWidth:false,inVerticalGroup:false}}),de=cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 relative cursor-pointer",{variants:{variant:{default:"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] shadow-md hover:bg-[var(--primary-action-hover)] data-[pressed]:bg-[var(--primary-action)]/80",destructive:"bg-[var(--destructive-background)] text-[var(--destructive-foreground)] shadow-md hover:bg-[var(--destructive-background)]/90 data-[pressed]:bg-[var(--destructive-background)]/80",outline:"border border-[var(--input-border)] bg-[var(--page-background)] hover:bg-[var(--input-border)] data-[pressed]:bg-[var(--input-border)]",secondary:"bg-[var(--secondary)] text-[var(--secondary-foreground)] shadow-md hover:bg-[var(--secondary)]/80 data-[pressed]:bg-[var(--secondary)]/70",ghost:"hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)] data-[pressed]:bg-[var(--accent)]",link:"text-[var(--text-link)] underline-offset-4 hover:underline data-[pressed]:text-[var(--text-link-hover)]"},fullWidth:{true:"w-full",false:""},visualSize:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3 text-xs",lg:"h-11 rounded-md px-8",icon:"h-10 w-10",dot:"h-5 w-5 rounded-full p-0 min-h-0 min-w-0"},paywall:{true:"!bg-[var(--paywall)] !text-[var(--paywall-foreground)] !shadow-md hover:!bg-[var(--paywall)]/90 !cursor-not-allowed !border-transparent",false:""}},defaultVariants:{variant:"default",visualSize:"default",paywall:false}});var Ve=createContext(null);Ve.displayName="ButtonGroupContext";function we(){return useContext(Ve)}var Ce=createContext(null);Ce.displayName="ButtonGroupItemContext";function Ie(){return useContext(Ce)}cva("inline-flex items-center gap-0",{variants:{orientation:{horizontal:"flex-row",vertical:"flex-col w-full"}},defaultVariants:{orientation:"horizontal"}});var Le=cva("",{variants:{orientation:{horizontal:"min-w-[44px]",vertical:"flex min-h-[44px]"},position:{first:"",middle:"",last:"",only:""}},compoundVariants:[{orientation:"horizontal",position:"first",className:"rounded-r-none border-r-0"},{orientation:"horizontal",position:"middle",className:"rounded-none border-r-0"},{orientation:"horizontal",position:"last",className:"rounded-l-none"},{orientation:"vertical",position:"first",className:"rounded-b-none border-b-0"},{orientation:"vertical",position:"middle",className:"rounded-none border-b-0"},{orientation:"vertical",position:"last",className:"rounded-t-none"}],defaultVariants:{orientation:"horizontal",position:"only"}});cva("bg-[var(--border)]",{variants:{orientation:{horizontal:"w-px h-6 mx-1",vertical:"h-px w-full my-1"}},defaultVariants:{orientation:"horizontal"}});var R=memo(forwardRef(({className:t,buttonVisualClassName:o,variant:r,size:a,visualSize:s,fullWidth:c,loading:i=false,loadingText:g="Loading...",shortcut:h,children:m,isDisabled:u,paywall:l=false,paywallRedirect:L,paywallDescription:ee,onPress:te,...H},F)=>{let O=useId(),T=we(),S=Ie(),y=r??T?.variant??"default",W=a??T?.size,$=u??T?.isDisabled??false,v=T?.orientation==="vertical",A=c||v,k=S?Le({orientation:T?.orientation??"horizontal",position:S.position}):"",E=s??W??"default";return process.env.NODE_ENV!=="production"&&(E==="dot"||E==="icon")&&!H["aria-label"]&&!m&&console.warn('[Button] visualSize="dot" or "icon" requires aria-label when no visible text is provided (WCAG 1.1.1)'),jsx(Button,{ref:F,isDisabled:$||i||void 0,"aria-disabled":l?true:void 0,"aria-describedby":l?O:void 0,onPress:P=>{if(l){L&&window.open(L,"_blank","noopener,noreferrer");return}te?.(P);},className:d(le({fullWidth:A,inVerticalGroup:v}),t),...H,children:P=>jsxs("span",{className:d(de({variant:y,visualSize:E,paywall:l,fullWidth:A}),k,o,ae,ne,U,q),"data-pressed":P.isPressed||void 0,children:[i&&jsxs(Fragment,{children:[jsx(Loader2,{className:"motion-safe:animate-spin","aria-hidden":"true"}),jsx("span",{className:"sr-only","aria-live":"polite",children:g})]}),!i&&m,l&&jsx(Zap,{"data-testid":"zap-icon","aria-hidden":"true",className:"ml-1"}),l&&jsxs("span",{id:O,className:"sr-only",children:["Premium feature: ",ee||"Upgrade required to access this feature"]}),P.isFocusVisible&&h&&jsx("kbd",{className:"ml-auto hidden text-xs opacity-60 lg:inline",children:h}),P.isPressed&&jsx("span",{className:"absolute inset-0 rounded-[inherit] bg-current opacity-10 motion-safe:animate-in motion-safe:zoom-in-95","aria-hidden":"true"})]})})}));R.displayName="Button";var Ae=()=>jsxs("svg",{"data-testid":"password-toggle-icon-show",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("path",{d:"M1 8s3-5 7-5 7 5 7 5-3 5-7 5-7-5-7-5z"}),jsx("circle",{cx:"8",cy:"8",r:"2"})]}),ke=()=>jsxs("svg",{"data-testid":"password-toggle-icon-hide",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("path",{d:"M10.5 5.5l-5 5"}),jsx("path",{d:"M1 8s3-5 7-5c1.5 0 2.8.6 4 1.5M15 8s-1.5 2.5-4 4"}),jsx("path",{d:"M3 13l2-2m7-7l2-2"}),jsx("circle",{cx:"8",cy:"8",r:"2"})]});var G=cva("flex w-full rounded-md border bg-[var(--content-background)] shadow-xs px-3 py-2 text-sm ring-offset-[var(--content-background)] file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-[var(--content-foreground)] placeholder:text-[var(--menu-muted)] transition-all duration-200",{variants:{size:{sm:"h-9 text-xs px-2 py-1",default:"h-10 px-3 py-2",lg:"h-11 px-4 py-3 text-base"},state:{default:"border-[var(--input-border)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",error:"border-[var(--destructive-background)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--destructive-background)] focus-visible:ring-offset-2",success:"border-[var(--success-background)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--success-ring)] focus-visible:ring-offset-2",disabled:"cursor-not-allowed opacity-50",readonly:"cursor-default bg-[var(--content-background)] opacity-70"}},defaultVariants:{size:"default",state:"default"}}),M=cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",{variants:{state:{default:"text-[var(--content-foreground)]",error:"text-[var(--destructive-foreground)]",disabled:"opacity-50 cursor-not-allowed"}},defaultVariants:{state:"default"}}),ce=cva("text-sm text-[var(--content-foreground)]"),ze=cva("text-sm text-[var(--destructive-foreground)] font-medium mt-1.5"),X=cva("text-sm text-[var(--success-foreground)] font-medium mt-1.5");function Re({expandOnFocus:t,collapsedWidth:o,value:r,defaultValue:a,userOnFocus:s,userOnBlur:c}){let[i,g]=useState(false),h=useCallback(l=>{t&&g(true),s?.(l);},[t,s]),m=useCallback(l=>{t&&l.target.value===""&&g(false),c?.(l);},[t,c]),u=useMemo(()=>t?i||(r!==void 0?r!=="":a!==void 0&&a!=="")?"100%":o:void 0,[t,i,r,a,o]);return {handleFocus:h,handleBlur:m,inputWidth:u}}function _e({disableCopyPaste:t}){let[o,r]=useState(false),[a,s]=useState("");useEffect(()=>{t&&typeof process<"u"&&process.env.NODE_ENV==="development"&&console.warn("[TextField] Copy/paste prevention should only be used for security-critical fields like password confirmation. This feature can break assistive technology workflows and password managers.");},[t]);let c=useCallback(i=>{t&&(i.preventDefault(),r(true),s("Pasting is not allowed in this field. Please type your entry."),setTimeout(()=>{r(false),s("");},400));},[t]);return {isShaking:o,screenReaderMessage:a,handlePaste:c}}function Ge({type:t,showPasswordToggle:o}){let[r,a]=useState(false),s=useCallback(()=>{a(i=>!i);},[]),c=useMemo(()=>t==="password"&&o&&r?"text":t,[t,o,r]);return {showPassword:r,actualType:c,handlePasswordToggle:s}}var We=forwardRef(({className:t,state:o="default",children:r,...a},s)=>jsx(Label,{ref:s,className:d(M({state:o}),t),...a,children:r}));We.displayName="TextFieldLabel";var $e=forwardRef(({className:t,size:o="default",state:r="default",...a},s)=>jsx(Input,{ref:s,className:d(G({size:o,state:r}),se,t),...a}));$e.displayName="TextFieldInput";var je=forwardRef(({className:t,children:o,...r},a)=>jsx(Text,{ref:a,slot:"description",className:d(ce(),t),...r,children:o}));je.displayName="TextFieldDescription";var me=forwardRef(({className:t,children:o,...r},a)=>jsx(FieldError,{ref:a,...r,className:d(ze(),t),children:jsxs("span",{className:"flex items-center gap-2",role:"alert",children:[jsx(CircleAlert,{className:"h-4 w-4"}),o]})}));me.displayName="TextFieldError";var Ye=forwardRef(({className:t,children:o,...r},a)=>jsx(Text,{ref:a,slot:"description",className:d(X(),t),...r,children:o}));Ye.displayName="TextFieldSuccess";var Ue=forwardRef(({className:t,size:o="default",label:r,description:a,errorMessage:s,successMessage:c,type:i="text",isRequired:g=false,isReadOnly:h=false,isDisabled:m=false,isInvalid:u=false,isValid:l=false,id:L,autoComplete:ee,disableCopyPaste:te=false,pattern:H,patternDescription:F,expandOnFocus:O=false,collapsedWidth:T="200px",prefix:S,suffix:y,prefixSize:W=16,suffixSize:$=16,showPasswordToggle:v,isIconHidden:A=false,onSubmit:k,onClear:E,value:B,defaultValue:j,onFocus:P,onBlur:Ze,...z},Je)=>{let xe=useId(),Qe=useId(),et=L||Qe,{handleFocus:tt,handleBlur:ot,inputWidth:rt}=Re({expandOnFocus:O,collapsedWidth:T,value:B,defaultValue:j,userOnFocus:P,userOnBlur:Ze}),{isShaking:at,screenReaderMessage:he,handlePaste:nt}=_e({disableCopyPaste:te}),{showPassword:oe,actualType:it,handlePasswordToggle:ve}=Ge({type:i,showPasswordToggle:v}),f=i==="search",[st,be]=useState(j??""),D=B!==void 0,b=D?B:st,lt=useCallback(p=>{D||be(p),z.onChange?.(p);},[D,z]),Y=useCallback(()=>{D||be(""),z.onChange?.(""),E?.();},[D,z,E]),dt=useCallback(p=>{p.key==="Enter"&&k&&k(b),p.key==="Escape"&&b&&(p.preventDefault(),Y());},[b,k,Y]),pt=useMemo(()=>m?"disabled":h?"readonly":u?"error":l?"success":"default",[m,h,u,l]),ut=useMemo(()=>m?"disabled":u?"error":"default",[m,u]),ge=useMemo(()=>a&&F?`${a} ${F}`:a||F,[a,F]),N=useMemo(()=>f&&!A&&!S?jsx(Search,{className:o==="sm"?"h-3.5 w-3.5":o==="lg"?"h-5 w-5":"h-4 w-4"}):S,[f,A,S,o]),ye=useMemo(()=>{let p={left:12,right:12};if(N){let re=typeof N=="string"?N.length*8+16:W+16;p.left=re;}if(i==="password"&&v)p.right=32;else if(f&&b)p.right=44;else if(y){let re=typeof y=="string"?y.length*8+16:$+16;p.right=re;}return p},[N,S,y,W,$,i,v,f,b]),Te=useMemo(()=>i==="password"&&v?jsx(R,{variant:"ghost",visualSize:"icon",onPress:ve,"aria-label":oe?"Hide password":"Show password",className:"!min-h-0 !min-w-0 h-8 w-8",children:oe?jsx(ke,{}):jsx(Ae,{})}):f&&b?jsx(R,{variant:"ghost",visualSize:"icon",onPress:Y,"aria-label":"Clear search",className:"!min-h-0 !min-w-0 h-8 w-8",children:jsx(X$1,{className:o==="sm"?"h-3 w-3":o==="lg"?"h-5 w-5":"h-4 w-4"})}):y,[i,v,oe,y,ve,f,b,o,Y]),Se=i==="password"&&v||f&&!!b;return jsxs(TextField,{ref:Je,className:d("flex flex-col gap-1.5",t),isRequired:g,isReadOnly:h,isDisabled:m,isInvalid:u,value:f?b:B,defaultValue:f?void 0:j,onChange:f?lt:void 0,...z,children:[r&&jsxs(Label,{className:d(M({state:ut})),children:[r,g&&jsx("span",{className:"ml-1 text-[var(--destructive-background)]","aria-hidden":"true",children:jsx("strong",{children:"*"})})]}),ge&&jsx(Text,{slot:"description",className:d(ce()),children:ge}),jsxs("div",{className:"relative flex items-center motion-safe:transition-all motion-safe:duration-200",style:{width:rt},children:[N&&jsx("div",{"data-testid":"textfield-prefix",className:"absolute left-3 flex items-center justify-center pointer-events-none text-[var(--content-foreground)]","aria-hidden":"true",children:N}),jsx(Input,{type:it,id:et,className:d(G({size:o,state:pt}),se,at&&"shake"),style:{width:"100%",paddingLeft:`${ye.left}px`,paddingRight:`${ye.right}px`},autoComplete:ee,pattern:H,onPaste:nt,onFocus:tt,onBlur:ot,onKeyDown:f?dt:void 0,"aria-required":g?"true":void 0,"aria-readonly":h?"true":void 0,"aria-errormessage":u&&s?xe:void 0}),Te&&jsx("div",{"data-testid":"textfield-suffix",className:d("absolute right-3 flex items-center justify-center text-[var(--content-foreground)]",Se?"":"pointer-events-none"),"aria-hidden":Se?void 0:"true",children:Te})]}),l&&c&&!u&&jsx(Text,{slot:"description",className:d(X()),children:c}),u&&s&&jsx(me,{id:xe,children:s}),he&&jsx("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true",children:he})]})});Ue.displayName="TextField";var qe=z.object({className:z.string().optional(),children:z.any().optional(),id:z.string().optional(),"aria-label":z.string().optional(),"aria-labelledby":z.string().optional(),"aria-describedby":z.string().optional(),"aria-live":z.enum(["off","polite","assertive"]).optional(),"aria-hidden":z.boolean().optional(),"data-testid":z.string().optional()});var Xe=z.enum(["off","on","name","honorific-prefix","given-name","additional-name","family-name","honorific-suffix","nickname","email","username","new-password","current-password","one-time-code","organization-title","organization","street-address","address-line1","address-line2","address-line3","address-level4","address-level3","address-level2","address-level1","country","country-name","postal-code","cc-name","cc-given-name","cc-additional-name","cc-family-name","cc-number","cc-exp","cc-exp-month","cc-exp-year","cc-csc","cc-type","transaction-currency","transaction-amount","language","bday","bday-day","bday-month","bday-year","sex","tel","tel-country-code","tel-national","tel-area-code","tel-local","tel-extension","impp","url","photo"]),Ct=[/\(\.\*\)\+/,/\(\.\+\)\+/,/\([^)]*\)\{.*,.*\}/,/\(\?!\)/,/\(\?<=\)/],Ke=t=>{for(let r of Ct)if(r.test(t))return  false;return !((t.match(/[*+{}]/g)||[]).length>5)},It=qe.extend({size:z.enum(["sm","default","lg"]).optional().default("default"),label:z.string().optional(),description:z.string().optional(),errorMessage:z.string().optional(),successMessage:z.string().optional(),type:z.enum(["text","email","password","url","search"]).optional().default("text"),isRequired:z.boolean().optional(),isReadOnly:z.boolean().optional(),isDisabled:z.boolean().optional(),isInvalid:z.boolean().optional(),isValid:z.boolean().optional(),placeholder:z.string().optional(),value:z.string().optional(),defaultValue:z.string().optional(),name:z.string().optional(),autoFocus:z.boolean().optional(),autoComplete:Xe.optional(),maxLength:z.number().optional(),minLength:z.number().optional(),pattern:z.string().optional(),patternDescription:z.string().optional(),disableCopyPaste:z.boolean().optional().default(false),prefix:z.any().optional(),suffix:z.any().optional(),prefixSize:z.number().optional().default(16),suffixSize:z.number().optional().default(16),expandOnFocus:z.boolean().optional().default(false),collapsedWidth:z.string().optional().default("200px"),showPasswordToggle:z.boolean().optional(),isIconHidden:z.boolean().optional().default(false),onSubmit:z.custom().optional(),onClear:z.custom().optional()}).refine(t=>!t.pattern||t.patternDescription,{message:"patternDescription is required when pattern is provided",path:["patternDescription"]}).refine(t=>!t.pattern||Ke(t.pattern),{message:"Unsafe regex pattern detected. Pattern may cause ReDoS vulnerability. Avoid patterns like (.*)+, (.+)+, or excessive quantifiers.",path:["pattern"]}).refine(t=>!(t.successMessage&&t.errorMessage),{message:"Cannot provide both successMessage and errorMessage. Use one based on validation state.",path:["successMessage"]}).refine(t=>(typeof process<"u"&&process.env.NODE_ENV==="development"&&t.isValid&&t.isInvalid&&console.error("[TextField] Both isValid and isInvalid are true. isInvalid takes precedence."),true)),Lt=z.object({children:z.any().optional(),className:z.string().optional(),htmlFor:z.string().optional(),state:z.enum(["default","error","disabled"]).optional().default("default")}),At=z.object({className:z.string().optional(),size:z.enum(["sm","default","lg"]).optional().default("default"),state:z.enum(["default","error","success","disabled","readonly"]).optional().default("default")}),kt=z.object({children:z.any().optional(),className:z.string().optional()}),Bt=z.object({children:z.any().optional(),className:z.string().optional()}),zt=z.object({children:z.any().optional(),className:z.string().optional()});export{Xe as AutoCompleteValueSchema,Ue as TextField,je as TextFieldDescription,kt as TextFieldDescriptionPropsSchema,me as TextFieldError,Bt as TextFieldErrorPropsSchema,$e as TextFieldInput,At as TextFieldInputPropsSchema,We as TextFieldLabel,Lt as TextFieldLabelPropsSchema,It as TextFieldPropsSchema,Ye as TextFieldSuccess,zt as TextFieldSuccessPropsSchema,G as inputVariants,M as labelVariants,X as successMessageVariants,G as textFieldInputVariants,M as textFieldLabelVariants,Ke as validatePatternSafety};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

package/dist/elements/TextField/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/TextField/TextField.types.ts"],"names":[],"mappings":"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","file":"index.mjs","sourcesContent":["import { z } from 'zod';\nimport type { ReactNode } from 'react';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type {\n  TextFieldProps as AriaTextFieldProps,\n  LabelProps as AriaLabelProps,\n  InputProps as AriaInputProps,\n  TextProps as AriaTextProps,\n} from 'react-aria-components';\n\n/**\n * AutoComplete values from MDN spec\n * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\n */\nexport const AutoCompleteValue = z.enum([\n  // Control tokens\n  'off',\n  'on',\n  // Name-related\n  'name',\n  'honorific-prefix',\n  'given-name',\n  'additional-name',\n  'family-name',\n  'honorific-suffix',\n  'nickname',\n  // Contact\n  'email',\n  'username',\n  // Authentication\n  'new-password',\n  'current-password',\n  'one-time-code',\n  // Organization\n  'organization-title',\n  'organization',\n  // Address\n  'street-address',\n  'address-line1',\n  'address-line2',\n  'address-line3',\n  'address-level4',\n  'address-level3',\n  'address-level2',\n  'address-level1',\n  'country',\n  'country-name',\n  'postal-code',\n  // Payment\n  'cc-name',\n  'cc-given-name',\n  'cc-additional-name',\n  'cc-family-name',\n  'cc-number',\n  'cc-exp',\n  'cc-exp-month',\n  'cc-exp-year',\n  'cc-csc',\n  'cc-type',\n  // Transaction\n  'transaction-currency',\n  'transaction-amount',\n  // Personal\n  'language',\n  'bday',\n  'bday-day',\n  'bday-month',\n  'bday-year',\n  'sex',\n  // Telephone\n  'tel',\n  'tel-country-code',\n  'tel-national',\n  'tel-area-code',\n  'tel-local',\n  'tel-extension',\n  // Other\n  'impp',\n  'url',\n  'photo',\n]);\n\nexport type AutoCompleteValueType = z.infer<typeof AutoCompleteValue>;\n\n/**\n * Dangerous regex patterns that can cause ReDoS attacks\n * @see DECISIONS.md Decision 21\n */\nconst DANGEROUS_REGEX_PATTERNS = [\n  /\\(\\.\\*\\)\\+/, // Catastrophic backtracking: (.*)+\n  /\\(\\.\\+\\)\\+/, // Catastrophic backtracking: (.+)+\n  /\\([^)]*\\)\\{.*,.*\\}/, // Excessive quantifiers: (x){10,1000}\n  /\\(\\?!\\)/, // Negative lookahead (can be slow)\n  /\\(\\?<=\\)/, // Positive lookbehind (can be slow)\n];\n\n/**\n * Validates regex pattern for ReDoS safety\n * @param pattern - Regular expression pattern string\n * @returns true if pattern is safe, false if potentially dangerous\n */\nexport const validatePatternSafety = (pattern: string): boolean => {\n  // Check for known dangerous patterns\n  for (const dangerous of DANGEROUS_REGEX_PATTERNS) {\n    if (dangerous.test(pattern)) {\n      return false;\n    }\n  }\n\n  // Check for excessive nested quantifiers\n  const quantifierCount = (pattern.match(/[*+{}]/g) || []).length;\n  if (quantifierCount > 5) {\n    return false;\n  }\n\n  return true;\n};\n\n/**\n * TextField props schema extending BaseComponentProps\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements - WCAG 2.2 AAA)\n * @see React Aria TextField: https://react-spectrum.adobe.com/react-aria/TextField.html\n * @see ShadCN Input: https://ui.shadcn.com/docs/components/input\n * @see ShadCN Label: https://ui.shadcn.com/docs/components/label\n */\nexport const TextFieldPropsSchema = BaseComponentPropsSchema.extend({\n  // Size variants (matching Button sizes: sm, default, lg)\n  size: z.enum(['sm', 'default', 'lg']).optional().default('default'),\n\n  // Text content\n  label: z.string().optional(),\n  description: z.string().optional(),\n  errorMessage: z.string().optional(),\n  successMessage: z.string().optional(),\n\n  // Input type - BREAKING: removed 'tel' (use TelField component instead)\n  // @see DECISIONS.md Decision 14\n  type: z\n    .enum(['text', 'email', 'password', 'url', 'search'])\n    .optional()\n    .default('text'),\n\n  // State props\n  isRequired: z.boolean().optional(),\n  isReadOnly: z.boolean().optional(),\n  isDisabled: z.boolean().optional(),\n  isInvalid: z.boolean().optional(),\n  isValid: z.boolean().optional(),\n\n  // Input attributes\n  placeholder: z.string().optional(),\n  value: z.string().optional(),\n  defaultValue: z.string().optional(),\n  name: z.string().optional(),\n  autoFocus: z.boolean().optional(),\n\n  // AutoComplete - BREAKING: strict MDN enum instead of string\n  // @see DECISIONS.md Decision 13\n  autoComplete: AutoCompleteValue.optional(),\n\n  maxLength: z.number().optional(),\n  minLength: z.number().optional(),\n\n  // Pattern validation with security check\n  // @see DECISIONS.md Decision 15, 18\n  // @warning SECURITY: Only use patterns defined in source code, never from user input\n  pattern: z.string().optional(),\n  patternDescription: z.string().optional(),\n\n  // Feature: Copy/Paste Restriction\n  // @see DECISIONS.md Decision 4\n  disableCopyPaste: z.boolean().optional().default(false),\n\n  // Feature: Prefix/Suffix\n  // @see DECISIONS.md Decision 9\n  prefix: z.any().optional(), // ReactNode - can't validate with Zod\n  suffix: z.any().optional(), // ReactNode - can't validate with Zod\n  prefixSize: z.number().optional().default(16),\n  suffixSize: z.number().optional().default(16),\n\n  // Feature: Expand on Focus\n  // @see DECISIONS.md Decision 6, 17\n  expandOnFocus: z.boolean().optional().default(false),\n  collapsedWidth: z.string().optional().default('200px'),\n\n  // Feature: Password Toggle\n  // @see DECISIONS.md Decision 8\n  showPasswordToggle: z.boolean().optional(),\n\n  // Event handlers (onChange, onBlur, onFocus inherited from AriaTextFieldProps)\n  // Custom validate function added in TypeScript type below (not in Zod schema)\n})\n.refine(\n  (data) => !data.pattern || data.patternDescription,\n  {\n    message: \"patternDescription is required when pattern is provided\",\n    path: [\"patternDescription\"]\n  }\n)\n.refine(\n  (data) => !data.pattern || validatePatternSafety(data.pattern),\n  {\n    message: \"Unsafe regex pattern detected. Pattern may cause ReDoS vulnerability. Avoid patterns like (.*)+, (.+)+, or excessive quantifiers.\",\n    path: [\"pattern\"]\n  }\n)\n.refine(\n  (data) => !(data.successMessage && data.errorMessage),\n  {\n    message: \"Cannot provide both successMessage and errorMessage. Use one based on validation state.\",\n    path: [\"successMessage\"]\n  }\n)\n.refine(\n  (data) => {\n    // Development mode warning for conflicting validation states\n    if (typeof process !== 'undefined' && process.env.NODE_ENV === 'development') {\n      if (data.isValid && data.isInvalid) {\n        console.error('[TextField] Both isValid and isInvalid are true. isInvalid takes precedence.');\n      }\n    }\n    return true;\n  }\n);\n\nexport type TextFieldProps = Partial<z.infer<typeof TextFieldPropsSchema>> &\n  Omit<AriaTextFieldProps, keyof z.infer<typeof TextFieldPropsSchema>> & {\n    // Explicitly type onChange for better IntelliSense\n    onChange?: (value: string) => void;\n\n    // Custom validation function\n    // @see DECISIONS.md Decision 7, 18\n    // Pattern validation runs first, then custom validate\n    validate?: (value: string) => string | undefined | null;\n\n    // Prefix/Suffix with proper typing\n    prefix?: ReactNode;\n    suffix?: ReactNode;\n  };\n\n/**\n * Label props schema for TextField label sub-component\n */\nexport const TextFieldLabelPropsSchema = z.object({\n  children: z.any().optional(),\n  className: z.string().optional(),\n  htmlFor: z.string().optional(),\n  state: z.enum(['default', 'error', 'disabled']).optional().default('default'),\n});\n\nexport type TextFieldLabelProps = z.infer<typeof TextFieldLabelPropsSchema> &\n  Omit<AriaLabelProps, keyof z.infer<typeof TextFieldLabelPropsSchema>>;\n\n/**\n * Input props schema for TextField input sub-component\n */\nexport const TextFieldInputPropsSchema = z.object({\n  className: z.string().optional(),\n  size: z.enum(['sm', 'default', 'lg']).optional().default('default'),\n  state: z\n    .enum(['default', 'error', 'success', 'disabled', 'readonly'])\n    .optional()\n    .default('default'),\n});\n\nexport type TextFieldInputProps = z.infer<typeof TextFieldInputPropsSchema> &\n  Omit<AriaInputProps, keyof z.infer<typeof TextFieldInputPropsSchema>>;\n\n/**\n * Description text props schema for TextField description sub-component\n */\nexport const TextFieldDescriptionPropsSchema = z.object({\n  children: z.any().optional(),\n  className: z.string().optional(),\n});\n\nexport type TextFieldDescriptionProps = z.infer<typeof TextFieldDescriptionPropsSchema> &\n  Omit<AriaTextProps, keyof z.infer<typeof TextFieldDescriptionPropsSchema>>;\n\n/**\n * Error message props schema for TextField error sub-component\n */\nexport const TextFieldErrorPropsSchema = z.object({\n  children: z.any().optional(),\n  className: z.string().optional(),\n});\n\nexport type TextFieldErrorProps = z.infer<typeof TextFieldErrorPropsSchema> &\n  Omit<AriaTextProps, keyof z.infer<typeof TextFieldErrorPropsSchema>>;\n\n/**\n * Success message props schema for TextField success sub-component\n * @see DECISIONS.md Decision 5\n */\nexport const TextFieldSuccessPropsSchema = z.object({\n  children: z.any().optional(),\n  className: z.string().optional(),\n});\n\nexport type TextFieldSuccessProps = z.infer<typeof TextFieldSuccessPropsSchema> &\n  Omit<AriaTextProps, keyof z.infer<typeof TextFieldSuccessPropsSchema>>;\n\n/**\n * CVA variant configuration types\n */\nexport type TextFieldSize = z.infer<typeof TextFieldPropsSchema>['size'];\nexport type InputState = z.infer<typeof TextFieldInputPropsSchema>['state'];\nexport type LabelState = z.infer<typeof TextFieldLabelPropsSchema>['state'];\n"]}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/styles/interaction-states.ts","../../../src/elements/Button/Button.styles.ts","../../../src/elements/ButtonGroup/ButtonGroupContext.tsx","../../../src/elements/ButtonGroup/ButtonGroup.variants.ts","../../../src/elements/Button/Button.tsx","../../../src/elements/TextField/TextField.icons.tsx","../../../src/elements/TextField/TextField.styles.ts","../../../src/elements/TextField/TextField.hooks.ts","../../../src/elements/TextField/TextField.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/TextField/TextField.types.ts"],"names":["cn","inputs","twMerge","clsx","PRESSED_STYLES","HOVER_STYLES","HIGH_CONTRAST_HOVER","HIGH_CONTRAST_PRESSED","DISABLED_STYLES","buttonOuterVariants","cva","buttonVisualVariants","ButtonGroupContext","createContext","useButtonGroupContext","useContext","ButtonGroupItemContext","useButtonGroupItemContext","buttonGroupItemVariants","Button","memo","forwardRef","className","buttonVisualClassName","variant","size","visualSize","fullWidth","loading","loadingText","shortcut","children","isDisabled","paywall","paywallRedirect","paywallDescription","onPress","props","ref","paywallDescriptionId","useId","groupContext","itemContext","effectiveVariant","effectiveSize","effectiveIsDisabled","isInVerticalGroup","effectiveFullWidth","positionClassName","effectiveVisualSize","jsx","AriaButton","e","renderProps","jsxs","Fragment","Loader2","Zap","EyeIcon","EyeOffIcon","inputVariants","labelVariants","descriptionVariants","errorMessageVariants","successMessageVariants","useExpandOnFocus","expandOnFocus","collapsedWidth","value","defaultValue","userOnFocus","userOnBlur","isFocused","setIsFocused","useState","handleFocus","useCallback","handleBlur","inputWidth","useMemo","useCopyPasteProtection","disableCopyPaste","isShaking","setIsShaking","screenReaderMessage","setScreenReaderMessage","useEffect","handlePaste","usePasswordToggle","type","showPasswordToggle","showPassword","setShowPassword","handlePasswordToggle","prev","actualType","TextFieldLabel","state","AriaLabel","TextFieldInput","AriaInput","TextFieldDescription","AriaText","TextFieldError","AriaFieldError","CircleAlert","TextFieldSuccess","TextField","label","description","errorMessage","successMessage","isRequired","isReadOnly","isInvalid","isValid","id","autoComplete","pattern","patternDescription","prefix","suffix","prefixSize","suffixSize","isIconHidden","onSubmit","onClear","errorId","generatedId","fieldId","isSearch","searchValue","setSearchValue","isControlledSearch","currentSearchValue","handleSearchChange","newValue","handleSearchClear","handleSearchKeyDown","inputState","labelState","combinedDescription","actualPrefix","Search","inputPadding","basePadding","prefixWidth","suffixWidth","actualSuffix","X","hasInteractiveSuffix","AriaTextField","BaseComponentPropsSchema","z","AutoCompleteValue","DANGEROUS_REGEX_PATTERNS","validatePatternSafety","dangerous","TextFieldPropsSchema","data","TextFieldLabelPropsSchema","TextFieldInputPropsSchema","TextFieldDescriptionPropsSchema","TextFieldErrorPropsSchema","TextFieldSuccessPropsSchema"],"mappings":"4aAcO,SAASA,CAAAA,CAAAA,GAAMC,CAAAA,CAA8B,CAClD,OAAOC,OAAAA,CAAQC,IAAAA,CAAKF,CAAM,CAAC,CAC7B,CCIO,IAUMG,GAAiB,8BAevB,IAAMC,EAAAA,CAAe,0BAAA,KAmBfC,CAAAA,CAAsB,4FAAA,CAMtBC,EAAwB,+HAAA,CAYxBC,GAAkB,kDAAA,CCvExB,IAAMC,EAAAA,CAAsBC,GAAAA,CACjC,0PACA,CACE,QAAA,CAAU,CACR,SAAA,CAAW,CACT,IAAA,CAAM,QAAA,CACN,KAAA,CAAO,EACT,EACA,eAAA,CAAiB,CACf,IAAA,CAAM,eAAA,CACN,MAAO,cACT,CACF,CAAA,CACA,eAAA,CAAiB,CACf,SAAA,CAAW,KAAA,CACX,eAAA,CAAiB,KACnB,CACF,CACF,CAAA,CAQaC,EAAAA,CAAuBD,GAAAA,CAClC,8NACA,CACE,QAAA,CAAU,CACR,OAAA,CAAS,CACP,OAAA,CACE,kKAAA,CACF,WAAA,CACE,oLAAA,CACF,QACE,wIAAA,CACF,SAAA,CACE,2IAAA,CACF,KAAA,CACE,mGACF,IAAA,CAAM,yGACR,CAAA,CACA,SAAA,CAAW,CACT,IAAA,CAAM,QAAA,CACN,KAAA,CAAO,EACT,EACA,UAAA,CAAY,CACV,OAAA,CAAS,gBAAA,CACT,GAAI,6BAAA,CACJ,EAAA,CAAI,sBAAA,CACJ,IAAA,CAAM,YACN,GAAA,CAAK,0CACP,CAAA,CACA,OAAA,CAAS,CACP,IAAA,CAAM,yIAAA,CACN,KAAA,CAAO,EACT,CACF,CAAA,CACA,eAAA,CAAiB,CACf,OAAA,CAAS,UACT,UAAA,CAAY,SAAA,CACZ,OAAA,CAAS,KACX,CACF,CACF,CAAA,CCxCA,IAAME,GAAqBC,aAAAA,CAA8C,IAAI,CAAA,CAE7ED,EAAAA,CAAmB,YAAc,oBAAA,CAM1B,SAASE,EAAAA,EAAwD,CACtE,OAAOC,UAAAA,CAAWH,EAAkB,CACtC,CAUA,IAAMI,EAAAA,CACJH,aAAAA,CAAkD,IAAI,CAAA,CAExDG,GAAuB,WAAA,CAAc,wBAAA,CAM9B,SAASC,EAAAA,EAAgE,CAC9E,OAAOF,UAAAA,CAAWC,EAAsB,CAC1C,CC5CmCN,GAAAA,CAAI,gCAAA,CAAkC,CACvE,SAAU,CACR,WAAA,CAAa,CACX,UAAA,CAAY,WACZ,QAAA,CAAU,iBACZ,CACF,CAAA,CACA,gBAAiB,CACf,WAAA,CAAa,YACf,CACF,CAAC,CAAA,KAcYQ,EAAAA,CAA0BR,GAAAA,CAAI,EAAA,CAAI,CAC7C,QAAA,CAAU,CACR,WAAA,CAAa,CAEX,WAAY,cAAA,CAGZ,QAAA,CAAU,mBACZ,CAAA,CACA,SAAU,CACR,KAAA,CAAO,EAAA,CACP,MAAA,CAAQ,GACR,IAAA,CAAM,EAAA,CACN,IAAA,CAAM,EACR,CACF,CAAA,CACA,gBAAA,CAAkB,CAIhB,CACE,YAAa,YAAA,CACb,QAAA,CAAU,OAAA,CACV,SAAA,CAAW,2BACb,CAAA,CACA,CACE,WAAA,CAAa,YAAA,CACb,SAAU,QAAA,CACV,SAAA,CAAW,yBACb,CAAA,CACA,CACE,YAAa,YAAA,CACb,QAAA,CAAU,MAAA,CACV,SAAA,CAAW,gBACb,CAAA,CAKA,CACE,WAAA,CAAa,UAAA,CACb,SAAU,OAAA,CACV,SAAA,CAAW,2BACb,CAAA,CACA,CACE,WAAA,CAAa,UAAA,CACb,QAAA,CAAU,QAAA,CACV,UAAW,yBACb,CAAA,CACA,CACE,WAAA,CAAa,WACb,QAAA,CAAU,MAAA,CACV,SAAA,CAAW,gBACb,CACF,CAAA,CACA,eAAA,CAAiB,CACf,WAAA,CAAa,aACb,QAAA,CAAU,MACZ,CACF,CAAC,EAU2CA,GAAAA,CAAI,oBAAA,CAAsB,CACpE,SAAU,CACR,WAAA,CAAa,CACX,UAAA,CAAY,gBACZ,QAAA,CAAU,kBACZ,CACF,CAAA,CACA,gBAAiB,CACf,WAAA,CAAa,YACf,CACF,CAAC,ECpFD,IAAMS,EAASC,IAAAA,CAAKC,UAAAA,CAClB,CACE,CACE,UAAAC,CAAAA,CACA,qBAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,EACA,IAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,UAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CAAU,KAAA,CACV,YAAAC,CAAAA,CAAc,YAAA,CACd,QAAA,CAAAC,CAAAA,CACA,SAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,EAAU,KAAA,CACV,eAAA,CAAAC,CAAAA,CACA,kBAAA,CAAAC,GACA,OAAA,CAAAC,EAAAA,CACA,GAAGC,CACL,EACAC,CAAAA,GACG,CACH,IAAMC,CAAAA,CAAuBC,OAAM,CAO7BC,CAAAA,CAAe3B,EAAAA,EAAsB,CAGrC4B,EAAczB,EAAAA,EAA0B,CAGxC0B,CAAAA,CAAmBnB,CAAAA,EAAWiB,GAAc,OAAA,EAAW,SAAA,CACvDG,CAAAA,CAAgBnB,CAAAA,EAAQgB,GAAc,IAAA,CACtCI,CAAAA,CAAsBb,CAAAA,EAAcS,CAAAA,EAAc,YAAc,KAAA,CAGhEK,CAAAA,CAAoBL,CAAAA,EAAc,WAAA,GAAgB,WAClDM,CAAAA,CAAqBpB,CAAAA,EAAamB,CAAAA,CAGlCE,CAAAA,CAAoBN,EACtBxB,EAAAA,CAAwB,CACtB,WAAA,CAAauB,CAAAA,EAAc,aAAe,YAAA,CAC1C,QAAA,CAAUC,CAAAA,CAAY,QACxB,CAAC,CAAA,CACD,EAAA,CAGEO,EAAsBvB,CAAAA,EAAckB,CAAAA,EAAiB,UAG3D,OAAI,OAAA,CAAQ,GAAA,CAAI,QAAA,GAAa,eAExBK,CAAAA,GAAwB,KAAA,EAASA,CAAAA,GAAwB,MAAA,CAAA,EAC1D,CAACZ,CAAAA,CAAM,YAAY,CAAA,EACnB,CAACN,GAED,OAAA,CAAQ,IAAA,CACN,uGACF,CAAA,CAyBFmB,IAACC,MAAAA,CAAA,CACC,GAAA,CAAKb,CAAAA,CACL,WALuBO,CAAAA,EAAuBjB,CAAAA,EAAW,MAAA,CAMzD,eAAA,CAAeK,EAAU,IAAA,CAAO,MAAA,CAChC,kBAAA,CAAkBA,CAAAA,CAAUM,EAAuB,MAAA,CACnD,OAAA,CArBiBa,CAAAA,EAAoE,CACvF,GAAInB,CAAAA,CAAS,CACPC,CAAAA,EACF,MAAA,CAAO,KAAKA,CAAAA,CAAiB,QAAA,CAAU,qBAAqB,CAAA,CAG9D,MACF,CACAE,EAAAA,GAAUgB,CAAC,EACb,EAaI,SAAA,CAAWpD,CAAAA,CAAGS,EAAAA,CAAoB,CAAE,UAAWsC,CAAAA,CAAoB,eAAA,CAAiBD,CAAkB,CAAC,EAAGxB,CAAS,CAAA,CAClH,GAAGe,CAAAA,CAEH,SAACgB,CAAAA,EAEAC,IAAAA,CAAC,MAAA,CAAA,CACC,SAAA,CAAWtD,EACTW,EAAAA,CAAqB,CACnB,OAAA,CAASgC,CAAAA,CACT,WAAYM,CAAAA,CACZ,OAAA,CAAAhB,CAAAA,CACA,SAAA,CAAWc,CACb,CAAC,CAAA,CAEDC,CAAAA,CACAzB,CAAAA,CAEAnB,GACAC,EAAAA,CACAC,CAAAA,CACAC,CACF,CAAA,CACA,eAAc8C,CAAAA,CAAY,SAAA,EAAa,MAAA,CAMtC,QAAA,CAAA,CAAAzB,GACC0B,IAAAA,CAAAC,QAAAA,CAAA,CACE,QAAA,CAAA,CAAAL,IAACM,OAAAA,CAAA,CAAQ,SAAA,CAAU,0BAAA,CAA2B,cAAY,MAAA,CAAO,CAAA,CACjEN,GAAAA,CAAC,MAAA,CAAA,CAAK,UAAU,SAAA,CAAU,WAAA,CAAU,QAAA,CACjC,QAAA,CAAArB,EACH,CAAA,CAAA,CACF,CAAA,CAID,CAACD,CAAAA,EAAWG,EAGZE,CAAAA,EACCiB,GAAAA,CAACO,GAAAA,CAAA,CACC,cAAY,UAAA,CACZ,aAAA,CAAY,MAAA,CACZ,SAAA,CAAU,OACZ,CAAA,CAIDxB,CAAAA,EACCqB,IAAAA,CAAC,MAAA,CAAA,CAAK,GAAIf,CAAAA,CAAsB,SAAA,CAAU,SAAA,CAAU,QAAA,CAAA,CAAA,mBAAA,CAChCJ,IAAsB,yCAAA,CAAA,CAC1C,CAAA,CAIDkB,CAAAA,CAAY,cAAA,EAAkBvB,GAC7BoB,GAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,6CAAA,CACZ,SAAApB,CAAAA,CACH,CAAA,CAKDuB,EAAY,SAAA,EACXH,GAAAA,CAAC,QACC,SAAA,CAAU,wGAAA,CACV,aAAA,CAAY,MAAA,CACd,GAEJ,CAAA,CAEJ,CAEJ,CACF,CAAC,EAED/B,CAAAA,CAAO,WAAA,CAAc,QAAA,CCxMd,IAAMuC,EAAAA,CAAU,IACrBJ,IAAAA,CAAC,KAAA,CAAA,CACC,cAAY,2BAAA,CACZ,KAAA,CAAM,IAAA,CACN,MAAA,CAAO,KACP,OAAA,CAAQ,WAAA,CACR,IAAA,CAAK,MAAA,CACL,OAAO,cAAA,CACP,WAAA,CAAY,GAAA,CACZ,aAAA,CAAc,QACd,cAAA,CAAe,OAAA,CAEf,QAAA,CAAA,CAAAJ,GAAAA,CAAC,QAAK,CAAA,CAAE,uCAAA,CAAwC,CAAA,CAChDA,GAAAA,CAAC,UAAO,EAAA,CAAG,GAAA,CAAI,EAAA,CAAG,GAAA,CAAI,EAAE,GAAA,CAAI,CAAA,CAAA,CAC9B,CAAA,CAOWS,EAAAA,CAAa,IACxBL,IAAAA,CAAC,KAAA,CAAA,CACC,aAAA,CAAY,2BAAA,CACZ,MAAM,IAAA,CACN,MAAA,CAAO,IAAA,CACP,OAAA,CAAQ,YACR,IAAA,CAAK,MAAA,CACL,MAAA,CAAO,cAAA,CACP,YAAY,GAAA,CACZ,aAAA,CAAc,OAAA,CACd,cAAA,CAAe,QAEf,QAAA,CAAA,CAAAJ,GAAAA,CAAC,MAAA,CAAA,CAAK,CAAA,CAAE,iBAAiB,CAAA,CACzBA,GAAAA,CAAC,MAAA,CAAA,CAAK,CAAA,CAAE,mDAAmD,CAAA,CAC3DA,GAAAA,CAAC,MAAA,CAAA,CAAK,CAAA,CAAE,oBAAoB,CAAA,CAC5BA,GAAAA,CAAC,QAAA,CAAA,CAAO,EAAA,CAAG,IAAI,EAAA,CAAG,GAAA,CAAI,CAAA,CAAE,GAAA,CAAI,GAC9B,CAAA,CCnCK,IAAMU,CAAAA,CAAgBlD,GAAAA,CAE3B,ySAAA,CACA,CACE,QAAA,CAAU,CAER,IAAA,CAAM,CACJ,GAAI,uBAAA,CACJ,OAAA,CAAS,gBAAA,CACT,EAAA,CAAI,0BACN,CAAA,CAEA,KAAA,CAAO,CACL,OAAA,CAAS,4IACT,KAAA,CAAO,uKAAA,CACP,OAAA,CAAS,yJAAA,CACT,SAAU,+BAAA,CACV,QAAA,CAAU,0DACZ,CACF,EACA,eAAA,CAAiB,CACf,IAAA,CAAM,SAAA,CACN,MAAO,SACT,CACF,CACF,CAAA,CAMamD,EAAgBnD,GAAAA,CAE3B,4FAAA,CACA,CACE,QAAA,CAAU,CACR,KAAA,CAAO,CACL,OAAA,CAAS,kCAAA,CACT,MAAO,sCAAA,CACP,QAAA,CAAU,+BACZ,CACF,EACA,eAAA,CAAiB,CACf,KAAA,CAAO,SACT,CACF,CACF,CAAA,CAKaoD,EAAAA,CAAsBpD,GAAAA,CACjC,0CACF,CAAA,CAKaqD,EAAAA,CAAuBrD,GAAAA,CAClC,iEACF,EAKasD,CAAAA,CAAyBtD,GAAAA,CACpC,6DACF,EC1DO,SAASuD,EAAAA,CAAiB,CAC/B,aAAA,CAAAC,CAAAA,CACA,eAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,EACA,WAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CACF,EAOG,CACD,GAAM,CAACC,CAAAA,CAAWC,CAAY,CAAA,CAAIC,QAAAA,CAAS,KAAK,CAAA,CAE1CC,EAAcC,WAAAA,CAAaxB,CAAAA,EAAoC,CAC/Dc,CAAAA,EACFO,EAAa,IAAI,CAAA,CAEnBH,CAAAA,GAAclB,CAAC,EACjB,CAAA,CAAG,CAACc,CAAAA,CAAeI,CAAW,CAAC,CAAA,CAEzBO,CAAAA,CAAaD,WAAAA,CAAaxB,CAAAA,EAAoC,CAC9Dc,CAAAA,EACcd,CAAAA,CAAE,MAAA,CAAO,KAAA,GAAU,IAEjCqB,CAAAA,CAAa,KAAK,CAAA,CAGtBF,CAAAA,GAAanB,CAAC,EAChB,CAAA,CAAG,CAACc,CAAAA,CAAeK,CAAU,CAAC,CAAA,CAExBO,CAAAA,CAAaC,OAAAA,CAAQ,IACpBb,CAAAA,CAIDM,CAAAA,GAFaJ,CAAAA,GAAU,MAAA,CAAYA,IAAU,EAAA,CAAKC,CAAAA,GAAiB,MAAA,EAAaA,CAAAA,GAAiB,IAG5F,MAAA,CAGFF,CAAAA,CARa,MAAA,CASnB,CAACD,EAAeM,CAAAA,CAAWJ,CAAAA,CAAOC,CAAAA,CAAcF,CAAc,CAAC,CAAA,CAElE,OAAO,CAAE,WAAA,CAAAQ,EAAa,UAAA,CAAAE,CAAAA,CAAY,UAAA,CAAAC,CAAW,CAC/C,CAQO,SAASE,EAAAA,CAAuB,CACrC,iBAAAC,CACF,CAAA,CAEG,CACD,GAAM,CAACC,CAAAA,CAAWC,CAAY,CAAA,CAAIT,QAAAA,CAAS,KAAK,CAAA,CAC1C,CAACU,CAAAA,CAAqBC,CAAsB,EAAIX,QAAAA,CAAS,EAAE,CAAA,CAGjEY,SAAAA,CAAU,IAAM,CACVL,CAAAA,EAAoB,OAAO,OAAA,CAAY,GAAA,EAAe,QAAQ,GAAA,CAAI,QAAA,GAAa,aAAA,EACjF,OAAA,CAAQ,KACN,6LAEF,EAEJ,CAAA,CAAG,CAACA,CAAgB,CAAC,CAAA,CAErB,IAAMM,CAAAA,CAAcX,YAAaxB,CAAAA,EAAwC,CACnE6B,CAAAA,GACF7B,CAAAA,CAAE,gBAAe,CAGjB+B,CAAAA,CAAa,IAAI,CAAA,CAGjBE,EAAuB,+DAA+D,CAAA,CAGtF,UAAA,CAAW,IAAM,CACfF,CAAAA,CAAa,KAAK,CAAA,CAClBE,CAAAA,CAAuB,EAAE,EAC3B,CAAA,CAAG,GAAG,CAAA,EAEV,EAAG,CAACJ,CAAgB,CAAC,CAAA,CAErB,OAAO,CAAE,SAAA,CAAAC,CAAAA,CAAW,mBAAA,CAAAE,EAAqB,WAAA,CAAAG,CAAY,CACvD,CASO,SAASC,EAAAA,CAAkB,CAChC,IAAA,CAAAC,CAAAA,CACA,mBAAAC,CACF,CAAA,CAGG,CACD,GAAM,CAACC,CAAAA,CAAcC,CAAe,CAAA,CAAIlB,QAAAA,CAAS,KAAK,CAAA,CAEhDmB,CAAAA,CAAuBjB,WAAAA,CAAY,IAAM,CAC7CgB,CAAAA,CAAgBE,CAAAA,EAAQ,CAACA,CAAI,EAC/B,CAAA,CAAG,EAAE,CAAA,CAECC,EAAahB,OAAAA,CAAQ,IACrBU,CAAAA,GAAS,UAAA,EAAcC,GAAsBC,CAAAA,CACxC,MAAA,CAEFF,CAAAA,CACN,CAACA,EAAMC,CAAAA,CAAoBC,CAAY,CAAC,CAAA,CAE3C,OAAO,CAAE,YAAA,CAAAA,CAAAA,CAAc,UAAA,CAAAI,EAAY,oBAAA,CAAAF,CAAqB,CAC1D,KC3FaG,EAAAA,CAAiB3E,UAAAA,CAC5B,CAAC,CAAE,UAAAC,CAAAA,CAAW,KAAA,CAAA2E,CAAAA,CAAQ,SAAA,CAAW,SAAAlE,CAAAA,CAAU,GAAGM,CAAM,CAAA,CAAGC,IAEnDY,GAAAA,CAACgD,KAAAA,CAAA,CACC,GAAA,CAAK5D,EACL,SAAA,CAAWtC,CAAAA,CAAG6D,CAAAA,CAAc,CAAE,MAAAoC,CAAM,CAAC,CAAA,CAAG3E,CAAS,EAChD,GAAGe,CAAAA,CAEH,QAAA,CAAAN,CAAAA,CACH,CAGN,EAEAiE,EAAAA,CAAe,WAAA,CAAc,gBAAA,KAMhBG,EAAAA,CAAiB9E,UAAAA,CAC5B,CAAC,CAAE,SAAA,CAAAC,EAAW,IAAA,CAAAG,CAAAA,CAAO,SAAA,CAAW,KAAA,CAAAwE,EAAQ,SAAA,CAAW,GAAG5D,CAAM,CAAA,CAAGC,IAE3DY,GAAAA,CAACkD,KAAAA,CAAA,CACC,GAAA,CAAK9D,EACL,SAAA,CAAWtC,CAAAA,CAAG4D,CAAAA,CAAc,CAAE,KAAAnC,CAAAA,CAAM,KAAA,CAAAwE,CAAM,CAAC,EAAGzF,EAAAA,CAAiBc,CAAS,CAAA,CACvE,GAAGe,EACN,CAGN,EAEA8D,EAAAA,CAAe,WAAA,CAAc,iBAMtB,IAAME,EAAAA,CAAuBhF,UAAAA,CAClC,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAS,CAAAA,CAAU,GAAGM,CAAM,CAAA,CAAGC,CAAAA,GAEhCY,GAAAA,CAACoD,KAAA,CACC,GAAA,CAAKhE,CAAAA,CACL,IAAA,CAAK,cACL,SAAA,CAAWtC,CAAAA,CAAG8D,EAAAA,EAAoB,CAAGxC,CAAS,CAAA,CAC7C,GAAGe,CAAAA,CAEH,QAAA,CAAAN,EACH,CAGN,EAEAsE,EAAAA,CAAqB,WAAA,CAAc,uBAO5B,IAAME,EAAAA,CAAiBlF,UAAAA,CAC5B,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAS,CAAAA,CAAU,GAAGM,CAAM,CAAA,CAAGC,CAAAA,GAEhCY,GAAAA,CAACsD,WAAA,CACC,GAAA,CAAKlE,CAAAA,CACJ,GAAGD,EACJ,SAAA,CAAWrC,CAAAA,CAAG+D,EAAAA,EAAqB,CAAGzC,CAAS,CAAA,CAE/C,QAAA,CAAAgC,IAAAA,CAAC,MAAA,CAAA,CAAK,UAAU,yBAAA,CAA0B,IAAA,CAAK,OAAA,CAAQ,QAAA,CAAA,CAAAJ,IAACuD,WAAAA,CAAA,CAAY,SAAA,CAAU,SAAA,CAAU,EAAG1E,CAAAA,CAAAA,CAAS,CAAA,CACtG,CAGN,EAEAwE,GAAe,WAAA,CAAc,gBAAA,CAMtB,IAAMG,EAAAA,CAAmBrF,WAC9B,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,SAAAS,CAAAA,CAAU,GAAGM,CAAM,CAAA,CAAGC,IAEhCY,GAAAA,CAACoD,IAAAA,CAAA,CACC,GAAA,CAAKhE,EACL,IAAA,CAAK,aAAA,CACL,SAAA,CAAWtC,CAAAA,CAAGgE,GAAuB,CAAG1C,CAAS,CAAA,CAChD,GAAGe,EAEH,QAAA,CAAAN,CAAAA,CACH,CAGN,EAEA2E,GAAiB,WAAA,CAAc,kBAAA,CAcxB,IAAMC,EAAAA,CAAYtF,WACvB,CACE,CACE,UAAAC,CAAAA,CACA,IAAA,CAAAG,EAAO,SAAA,CACP,KAAA,CAAAmF,CAAAA,CACA,WAAA,CAAAC,EACA,YAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,KAAAtB,CAAAA,CAAO,MAAA,CACP,UAAA,CAAAuB,CAAAA,CAAa,MACb,UAAA,CAAAC,CAAAA,CAAa,KAAA,CACb,UAAA,CAAAjF,EAAa,KAAA,CACb,SAAA,CAAAkF,CAAAA,CAAY,KAAA,CACZ,QAAAC,CAAAA,CAAU,KAAA,CACV,EAAA,CAAAC,CAAAA,CACA,aAAAC,EAAAA,CACA,gBAAA,CAAApC,EAAAA,CAAmB,KAAA,CACnB,QAAAqC,CAAAA,CACA,kBAAA,CAAAC,CAAAA,CACA,aAAA,CAAArD,EAAgB,KAAA,CAChB,cAAA,CAAAC,CAAAA,CAAiB,OAAA,CACjB,OAAAqD,CAAAA,CACA,MAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,EAAa,EAAA,CACb,UAAA,CAAAC,CAAAA,CAAa,EAAA,CACb,mBAAAjC,CAAAA,CACA,YAAA,CAAAkC,CAAAA,CAAe,KAAA,CACf,SAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,KAAA,CAAA1D,EACA,YAAA,CAAAC,CAAAA,CACA,OAAA,CAASC,CAAAA,CACT,OAAQC,EAAAA,CACR,GAAGlC,CACL,CAAA,CACAC,KACG,CAEH,IAAMyF,EAAAA,CAAUvF,KAAAA,GACVwF,EAAAA,CAAcxF,KAAAA,EAAM,CACpByF,EAAAA,CAAUb,GAAMY,EAAAA,CAGhB,CAAE,WAAA,CAAArD,EAAAA,CAAa,WAAAE,EAAAA,CAAY,UAAA,CAAAC,EAAW,CAAA,CAAIb,GAAiB,CAC/D,aAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,EACA,KAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,YAAAC,CAAAA,CACA,UAAA,CAAAC,EACF,CAAC,EAEK,CAAE,SAAA,CAAAW,EAAAA,CAAW,mBAAA,CAAAE,GAAqB,WAAA,CAAAG,EAAY,CAAA,CAAIP,EAAAA,CAAuB,CAC7E,gBAAA,CAAAC,EACF,CAAC,CAAA,CAEK,CAAE,YAAA,CAAAU,EAAAA,CAAc,UAAA,CAAAI,EAAAA,CAAY,qBAAAF,EAAqB,CAAA,CAAIL,EAAAA,CAAkB,CAC3E,KAAAC,CAAAA,CACA,kBAAA,CAAAC,CACF,CAAC,EAKKwC,CAAAA,CAAWzC,CAAAA,GAAS,QAAA,CACpB,CAAC0C,GAAaC,EAAc,CAAA,CAAI1D,QAAAA,CAASL,CAAAA,EAAgB,EAAE,CAAA,CAC3DgE,CAAAA,CAAqBjE,CAAAA,GAAU,MAAA,CAC/BkE,EAAqBD,CAAAA,CAAqBjE,CAAAA,CAAQ+D,EAAAA,CAElDI,EAAAA,CAAqB3D,YACxB4D,CAAAA,EAAqB,CACfH,CAAAA,EACHD,EAAAA,CAAeI,CAAQ,CAAA,CAExBnG,CAAAA,CAA6C,QAAA,GAAWmG,CAAQ,EACnE,CAAA,CACA,CAACH,CAAAA,CAAoBhG,CAAK,CAC5B,CAAA,CAEMoG,CAAAA,CAAoB7D,WAAAA,CAAY,IAAM,CACrCyD,CAAAA,EACHD,EAAAA,CAAe,EAAE,CAAA,CAElB/F,EAA6C,QAAA,GAAW,EAAE,CAAA,CAC3DyF,CAAAA,KACF,CAAA,CAAG,CAACO,CAAAA,CAAoBhG,CAAAA,CAAOyF,CAAO,CAAC,CAAA,CAEjCY,EAAAA,CAAsB9D,WAAAA,CACzBxB,GAA6C,CACxCA,CAAAA,CAAE,GAAA,GAAQ,OAAA,EAAWyE,GACvBA,CAAAA,CAASS,CAAkB,CAAA,CAEzBlF,CAAAA,CAAE,MAAQ,QAAA,EAAYkF,CAAAA,GACxBlF,CAAAA,CAAE,cAAA,GACFqF,CAAAA,EAAkB,EAEtB,CAAA,CACA,CAACH,EAAoBT,CAAAA,CAAUY,CAAiB,CAClD,CAAA,CAGME,GAAa5D,OAAAA,CAAQ,IACrB/C,CAAAA,CAAmB,UAAA,CACnBiF,EAAmB,UAAA,CACnBC,CAAAA,CAAkB,OAAA,CAClBC,CAAAA,CAAgB,UACb,SAAA,CACN,CAACnF,CAAAA,CAAYiF,CAAAA,CAAYC,EAAWC,CAAO,CAAC,CAAA,CAGzCyB,EAAAA,CAAa7D,QAAQ,IACrB/C,CAAAA,CAAmB,UAAA,CACnBkF,CAAAA,CAAkB,QACf,SAAA,CACN,CAAClF,CAAAA,CAAYkF,CAAS,CAAC,CAAA,CAGpB2B,EAAAA,CAAsB9D,OAAAA,CAAQ,IAC9B8B,GAAeU,CAAAA,CACV,CAAA,EAAGV,CAAW,CAAA,CAAA,EAAIU,CAAkB,CAAA,CAAA,CAEtCV,CAAAA,EAAeU,CAAAA,CACrB,CAACV,EAAaU,CAAkB,CAAC,CAAA,CAG9BuB,CAAAA,CAAe/D,QAAQ,IACvBmD,CAAAA,EAAY,CAACN,CAAAA,EAAgB,CAACJ,CAAAA,CAEzBtE,GAAAA,CAAC6F,MAAAA,CAAA,CAAO,UADEtH,CAAAA,GAAS,IAAA,CAAO,aAAA,CAAgBA,CAAAA,GAAS,KAAO,SAAA,CAAY,SAAA,CACzC,CAAA,CAE/B+F,CAAAA,CACN,CAACU,CAAAA,CAAUN,CAAAA,CAAcJ,CAAAA,CAAQ/F,CAAI,CAAC,CAAA,CAGnCuH,EAAAA,CAAejE,OAAAA,CAAQ,IAAM,CACjC,IAAMkE,CAAAA,CAAc,CAAE,IAAA,CAAM,GAAI,KAAA,CAAO,EAAG,CAAA,CAE1C,GAAIH,EAAc,CAChB,IAAMI,GAAc,OAAOJ,CAAAA,EAAiB,SACxCA,CAAAA,CAAa,MAAA,CAAS,CAAA,CAAI,EAAA,CAC1BpB,EAAa,EAAA,CACjBuB,CAAAA,CAAY,IAAA,CAAOC,GACrB,CAEA,GAAIzD,CAAAA,GAAS,UAAA,EAAcC,CAAAA,CACzBuD,EAAY,KAAA,CAAQ,EAAA,CAAA,KAAA,GACXf,CAAAA,EAAYI,CAAAA,CACrBW,EAAY,KAAA,CAAQ,EAAA,CAAA,KAAA,GACXxB,CAAAA,CAAQ,CACjB,IAAM0B,EAAAA,CAAc,OAAO1B,CAAAA,EAAW,QAAA,CAClCA,EAAO,MAAA,CAAS,CAAA,CAAI,EAAA,CACpBE,CAAAA,CAAa,GACjBsB,CAAAA,CAAY,KAAA,CAAQE,GACtB,CAEA,OAAOF,CACT,CAAA,CAAG,CAACH,CAAAA,CAActB,EAAQC,CAAAA,CAAQC,CAAAA,CAAYC,CAAAA,CAAYlC,CAAAA,CAAMC,EAAoBwC,CAAAA,CAAUI,CAAkB,CAAC,CAAA,CAG3Gc,GAAerE,OAAAA,CAAQ,IACvBU,CAAAA,GAAS,UAAA,EAAcC,EAEvBxC,GAAAA,CAAC/B,CAAAA,CAAA,CACC,OAAA,CAAQ,QACR,UAAA,CAAW,MAAA,CACX,OAAA,CAAS0E,EAAAA,CACT,aAAYF,EAAAA,CAAe,eAAA,CAAkB,eAAA,CAC7C,SAAA,CAAU,4BAET,QAAA,CAAAA,EAAAA,CAAezC,GAAAA,CAACS,EAAAA,CAAA,EAAW,CAAA,CAAKT,GAAAA,CAACQ,EAAAA,CAAA,EAAQ,EAC5C,CAAA,CAGAwE,CAAAA,EAAYI,CAAAA,CAGZpF,GAAAA,CAAC/B,EAAA,CACC,OAAA,CAAQ,OAAA,CACR,UAAA,CAAW,OACX,OAAA,CAASsH,CAAAA,CACT,YAAA,CAAW,cAAA,CACX,UAAU,2BAAA,CAEV,QAAA,CAAAvF,GAAAA,CAACmG,GAAAA,CAAA,CAAE,SAAA,CATU5H,CAAAA,GAAS,IAAA,CAAO,SAAA,CAAYA,IAAS,IAAA,CAAO,SAAA,CAAY,SAAA,CAS7C,CAAA,CAC1B,EAGGgG,CAAAA,CACN,CAAChC,CAAAA,CAAMC,CAAAA,CAAoBC,GAAc8B,CAAAA,CAAQ5B,EAAAA,CAAsBqC,CAAAA,CAAUI,CAAAA,CAAoB7G,EAAMgH,CAAiB,CAAC,CAAA,CAG1Ha,EAAAA,CAAwB7D,IAAS,UAAA,EAAcC,CAAAA,EAAwBwC,CAAAA,EAAY,CAAC,CAACI,CAAAA,CAE3F,OACEhF,IAAAA,CAACiG,SAAAA,CAAA,CACC,GAAA,CAAKjH,EAAAA,CACL,SAAA,CAAWtC,CAAAA,CAAG,wBAAyBsB,CAAS,CAAA,CAChD,UAAA,CAAY0F,CAAAA,CACZ,WAAYC,CAAAA,CACZ,UAAA,CAAYjF,CAAAA,CACZ,SAAA,CAAWkF,EACX,KAAA,CAAOgB,CAAAA,CAAWI,EAAqBlE,CAAAA,CACvC,YAAA,CAAc8D,EAAW,MAAA,CAAY7D,CAAAA,CACrC,QAAA,CAAU6D,CAAAA,CAAWK,GAAqB,MAAA,CACzC,GAAGlG,CAAAA,CAGH,QAAA,CAAA,CAAAuE,GACCtD,IAAAA,CAAC4C,KAAAA,CAAA,CAAU,SAAA,CAAWlG,EAAG6D,CAAAA,CAAc,CAAE,KAAA,CAAO+E,EAAW,CAAC,CAAC,CAAA,CAC1D,QAAA,CAAA,CAAAhC,CAAAA,CACAI,GACC9D,GAAAA,CAAC,MAAA,CAAA,CAAK,SAAA,CAAU,2CAAA,CAA4C,cAAY,MAAA,CACtE,QAAA,CAAAA,GAAAA,CAAC,QAAA,CAAA,CAAO,aAAC,CAAA,CACX,CAAA,CAAA,CAEJ,CAAA,CAID2F,EAAAA,EACC3F,IAACoD,IAAAA,CAAA,CAAS,IAAA,CAAK,aAAA,CAAc,UAAWtG,CAAAA,CAAG8D,EAAAA,EAAqB,CAAA,CAC7D,SAAA+E,EAAAA,CACH,CAAA,CAIFvF,IAAAA,CAAC,KAAA,CAAA,CACC,UAAU,gFAAA,CACV,KAAA,CAAO,CACL,KAAA,CAAOwB,EACT,CAAA,CAGC,QAAA,CAAA,CAAAgE,CAAAA,EACC5F,GAAAA,CAAC,OACC,aAAA,CAAY,kBAAA,CACZ,SAAA,CAAU,uGAAA,CACV,cAAY,MAAA,CAEX,QAAA,CAAA4F,CAAAA,CACH,CAAA,CAIF5F,IAACkD,KAAAA,CAAA,CACC,IAAA,CAAML,EAAAA,CACN,GAAIkC,EAAAA,CACJ,SAAA,CAAWjI,CAAAA,CACT4D,CAAAA,CAAc,CAAE,IAAA,CAAAnC,CAAAA,CAAM,KAAA,CAAOkH,EAAW,CAAC,CAAA,CACzCnI,EAAAA,CACA0E,EAAAA,EAAa,OACf,EACA,KAAA,CAAO,CACL,KAAA,CAAO,MAAA,CACP,YAAa,CAAA,EAAG8D,EAAAA,CAAa,IAAI,CAAA,EAAA,CAAA,CACjC,aAAc,CAAA,EAAGA,EAAAA,CAAa,KAAK,CAAA,EAAA,CACrC,EACA,YAAA,CAAc3B,EAAAA,CACd,OAAA,CAASC,CAAAA,CACT,QAAS/B,EAAAA,CACT,OAAA,CAASZ,EAAAA,CACT,MAAA,CAAQE,GACR,SAAA,CAAWqD,CAAAA,CAAWQ,EAAAA,CAAsB,MAAA,CAC5C,gBAAe1B,CAAAA,CAAa,MAAA,CAAS,MAAA,CACrC,eAAA,CAAeC,EAAa,MAAA,CAAS,MAAA,CACrC,mBAAA,CAAmBC,CAAAA,EAAaJ,EAAeiB,EAAAA,CAAU,MAAA,CAC3D,CAAA,CAGCqB,EAAAA,EACClG,IAAC,KAAA,CAAA,CACC,aAAA,CAAY,kBAAA,CACZ,SAAA,CAAWlD,EACT,oFAAA,CACAsJ,EAAAA,CAAuB,EAAA,CAAK,qBAC9B,EACA,aAAA,CAAaA,EAAAA,CAAuB,MAAA,CAAY,MAAA,CAE/C,SAAAF,EAAAA,CACH,CAAA,CAAA,CAEJ,EAGCjC,CAAAA,EAAWJ,CAAAA,EAAkB,CAACG,CAAAA,EAC7BhE,GAAAA,CAACoD,IAAAA,CAAA,CAAS,KAAK,aAAA,CAAc,SAAA,CAAWtG,CAAAA,CAAGgE,CAAAA,EAAwB,CAAA,CAChE,QAAA,CAAA+C,CAAAA,CACH,CAAA,CAIDG,GAAaJ,CAAAA,EACZ5D,GAAAA,CAACqD,EAAAA,CAAA,CAAe,GAAIwB,EAAAA,CACjB,QAAA,CAAAjB,CAAAA,CACH,CAAA,CAID1B,IACClC,GAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,SAAA,CAAU,KAAK,QAAA,CAAS,WAAA,CAAU,QAAA,CAAS,aAAA,CAAY,OACnE,QAAA,CAAAkC,EAAAA,CACH,CAAA,CAAA,CAEJ,CAEJ,CACF,EAEAuB,EAAAA,CAAU,WAAA,CAAc,WAAA,CCjdjB,IAAM6C,EAAAA,CAA2BC,EAAE,MAAA,CAAO,CAE/C,SAAA,CAAWA,CAAAA,CAAE,QAAO,CAAE,QAAA,EAAS,CAG/B,QAAA,CAAUA,EAAE,GAAA,EAAI,CAAE,QAAA,EAAS,CAC3B,GAAIA,CAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,GAGf,YAAA,CAAcA,CAAAA,CAAE,MAAA,EAAO,CAAE,UAAS,CAClC,iBAAA,CAAmBA,CAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CACvC,kBAAA,CAAoBA,CAAAA,CAAE,QAAO,CAAE,QAAA,EAAS,CACxC,WAAA,CAAaA,EAAE,IAAA,CAAK,CAAC,KAAA,CAAO,QAAA,CAAU,WAAW,CAAC,CAAA,CAAE,QAAA,EAAS,CAC7D,cAAeA,CAAAA,CAAE,OAAA,EAAQ,CAAE,QAAA,GAG3B,aAAA,CAAeA,CAAAA,CAAE,MAAA,EAAO,CAAE,UAC5B,CAAC,CAAA,CCZM,IAAMC,GAAoBD,CAAAA,CAAE,IAAA,CAAK,CAEtC,KAAA,CACA,KAEA,MAAA,CACA,kBAAA,CACA,YAAA,CACA,iBAAA,CACA,cACA,kBAAA,CACA,UAAA,CAEA,OAAA,CACA,UAAA,CAEA,eACA,kBAAA,CACA,eAAA,CAEA,oBAAA,CACA,cAAA,CAEA,iBACA,eAAA,CACA,eAAA,CACA,eAAA,CACA,gBAAA,CACA,iBACA,gBAAA,CACA,gBAAA,CACA,SAAA,CACA,cAAA,CACA,cAEA,SAAA,CACA,eAAA,CACA,oBAAA,CACA,gBAAA,CACA,YACA,QAAA,CACA,cAAA,CACA,cACA,QAAA,CACA,SAAA,CAEA,uBACA,oBAAA,CAEA,UAAA,CACA,MAAA,CACA,UAAA,CACA,aACA,WAAA,CACA,KAAA,CAEA,KAAA,CACA,kBAAA,CACA,eACA,eAAA,CACA,WAAA,CACA,eAAA,CAEA,MAAA,CACA,MACA,OACF,CAAC,CAAA,CAQKE,EAAAA,CAA2B,CAC/B,YAAA,CACA,YAAA,CACA,oBAAA,CACA,SAAA,CACA,UACF,CAAA,CAOaC,EAAAA,CAAyBtC,CAAAA,EAA6B,CAEjE,QAAWuC,CAAAA,IAAaF,EAAAA,CACtB,GAAIE,CAAAA,CAAU,KAAKvC,CAAO,CAAA,CACxB,OAAO,MAAA,CAMX,OAAI,EAAA,CADqBA,CAAAA,CAAQ,KAAA,CAAM,SAAS,GAAK,EAAC,EAAG,MAAA,CACnC,CAAA,CAKxB,EAUawC,EAAAA,CAAuBN,EAAAA,CAAyB,MAAA,CAAO,CAElE,KAAMC,CAAAA,CAAE,IAAA,CAAK,CAAC,IAAA,CAAM,UAAW,IAAI,CAAC,CAAA,CAAE,QAAA,GAAW,OAAA,CAAQ,SAAS,CAAA,CAGlE,KAAA,CAAOA,EAAE,MAAA,EAAO,CAAE,QAAA,EAAS,CAC3B,YAAaA,CAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,GACxB,YAAA,CAAcA,CAAAA,CAAE,MAAA,EAAO,CAAE,UAAS,CAClC,cAAA,CAAgBA,CAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CAIpC,IAAA,CAAMA,CAAAA,CACH,KAAK,CAAC,MAAA,CAAQ,OAAA,CAAS,UAAA,CAAY,MAAO,QAAQ,CAAC,CAAA,CACnD,QAAA,GACA,OAAA,CAAQ,MAAM,CAAA,CAGjB,UAAA,CAAYA,EAAE,OAAA,EAAQ,CAAE,QAAA,EAAS,CACjC,WAAYA,CAAAA,CAAE,OAAA,EAAQ,CAAE,QAAA,GACxB,UAAA,CAAYA,CAAAA,CAAE,OAAA,EAAQ,CAAE,UAAS,CACjC,SAAA,CAAWA,CAAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAChC,OAAA,CAASA,CAAAA,CAAE,SAAQ,CAAE,QAAA,EAAS,CAG9B,WAAA,CAAaA,EAAE,MAAA,EAAO,CAAE,QAAA,EAAS,CACjC,MAAOA,CAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,GAClB,YAAA,CAAcA,CAAAA,CAAE,MAAA,EAAO,CAAE,UAAS,CAClC,IAAA,CAAMA,EAAE,MAAA,EAAO,CAAE,UAAS,CAC1B,SAAA,CAAWA,CAAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAIhC,YAAA,CAAcC,EAAAA,CAAkB,UAAS,CAEzC,SAAA,CAAWD,CAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CAC/B,SAAA,CAAWA,CAAAA,CAAE,QAAO,CAAE,QAAA,EAAS,CAK/B,OAAA,CAASA,EAAE,MAAA,EAAO,CAAE,QAAA,EAAS,CAC7B,mBAAoBA,CAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,GAI/B,gBAAA,CAAkBA,CAAAA,CAAE,OAAA,EAAQ,CAAE,UAAS,CAAE,OAAA,CAAQ,KAAK,CAAA,CAItD,OAAQA,CAAAA,CAAE,GAAA,EAAI,CAAE,QAAA,GAChB,MAAA,CAAQA,CAAAA,CAAE,GAAA,EAAI,CAAE,UAAS,CACzB,UAAA,CAAYA,CAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CAAE,OAAA,CAAQ,EAAE,EAC5C,UAAA,CAAYA,CAAAA,CAAE,MAAA,EAAO,CAAE,UAAS,CAAE,OAAA,CAAQ,EAAE,CAAA,CAI5C,cAAeA,CAAAA,CAAE,OAAA,EAAQ,CAAE,QAAA,GAAW,OAAA,CAAQ,KAAK,CAAA,CACnD,cAAA,CAAgBA,EAAE,MAAA,EAAO,CAAE,QAAA,EAAS,CAAE,QAAQ,OAAO,CAAA,CAIrD,kBAAA,CAAoBA,CAAAA,CAAE,SAAQ,CAAE,QAAA,EAAS,CAIzC,YAAA,CAAcA,EAAE,OAAA,EAAQ,CAAE,QAAA,EAAS,CAAE,QAAQ,KAAK,CAAA,CAGlD,QAAA,CAAUA,CAAAA,CAAE,QAAgC,CAAE,QAAA,EAAS,CAGvD,OAAA,CAASA,EAAE,MAAA,EAAmB,CAAE,QAAA,EAIlC,CAAC,CAAA,CACA,MAAA,CACEM,CAAAA,EAAS,CAACA,EAAK,OAAA,EAAWA,CAAAA,CAAK,kBAAA,CAChC,CACE,QAAS,yDAAA,CACT,IAAA,CAAM,CAAC,oBAAoB,CAC7B,CACF,CAAA,CACC,MAAA,CACEA,CAAAA,EAAS,CAACA,CAAAA,CAAK,OAAA,EAAWH,EAAAA,CAAsBG,CAAAA,CAAK,OAAO,CAAA,CAC7D,CACE,OAAA,CAAS,mIAAA,CACT,KAAM,CAAC,SAAS,CAClB,CACF,EACC,MAAA,CACEA,CAAAA,EAAS,EAAEA,CAAAA,CAAK,cAAA,EAAkBA,EAAK,YAAA,CAAA,CACxC,CACE,OAAA,CAAS,yFAAA,CACT,KAAM,CAAC,gBAAgB,CACzB,CACF,EACC,MAAA,CACEA,CAAAA,GAEK,OAAO,OAAA,CAAY,KAAe,OAAA,CAAQ,GAAA,CAAI,QAAA,GAAa,aAAA,EACzDA,EAAK,OAAA,EAAWA,CAAAA,CAAK,SAAA,EACvB,OAAA,CAAQ,MAAM,8EAA8E,CAAA,CAGzF,IAAA,CAEX,CAAA,CAoBaC,GAA4BP,CAAAA,CAAE,MAAA,CAAO,CAChD,QAAA,CAAUA,EAAE,GAAA,EAAI,CAAE,QAAA,EAAS,CAC3B,UAAWA,CAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,GACtB,OAAA,CAASA,CAAAA,CAAE,MAAA,EAAO,CAAE,UAAS,CAC7B,KAAA,CAAOA,CAAAA,CAAE,IAAA,CAAK,CAAC,SAAA,CAAW,OAAA,CAAS,UAAU,CAAC,EAAE,QAAA,EAAS,CAAE,OAAA,CAAQ,SAAS,CAC9E,CAAC,CAAA,CAQYQ,EAAAA,CAA4BR,CAAAA,CAAE,OAAO,CAChD,SAAA,CAAWA,CAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CAC/B,IAAA,CAAMA,CAAAA,CAAE,KAAK,CAAC,IAAA,CAAM,SAAA,CAAW,IAAI,CAAC,CAAA,CAAE,QAAA,EAAS,CAAE,OAAA,CAAQ,SAAS,CAAA,CAClE,KAAA,CAAOA,CAAAA,CACJ,IAAA,CAAK,CAAC,SAAA,CAAW,OAAA,CAAS,SAAA,CAAW,UAAA,CAAY,UAAU,CAAC,CAAA,CAC5D,QAAA,EAAS,CACT,QAAQ,SAAS,CACtB,CAAC,CAAA,CAQYS,GAAkCT,CAAAA,CAAE,MAAA,CAAO,CACtD,QAAA,CAAUA,EAAE,GAAA,EAAI,CAAE,QAAA,EAAS,CAC3B,UAAWA,CAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EACxB,CAAC,CAAA,CAQYU,EAAAA,CAA4BV,CAAAA,CAAE,OAAO,CAChD,QAAA,CAAUA,CAAAA,CAAE,GAAA,GAAM,QAAA,EAAS,CAC3B,SAAA,CAAWA,CAAAA,CAAE,QAAO,CAAE,QAAA,EACxB,CAAC,EASYW,EAAAA,CAA8BX,CAAAA,CAAE,MAAA,CAAO,CAClD,SAAUA,CAAAA,CAAE,GAAA,EAAI,CAAE,QAAA,GAClB,SAAA,CAAWA,CAAAA,CAAE,QAAO,CAAE,QAAA,EACxB,CAAC","file":"index.mjs","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","/**\n * Global Interaction State Styles\n *\n * Consistent interaction patterns across all Themis components.\n * These styles ensure WCAG 2.2 AAA compliance and predictable UX.\n *\n * @see spec.md FR-010 (Visible focus ring for keyboard navigation)\n * @see spec.md FR-031 (Pressed state feedback)\n * @see spec.md FR-012 (High contrast mode support)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\n/**\n * Focus state styles (FR-010)\n * Visible focus ring for keyboard navigation - WCAG 2.2 Level AAA\n *\n * Components can override by extending these styles:\n * @example\n * cn(FOCUS_STYLES, \"ring-4\") // Increases ring width to 4px\n */\nexport const FOCUS_STYLES = \"data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2\";\n\n/**\n * Pressed/Active state styles (FR-031)\n * Visual feedback for press interactions\n *\n * Components can override the scale amount:\n * @example\n * cn(PRESSED_STYLES_BASE, \"data-[pressed]:scale-[0.95]\") // More pronounced scale\n */\nexport const PRESSED_STYLES = \"data-[pressed]:scale-[0.97]\";\n\n/**\n * Base pressed styles without scale (for components that need different feedback)\n */\nexport const PRESSED_STYLES_BASE = \"data-[pressed]:transition-transform data-[pressed]:duration-100\";\n\n/**\n * Hover state styles\n * Elevation change on hover for better affordance\n *\n * Components can override shadow depth:\n * @example\n * cn(HOVER_STYLES_BASE, \"data-[hovered]:shadow-lg\") // Larger shadow\n */\nexport const HOVER_STYLES = \"data-[hovered]:shadow-md\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","import { cva } from 'class-variance-authority';\n\n/**\n * Layer 1: Transparent outer touch target (44x44px minimum)\n * Handles WCAG 2.2 AAA touch target requirement\n * Always transparent, centers the visual button inside\n * IMPORTANT: Focus ring stays on Layer 1 for AAA compliance (2.4.13)\n *\n * In vertical ButtonGroups, uses items-stretch so the visual layer (Layer 2)\n * can fill the full touch target height, eliminating gaps between buttons.\n */\nexport const buttonOuterVariants = cva(\n  \"inline-flex justify-center min-h-[44px] min-w-[44px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      fullWidth: {\n        true: \"w-full\",\n        false: \"\",\n      },\n      inVerticalGroup: {\n        true: \"items-stretch\",\n        false: \"items-center\",\n      },\n    },\n    defaultVariants: {\n      fullWidth: false,\n      inVerticalGroup: false,\n    },\n  }\n);\n\n/**\n * Layer 2: Visual button appearance (adjustable size)\n * Provides the visual appearance with configurable size\n * Can be smaller than touch target for use cases like carousel dots\n * NOTE: NO focus-visible styles here - focus ring is on Layer 1\n */\nexport const buttonVisualVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 relative cursor-pointer\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] shadow-md hover:bg-[var(--primary-action-hover)] data-[pressed]:bg-[var(--primary-action)]/80\",\n        destructive:\n          \"bg-[var(--destructive-background)] text-[var(--destructive-foreground)] shadow-md hover:bg-[var(--destructive-background)]/90 data-[pressed]:bg-[var(--destructive-background)]/80\",\n        outline:\n          \"border border-[var(--input-border)] bg-[var(--page-background)] hover:bg-[var(--input-border)] data-[pressed]:bg-[var(--input-border)]\",\n        secondary:\n          \"bg-[var(--secondary)] text-[var(--secondary-foreground)] shadow-md hover:bg-[var(--secondary)]/80 data-[pressed]:bg-[var(--secondary)]/70\",\n        ghost:\n          \"hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)] data-[pressed]:bg-[var(--accent)]\",\n        link: \"text-[var(--text-link)] underline-offset-4 hover:underline data-[pressed]:text-[var(--text-link-hover)]\",\n      },\n      fullWidth: {\n        true: \"w-full\",\n        false: \"\",\n      },\n      visualSize: {\n        default: \"h-10 px-4 py-2\",\n        sm: \"h-9 rounded-md px-3 text-xs\",\n        lg: \"h-11 rounded-md px-8\",\n        icon: \"h-10 w-10\",\n        dot: \"h-5 w-5 rounded-full p-0 min-h-0 min-w-0\",\n      },\n      paywall: {\n        true: \"!bg-[var(--paywall)] !text-[var(--paywall-foreground)] !shadow-md hover:!bg-[var(--paywall)]/90 !cursor-not-allowed !border-transparent\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      visualSize: \"default\",\n      paywall: false,\n    },\n  }\n);\n\n/**\n * @deprecated Use buttonVisualVariants instead. This alias is kept for backward compatibility.\n */\nexport const buttonVariants = buttonVisualVariants;\n","\"use client\";\n\nimport { createContext, useContext } from 'react';\nimport type {\n  ButtonGroupContextValue,\n  ButtonGroupItemContextValue,\n} from './ButtonGroup.types';\n\n/**\n * ButtonGroup Context System (Two-Level)\n *\n * Provides a two-level context pattern for ButtonGroup:\n *\n * 1. ButtonGroupContext (group-level):\n *    - Provides: orientation, variant, size, isDisabled\n *    - Consumed by: Button (for prop inheritance), Separator (for orientation)\n *\n * 2. ButtonGroupItemContext (item-level):\n *    - Provides: position ('first' | 'middle' | 'last' | 'only')\n *    - Consumed by: Button (for border-radius styling)\n *\n * Both contexts return null when not in a provider, allowing Button\n * to work standalone without any group context.\n *\n * @see plan.md for architecture details\n * @see ButtonGroup.tsx for Provider implementation\n */\n\n// =============================================================================\n// Group-Level Context\n// =============================================================================\n\n/**\n * Context for group-level props (orientation, variant, size, isDisabled)\n * Default value is null to indicate \"not in a group\"\n */\nconst ButtonGroupContext = createContext<ButtonGroupContextValue | null>(null);\n\nButtonGroupContext.displayName = 'ButtonGroupContext';\n\n/**\n * Hook to access group-level context\n * @returns ButtonGroupContextValue if inside a ButtonGroup, null otherwise\n */\nexport function useButtonGroupContext(): ButtonGroupContextValue | null {\n  return useContext(ButtonGroupContext);\n}\n\n// =============================================================================\n// Item-Level Context\n// =============================================================================\n\n/**\n * Context for per-button position information\n * Default value is null to indicate \"not wrapped with position context\"\n */\nconst ButtonGroupItemContext =\n  createContext<ButtonGroupItemContextValue | null>(null);\n\nButtonGroupItemContext.displayName = 'ButtonGroupItemContext';\n\n/**\n * Hook to access item-level context (position)\n * @returns ButtonGroupItemContextValue if wrapped with position context, null otherwise\n */\nexport function useButtonGroupItemContext(): ButtonGroupItemContextValue | null {\n  return useContext(ButtonGroupItemContext);\n}\n\n// =============================================================================\n// Exports\n// =============================================================================\n\nexport { ButtonGroupContext, ButtonGroupItemContext };\n","import { cva } from 'class-variance-authority';\n\n/**\n * ButtonGroup CVA Variants\n *\n * Defines Class Variance Authority (CVA) variants for:\n * - ButtonGroup container (orientation-based layout)\n * - ButtonGroupItem (position-based border-radius)\n * - ButtonGroupSeparator (orientation-based styling)\n *\n * @see plan.md Phase 1: Design & Contracts - CVA Variants\n * @see constitution.md Principle V (Component Quality Standards)\n */\n\n// =============================================================================\n// Container Variants\n// =============================================================================\n\n/**\n * ButtonGroup container variants\n * Controls the layout direction based on orientation\n * Uses gap-0 to ensure buttons are connected (share borders)\n */\nexport const buttonGroupVariants = cva('inline-flex items-center gap-0', {\n  variants: {\n    orientation: {\n      horizontal: 'flex-row',\n      vertical: 'flex-col w-full',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n\n// =============================================================================\n// Item Position Variants\n// =============================================================================\n\n/**\n * ButtonGroupItem position variants\n * Applied to Button's visual layer (Layer 2) for position-aware border-radius\n *\n * Compound variants handle both orientation and position combinations:\n * - Horizontal: left/right borders and radii\n * - Vertical: top/bottom borders and radii\n */\nexport const buttonGroupItemVariants = cva('', {\n  variants: {\n    orientation: {\n      // min-w-[44px] ensures visual layer fills touch target width (for icon buttons)\n      horizontal: 'min-w-[44px]',\n      // flex (overrides inline-flex) + min-h-[44px] makes visual layer fill touch target,\n      // eliminating gaps between stacked buttons in vertical orientation\n      vertical: 'flex min-h-[44px]',\n    },\n    position: {\n      first: '',\n      middle: '',\n      last: '',\n      only: '', // Single button - no modifications needed\n    },\n  },\n  compoundVariants: [\n    // ==========================================================================\n    // Horizontal Orientation\n    // ==========================================================================\n    {\n      orientation: 'horizontal',\n      position: 'first',\n      className: 'rounded-r-none border-r-0',\n    },\n    {\n      orientation: 'horizontal',\n      position: 'middle',\n      className: 'rounded-none border-r-0',\n    },\n    {\n      orientation: 'horizontal',\n      position: 'last',\n      className: 'rounded-l-none',\n    },\n    // ==========================================================================\n    // Vertical Orientation\n    // Note: w-full is handled by Button's effectiveFullWidth for both layers\n    // ==========================================================================\n    {\n      orientation: 'vertical',\n      position: 'first',\n      className: 'rounded-b-none border-b-0',\n    },\n    {\n      orientation: 'vertical',\n      position: 'middle',\n      className: 'rounded-none border-b-0',\n    },\n    {\n      orientation: 'vertical',\n      position: 'last',\n      className: 'rounded-t-none',\n    },\n  ],\n  defaultVariants: {\n    orientation: 'horizontal',\n    position: 'only',\n  },\n});\n\n// =============================================================================\n// Separator Variants\n// =============================================================================\n\n/**\n * ButtonGroupSeparator variants\n * Orientation-aware visual divider between button groups\n */\nexport const buttonGroupSeparatorVariants = cva('bg-[var(--border)]', {\n  variants: {\n    orientation: {\n      horizontal: 'w-px h-6 mx-1',\n      vertical: 'h-px w-full my-1',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n","\"use client\";\n\n/**\n * Button Component - 3-Layer Architecture\n * Accessible button with React Aria primitives and CVA styling\n *\n * Architecture:\n * - Layer 1: Touch Target (44x44px WCAG AAA compliant, transparent)\n * - Layer 2: Visual Button (configurable size, colors, borders)\n * - Layer 3: Content & Effects (text, icons, ripple, loading spinner)\n *\n * @see 3layer-plan.md for architecture details\n * @see spec.md FR-029 to FR-037 (Button Component Requirements)\n * @see spec.md FR-009 (WCAG 2.2 AAA - 7:1 contrast ratio)\n * @see spec.md FR-014 (44x44px minimum touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\nimport { forwardRef, memo, useId } from 'react';\nimport {\n  Button as AriaButton,\n  type ButtonProps as AriaButtonProps,\n} from 'react-aria-components';\nimport { Loader2, Zap } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport type { ButtonProps } from './Button.types';\nimport { buttonOuterVariants, buttonVisualVariants, buttonVariants } from './Button.styles';\nimport { PRESSED_STYLES, HOVER_STYLES, HIGH_CONTRAST_HOVER, HIGH_CONTRAST_PRESSED } from '../../styles/interaction-states';\nimport {\n  useButtonGroupContext,\n  useButtonGroupItemContext,\n} from '../ButtonGroup/ButtonGroupContext';\nimport { buttonGroupItemVariants } from '../ButtonGroup/ButtonGroup.variants';\n\n/**\n * Button Component - 3-Layer Architecture\n * Fully accessible button with React Aria and themed styling\n *\n * Layer 1: Touch Target (AriaButton) - 44x44px WCAG AAA compliant\n * Layer 2: Visual Button (span) - configurable appearance\n * Layer 3: Content (children) - text, icons, effects\n */\nconst Button = memo(forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      buttonVisualClassName,\n      variant,\n      size,\n      visualSize,\n      fullWidth,\n      loading = false,\n      loadingText = \"Loading...\",\n      shortcut,\n      children,\n      isDisabled,\n      paywall = false,\n      paywallRedirect,\n      paywallDescription,\n      onPress,\n      ...props\n    },\n    ref\n  ) => {\n    const paywallDescriptionId = useId();\n\n    // ==========================================================================\n    // ButtonGroup Context Integration\n    // ==========================================================================\n\n    // Consume group-level context (variant, size, isDisabled, orientation)\n    const groupContext = useButtonGroupContext();\n\n    // Consume item-level context (position for border-radius styling)\n    const itemContext = useButtonGroupItemContext();\n\n    // Merge context values with props (props take precedence)\n    const effectiveVariant = variant ?? groupContext?.variant ?? 'default';\n    const effectiveSize = size ?? groupContext?.size;\n    const effectiveIsDisabled = isDisabled ?? groupContext?.isDisabled ?? false;\n\n    // In vertical groups, buttons should be full width automatically\n    const isInVerticalGroup = groupContext?.orientation === 'vertical';\n    const effectiveFullWidth = fullWidth || isInVerticalGroup;\n\n    // Position styling for ButtonGroup (only applied when in a group)\n    const positionClassName = itemContext\n      ? buttonGroupItemVariants({\n          orientation: groupContext?.orientation ?? 'horizontal',\n          position: itemContext.position,\n        })\n      : '';\n\n    // Default visualSize to size for backward compatibility\n    const effectiveVisualSize = visualSize ?? effectiveSize ?? 'default';\n\n    // AAA Accessibility: Warn in dev/test if icon/dot variant lacks accessible name\n    if (process.env.NODE_ENV !== 'production') {\n      if (\n        (effectiveVisualSize === 'dot' || effectiveVisualSize === 'icon') &&\n        !props['aria-label'] &&\n        !children\n      ) {\n        console.warn(\n          '[Button] visualSize=\"dot\" or \"icon\" requires aria-label when no visible text is provided (WCAG 1.1.1)'\n        );\n      }\n    }\n\n    /**\n     * Handle button press - intercepts action when paywalled\n     * If paywalled with redirect URL, opens in new tab\n     * Otherwise, calls the normal onPress handler\n     */\n    const handlePress = (e: Parameters<NonNullable<AriaButtonProps['onPress']>>[0]): void => {\n      if (paywall) {\n        if (paywallRedirect) {\n          window.open(paywallRedirect, '_blank', 'noopener,noreferrer');\n        }\n        // Don't call onPress when paywalled\n        return;\n      }\n      onPress?.(e);\n    };\n\n    // Only set isDisabled when we have a reason to disable\n    // Otherwise, let slot system control disabled state (e.g., in NumberField)\n    const computedIsDisabled = effectiveIsDisabled || loading || undefined;\n\n    return (\n      <AriaButton\n        ref={ref}\n        isDisabled={computedIsDisabled}\n        aria-disabled={paywall ? true : undefined}\n        aria-describedby={paywall ? paywallDescriptionId : undefined}\n        onPress={handlePress}\n        className={cn(buttonOuterVariants({ fullWidth: effectiveFullWidth, inVerticalGroup: isInVerticalGroup }), className)}\n        {...props}\n      >\n        {(renderProps) => (\n          /* Layer 2: Visual Button */\n          <span\n            className={cn(\n              buttonVisualVariants({\n                variant: effectiveVariant,\n                visualSize: effectiveVisualSize,\n                paywall,\n                fullWidth: effectiveFullWidth,\n              }),\n              // Position styling from ButtonGroup context (border-radius adjustments)\n              positionClassName,\n              buttonVisualClassName,\n              // Layer 2 interaction styles (no focus - focus ring is on Layer 1)\n              PRESSED_STYLES,\n              HOVER_STYLES,\n              HIGH_CONTRAST_HOVER,\n              HIGH_CONTRAST_PRESSED\n            )}\n            data-pressed={renderProps.isPressed || undefined}\n          >\n            {/* Layer 3: Content & Effects */}\n\n            {/* FR-033: Loading spinner with screen reader announcement */}\n            {/* Uses motion-safe: for WCAG 2.3.3 AAA (Animation from Interactions) */}\n            {loading && (\n              <>\n                <Loader2 className=\"motion-safe:animate-spin\" aria-hidden=\"true\" />\n                <span className=\"sr-only\" aria-live=\"polite\">\n                  {loadingText}\n                </span>\n              </>\n            )}\n\n            {/* Hide children during loading */}\n            {!loading && children}\n\n            {/* Paywall: Lightning bolt icon */}\n            {paywall && (\n              <Zap\n                data-testid=\"zap-icon\"\n                aria-hidden=\"true\"\n                className=\"ml-1\"\n              />\n            )}\n\n            {/* Paywall: Screen reader description */}\n            {paywall && (\n              <span id={paywallDescriptionId} className=\"sr-only\">\n                Premium feature: {paywallDescription || \"Upgrade required to access this feature\"}\n              </span>\n            )}\n\n            {/* FR-034: Keyboard shortcut display on focus */}\n            {renderProps.isFocusVisible && shortcut && (\n              <kbd className=\"ml-auto hidden text-xs opacity-60 lg:inline\">\n                {shortcut}\n              </kbd>\n            )}\n\n            {/* Touch/press ripple effect - FR-031: Pressed state feedback */}\n            {/* Uses motion-safe: for WCAG 2.3.3 AAA (Animation from Interactions) */}\n            {renderProps.isPressed && (\n              <span\n                className=\"absolute inset-0 rounded-[inherit] bg-current opacity-10 motion-safe:animate-in motion-safe:zoom-in-95\"\n                aria-hidden=\"true\"\n              />\n            )}\n          </span>\n        )}\n      </AriaButton>\n    );\n  }\n));\n\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants, buttonOuterVariants, buttonVisualVariants };\nexport type { ButtonProps } from './Button.types';\n","/**\n * TextField Icon Components\n * SVG icons for password toggle functionality\n *\n * Extracted from TextField.tsx to keep the main component file focused.\n * These are module-level components to avoid re-creating on every render.\n */\n\nimport type { ReactElement } from 'react';\n\n/**\n * Eye icon for \"show password\" state\n * Rendered when the password is currently hidden\n */\nexport const EyeIcon = (): ReactElement => (\n  <svg\n    data-testid=\"password-toggle-icon-show\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M1 8s3-5 7-5 7 5 7 5-3 5-7 5-7-5-7-5z\" />\n    <circle cx=\"8\" cy=\"8\" r=\"2\" />\n  </svg>\n);\n\n/**\n * Eye-off icon for \"hide password\" state\n * Rendered when the password is currently visible\n */\nexport const EyeOffIcon = (): ReactElement => (\n  <svg\n    data-testid=\"password-toggle-icon-hide\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M10.5 5.5l-5 5\" />\n    <path d=\"M1 8s3-5 7-5c1.5 0 2.8.6 4 1.5M15 8s-1.5 2.5-4 4\" />\n    <path d=\"M3 13l2-2m7-7l2-2\" />\n    <circle cx=\"8\" cy=\"8\" r=\"2\" />\n  </svg>\n);\n","/**\n * TextField CVA Variant Styles\n * Extracted from TextField.tsx for separation of concerns\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements - WCAG 2.2 AAA)\n * @see React Aria TextField: https://react-spectrum.adobe.com/react-aria/TextField.html\n * @see ShadCN Input: https://ui.shadcn.com/docs/components/input\n * @see ShadCN Label: https://ui.shadcn.com/docs/components/label\n */\n\nimport { cva } from 'class-variance-authority';\n\n/**\n * Input variant styles using CVA\n * Adapts ShadCN Input styling with Themis semantic tokens\n */\nexport const inputVariants = cva(\n  // Base styles - FR-014: Proper input styling with focus states\n  \"flex w-full rounded-md border bg-[var(--content-background)] shadow-xs px-3 py-2 text-sm ring-offset-[var(--content-background)] file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-[var(--content-foreground)] placeholder:text-[var(--menu-muted)] transition-all duration-200\",\n  {\n    variants: {\n      // Size variants (matching Button sizes)\n      size: {\n        sm: \"h-9 text-xs px-2 py-1\",\n        default: \"h-10 px-3 py-2\",\n        lg: \"h-11 px-4 py-3 text-base\"\n      },\n      // State variants\n      state: {\n        default: \"border-[var(--input-border)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2\",\n        error: \"border-[var(--destructive-background)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--destructive-background)] focus-visible:ring-offset-2\",\n        success: \"border-[var(--success-background)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--success-ring)] focus-visible:ring-offset-2\",\n        disabled: \"cursor-not-allowed opacity-50\",\n        readonly: \"cursor-default bg-[var(--content-background)] opacity-70\"\n      }\n    },\n    defaultVariants: {\n      size: \"default\",\n      state: \"default\"\n    }\n  }\n);\n\n/**\n * Label variant styles using CVA\n * Adapts ShadCN Label styling with Themis semantic tokens\n */\nexport const labelVariants = cva(\n  // Base styles - FR-009: WCAG 2.2 AAA compliance\n  \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n  {\n    variants: {\n      state: {\n        default: \"text-[var(--content-foreground)]\",\n        error: \"text-[var(--destructive-foreground)]\",\n        disabled: \"opacity-50 cursor-not-allowed\"\n      }\n    },\n    defaultVariants: {\n      state: \"default\"\n    }\n  }\n);\n\n/**\n * Description text variant styles\n */\nexport const descriptionVariants = cva(\n  \"text-sm text-[var(--content-foreground)]\"\n);\n\n/**\n * Error message variant styles\n */\nexport const errorMessageVariants = cva(\n  \"text-sm text-[var(--destructive-foreground)] font-medium mt-1.5\"\n);\n\n/**\n * Success message variant styles\n */\nexport const successMessageVariants = cva(\n  \"text-sm text-[var(--success-foreground)] font-medium mt-1.5\"\n);\n","/**\n * TextField Custom Hooks\n * Extracted from TextField.tsx for separation of concerns\n *\n * These hooks encapsulate the behavioral logic for:\n * - Expand on focus\n * - Copy/paste protection\n * - Password visibility toggle\n */\n\nimport { useState, useEffect, useCallback, useMemo } from 'react';\nimport type { FocusEvent, ClipboardEvent } from 'react';\n\n/**\n * Hook: useExpandOnFocus\n * Manages the expand-on-focus behavior where an input starts narrow\n * and expands to full width when focused or when it has a value.\n *\n * @param expandOnFocus - Whether expand-on-focus is enabled\n * @param collapsedWidth - CSS width when collapsed (e.g., '200px')\n * @param value - Controlled value (if any)\n * @param defaultValue - Default value (if any)\n * @param userOnFocus - User-provided onFocus handler to call through\n * @param userOnBlur - User-provided onBlur handler to call through\n */\nexport function useExpandOnFocus({\n  expandOnFocus,\n  collapsedWidth,\n  value,\n  defaultValue,\n  userOnFocus,\n  userOnBlur,\n}: {\n  expandOnFocus: boolean;\n  collapsedWidth: string;\n  value: string | undefined;\n  defaultValue: string | undefined;\n  userOnFocus: ((e: FocusEvent<HTMLInputElement>) => void) | undefined;\n  userOnBlur: ((e: FocusEvent<HTMLInputElement>) => void) | undefined;\n}) {\n  const [isFocused, setIsFocused] = useState(false);\n\n  const handleFocus = useCallback((e: FocusEvent<HTMLInputElement>) => {\n    if (expandOnFocus) {\n      setIsFocused(true);\n    }\n    userOnFocus?.(e);\n  }, [expandOnFocus, userOnFocus]);\n\n  const handleBlur = useCallback((e: FocusEvent<HTMLInputElement>) => {\n    if (expandOnFocus) {\n      const isEmpty = e.target.value === '';\n      if (isEmpty) {\n        setIsFocused(false);\n      }\n    }\n    userOnBlur?.(e);\n  }, [expandOnFocus, userOnBlur]);\n\n  const inputWidth = useMemo(() => {\n    if (!expandOnFocus) return undefined;\n\n    const hasValue = value !== undefined ? value !== '' : defaultValue !== undefined && defaultValue !== '';\n\n    if (isFocused || hasValue) {\n      return '100%';\n    }\n\n    return collapsedWidth;\n  }, [expandOnFocus, isFocused, value, defaultValue, collapsedWidth]);\n\n  return { handleFocus, handleBlur, inputWidth };\n}\n\n/**\n * Hook: useCopyPasteProtection\n * Manages copy/paste prevention with shake animation and screen reader announcements.\n *\n * @param disableCopyPaste - Whether copy/paste should be disabled\n */\nexport function useCopyPasteProtection({\n  disableCopyPaste,\n}: {\n  disableCopyPaste: boolean;\n}) {\n  const [isShaking, setIsShaking] = useState(false);\n  const [screenReaderMessage, setScreenReaderMessage] = useState('');\n\n  // Development mode warning for disableCopyPaste\n  useEffect(() => {\n    if (disableCopyPaste && typeof process !== 'undefined' && process.env.NODE_ENV === 'development') {\n      console.warn(\n        '[TextField] Copy/paste prevention should only be used for security-critical fields like password confirmation. ' +\n        'This feature can break assistive technology workflows and password managers.'\n      );\n    }\n  }, [disableCopyPaste]);\n\n  const handlePaste = useCallback((e: ClipboardEvent<HTMLInputElement>) => {\n    if (disableCopyPaste) {\n      e.preventDefault();\n\n      // Trigger shake animation\n      setIsShaking(true);\n\n      // Announce to screen readers\n      setScreenReaderMessage('Pasting is not allowed in this field. Please type your entry.');\n\n      // Remove shake animation and clear message after 400ms\n      setTimeout(() => {\n        setIsShaking(false);\n        setScreenReaderMessage('');\n      }, 400);\n    }\n  }, [disableCopyPaste]);\n\n  return { isShaking, screenReaderMessage, handlePaste };\n}\n\n/**\n * Hook: usePasswordToggle\n * Manages password show/hide toggle state and determines the actual input type.\n *\n * @param type - The input type ('text', 'email', 'password', etc.)\n * @param showPasswordToggle - Whether the toggle button should be shown\n */\nexport function usePasswordToggle({\n  type,\n  showPasswordToggle,\n}: {\n  type: string;\n  showPasswordToggle: boolean | undefined;\n}) {\n  const [showPassword, setShowPassword] = useState(false);\n\n  const handlePasswordToggle = useCallback(() => {\n    setShowPassword(prev => !prev);\n  }, []);\n\n  const actualType = useMemo(() => {\n    if (type === 'password' && showPasswordToggle && showPassword) {\n      return 'text';\n    }\n    return type;\n  }, [type, showPasswordToggle, showPassword]);\n\n  return { showPassword, actualType, handlePasswordToggle };\n}\n","\"use client\";\n\n/**\n * TextField Component\n * Accessible text input with React Aria primitives and CVA styling\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements - WCAG 2.2 AAA)\n * @see React Aria TextField: https://react-spectrum.adobe.com/react-aria/TextField.html\n * @see ShadCN Input: https://ui.shadcn.com/docs/components/input\n * @see ShadCN Label: https://ui.shadcn.com/docs/components/label\n * @see constitution.md Principle IV (Accessibility First)\n */\n\nimport './TextField.css';\nimport { forwardRef, useId, useMemo, useState, useCallback } from 'react';\nimport {\n  TextField as AriaTextField,\n  Label as AriaLabel,\n  Input as AriaInput,\n  Text as AriaText,\n  FieldError as AriaFieldError,\n} from 'react-aria-components';\nimport { cn } from '../../utils/cn';\nimport { DISABLED_STYLES } from '../../styles/interaction-states';\nimport type {\n  TextFieldProps,\n  TextFieldLabelProps,\n  TextFieldInputProps,\n  TextFieldDescriptionProps,\n  TextFieldErrorProps,\n} from './TextField.types';\nimport { CircleAlert, Search, X } from 'lucide-react';\nimport { Button } from '../Button';\nimport { EyeIcon, EyeOffIcon } from './TextField.icons';\nimport {\n  inputVariants,\n  labelVariants,\n  descriptionVariants,\n  errorMessageVariants,\n  successMessageVariants,\n} from './TextField.styles';\nimport { useExpandOnFocus, useCopyPasteProtection, usePasswordToggle } from './TextField.hooks';\n\n// Re-export CVA variants so existing imports from './TextField' continue to work\nexport {\n  inputVariants,\n  labelVariants,\n  descriptionVariants,\n  errorMessageVariants,\n  successMessageVariants,\n};\n\n/**\n * TextFieldLabel Sub-component\n * Styled label with optional required indicator\n */\nexport const TextFieldLabel = forwardRef<HTMLLabelElement, TextFieldLabelProps>(\n  ({ className, state = 'default', children, ...props }, ref) => {\n    return (\n      <AriaLabel\n        ref={ref}\n        className={cn(labelVariants({ state }), className)}\n        {...props}\n      >\n        {children}\n      </AriaLabel>\n    );\n  }\n);\n\nTextFieldLabel.displayName = \"TextFieldLabel\";\n\n/**\n * TextFieldInput Sub-component\n * Styled input with size and state variants\n */\nexport const TextFieldInput = forwardRef<HTMLInputElement, TextFieldInputProps>(\n  ({ className, size = 'default', state = 'default', ...props }, ref) => {\n    return (\n      <AriaInput\n        ref={ref}\n        className={cn(inputVariants({ size, state }), DISABLED_STYLES, className)}\n        {...props}\n      />\n    );\n  }\n);\n\nTextFieldInput.displayName = \"TextFieldInput\";\n\n/**\n * TextFieldDescription Sub-component\n * Helper text displayed below the input\n */\nexport const TextFieldDescription = forwardRef<HTMLDivElement, TextFieldDescriptionProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <AriaText\n        ref={ref}\n        slot=\"description\"\n        className={cn(descriptionVariants(), className)}\n        {...props}\n      >\n        {children}\n      </AriaText>\n    );\n  }\n);\n\nTextFieldDescription.displayName = \"TextFieldDescription\";\n\n/**\n * TextFieldError Sub-component\n * Error message displayed when field is invalid\n * Note: We use AriaFieldError with explicit role=\"alert\" for screen reader announcements\n */\nexport const TextFieldError = forwardRef<HTMLDivElement, TextFieldErrorProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <AriaFieldError\n        ref={ref}\n        {...props}\n        className={cn(errorMessageVariants(), className)}\n      >\n        <span className=\"flex items-center gap-2\" role=\"alert\"><CircleAlert className=\"h-4 w-4\" />{children}</span>\n      </AriaFieldError>\n    );\n  }\n);\n\nTextFieldError.displayName = \"TextFieldError\";\n\n/**\n * TextFieldSuccess Sub-component\n * Success message displayed when field is valid\n */\nexport const TextFieldSuccess = forwardRef<HTMLDivElement, TextFieldDescriptionProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <AriaText\n        ref={ref}\n        slot=\"description\"\n        className={cn(successMessageVariants(), className)}\n        {...props}\n      >\n        {children}\n      </AriaText>\n    );\n  }\n);\n\nTextFieldSuccess.displayName = \"TextFieldSuccess\";\n\n/**\n * TextField Component\n * Fully accessible text input with React Aria and themed styling\n *\n * @example\n * <TextField\n *   label=\"Email\"\n *   description=\"We'll never share your email\"\n *   isRequired\n *   type=\"email\"\n * />\n */\nexport const TextField = forwardRef<HTMLDivElement, TextFieldProps>(\n  (\n    {\n      className,\n      size = 'default',\n      label,\n      description,\n      errorMessage,\n      successMessage,\n      type = 'text',\n      isRequired = false,\n      isReadOnly = false,\n      isDisabled = false,\n      isInvalid = false,\n      isValid = false,\n      id,\n      autoComplete,\n      disableCopyPaste = false,\n      pattern,\n      patternDescription,\n      expandOnFocus = false,\n      collapsedWidth = '200px',\n      prefix,\n      suffix,\n      prefixSize = 16,\n      suffixSize = 16,\n      showPasswordToggle,\n      isIconHidden = false,\n      onSubmit,\n      onClear,\n      value,\n      defaultValue,\n      onFocus: userOnFocus,\n      onBlur: userOnBlur,\n      ...props\n    },\n    ref\n  ) => {\n    // Generate unique IDs for error message linking\n    const errorId = useId();\n    const generatedId = useId();\n    const fieldId = id || generatedId;\n\n    // Custom hooks for behavioral logic\n    const { handleFocus, handleBlur, inputWidth } = useExpandOnFocus({\n      expandOnFocus,\n      collapsedWidth,\n      value,\n      defaultValue,\n      userOnFocus,\n      userOnBlur,\n    });\n\n    const { isShaking, screenReaderMessage, handlePaste } = useCopyPasteProtection({\n      disableCopyPaste,\n    });\n\n    const { showPassword, actualType, handlePasswordToggle } = usePasswordToggle({\n      type,\n      showPasswordToggle,\n    });\n\n    // ==========================================================================\n    // Search functionality (type=\"search\")\n    // ==========================================================================\n    const isSearch = type === 'search';\n    const [searchValue, setSearchValue] = useState(defaultValue ?? '');\n    const isControlledSearch = value !== undefined;\n    const currentSearchValue = isControlledSearch ? value : searchValue;\n\n    const handleSearchChange = useCallback(\n      (newValue: string) => {\n        if (!isControlledSearch) {\n          setSearchValue(newValue);\n        }\n        (props as { onChange?: (v: string) => void }).onChange?.(newValue);\n      },\n      [isControlledSearch, props]\n    );\n\n    const handleSearchClear = useCallback(() => {\n      if (!isControlledSearch) {\n        setSearchValue('');\n      }\n      (props as { onChange?: (v: string) => void }).onChange?.('');\n      onClear?.();\n    }, [isControlledSearch, props, onClear]);\n\n    const handleSearchKeyDown = useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === 'Enter' && onSubmit) {\n          onSubmit(currentSearchValue);\n        }\n        if (e.key === 'Escape' && currentSearchValue) {\n          e.preventDefault();\n          handleSearchClear();\n        }\n      },\n      [currentSearchValue, onSubmit, handleSearchClear]\n    );\n\n    // Determine input state based on props\n    const inputState = useMemo(() => {\n      if (isDisabled) return 'disabled';\n      if (isReadOnly) return 'readonly';\n      if (isInvalid) return 'error';\n      if (isValid) return 'success';\n      return 'default';\n    }, [isDisabled, isReadOnly, isInvalid, isValid]);\n\n    // Determine label state\n    const labelState = useMemo(() => {\n      if (isDisabled) return 'disabled';\n      if (isInvalid) return 'error';\n      return 'default';\n    }, [isDisabled, isInvalid]);\n\n    // Combine description and patternDescription\n    const combinedDescription = useMemo(() => {\n      if (description && patternDescription) {\n        return `${description} ${patternDescription}`;\n      }\n      return description || patternDescription;\n    }, [description, patternDescription]);\n\n    // Determine actual prefix (search icon auto-added for type=\"search\")\n    const actualPrefix = useMemo(() => {\n      if (isSearch && !isIconHidden && !prefix) {\n        const iconSize = size === 'sm' ? 'h-3.5 w-3.5' : size === 'lg' ? 'h-5 w-5' : 'h-4 w-4';\n        return <Search className={iconSize} />;\n      }\n      return prefix;\n    }, [isSearch, isIconHidden, prefix, size]);\n\n    // Calculate dynamic padding for prefix/suffix\n    const inputPadding = useMemo(() => {\n      const basePadding = { left: 12, right: 12 }; // Default px-3 = 12px\n\n      if (actualPrefix) {\n        const prefixWidth = typeof actualPrefix === 'string'\n          ? actualPrefix.length * 8 + 16\n          : prefixSize + 16;\n        basePadding.left = prefixWidth;\n      }\n\n      if (type === 'password' && showPasswordToggle) {\n        basePadding.right = 16 + 16;\n      } else if (isSearch && currentSearchValue) {\n        basePadding.right = 44; // Space for clear button\n      } else if (suffix) {\n        const suffixWidth = typeof suffix === 'string'\n          ? suffix.length * 8 + 16\n          : suffixSize + 16;\n        basePadding.right = suffixWidth;\n      }\n\n      return basePadding;\n    }, [actualPrefix, prefix, suffix, prefixSize, suffixSize, type, showPasswordToggle, isSearch, currentSearchValue]);\n\n    // Determine actual suffix (password toggle / search clear / custom suffix)\n    const actualSuffix = useMemo(() => {\n      if (type === 'password' && showPasswordToggle) {\n        return (\n          <Button\n            variant=\"ghost\"\n            visualSize=\"icon\"\n            onPress={handlePasswordToggle}\n            aria-label={showPassword ? 'Hide password' : 'Show password'}\n            className=\"!min-h-0 !min-w-0 h-8 w-8\"\n          >\n            {showPassword ? <EyeOffIcon /> : <EyeIcon />}\n          </Button>\n        );\n      }\n      if (isSearch && currentSearchValue) {\n        const iconSize = size === 'sm' ? 'h-3 w-3' : size === 'lg' ? 'h-5 w-5' : 'h-4 w-4';\n        return (\n          <Button\n            variant=\"ghost\"\n            visualSize=\"icon\"\n            onPress={handleSearchClear}\n            aria-label=\"Clear search\"\n            className=\"!min-h-0 !min-w-0 h-8 w-8\"\n          >\n            <X className={iconSize} />\n          </Button>\n        );\n      }\n      return suffix;\n    }, [type, showPasswordToggle, showPassword, suffix, handlePasswordToggle, isSearch, currentSearchValue, size, handleSearchClear]);\n\n    // Whether the suffix is an interactive button (password toggle or search clear)\n    const hasInteractiveSuffix = (type === 'password' && showPasswordToggle) || (isSearch && !!currentSearchValue);\n\n    return (\n      <AriaTextField\n        ref={ref}\n        className={cn(\"flex flex-col gap-1.5\", className)}\n        isRequired={isRequired}\n        isReadOnly={isReadOnly}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        value={isSearch ? currentSearchValue : value}\n        defaultValue={isSearch ? undefined : defaultValue}\n        onChange={isSearch ? handleSearchChange : undefined}\n        {...props}\n      >\n        {/* Label with required indicator */}\n        {label && (\n          <AriaLabel className={cn(labelVariants({ state: labelState }))}>\n            {label}\n            {isRequired && (\n              <span className=\"ml-1 text-[var(--destructive-background)]\" aria-hidden=\"true\">\n                <strong>*</strong>\n              </span>\n            )}\n          </AriaLabel>\n        )}\n\n        {/* Description text (helper text) */}\n        {combinedDescription && (\n          <AriaText slot=\"description\" className={cn(descriptionVariants())}>\n            {combinedDescription}\n          </AriaText>\n        )}\n\n        {/* Input field with prefix/suffix */}\n        <div\n          className=\"relative flex items-center motion-safe:transition-all motion-safe:duration-200\"\n          style={{\n            width: inputWidth,\n          }}\n        >\n          {/* Prefix */}\n          {actualPrefix && (\n            <div\n              data-testid=\"textfield-prefix\"\n              className=\"absolute left-3 flex items-center justify-center pointer-events-none text-[var(--content-foreground)]\"\n              aria-hidden=\"true\"\n            >\n              {actualPrefix}\n            </div>\n          )}\n\n          {/* Input */}\n          <AriaInput\n            type={actualType}\n            id={fieldId}\n            className={cn(\n              inputVariants({ size, state: inputState }),\n              DISABLED_STYLES,\n              isShaking && 'shake'\n            )}\n            style={{\n              width: '100%',\n              paddingLeft: `${inputPadding.left}px`,\n              paddingRight: `${inputPadding.right}px`,\n            }}\n            autoComplete={autoComplete}\n            pattern={pattern}\n            onPaste={handlePaste}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            onKeyDown={isSearch ? handleSearchKeyDown : undefined}\n            aria-required={isRequired ? 'true' : undefined}\n            aria-readonly={isReadOnly ? 'true' : undefined}\n            aria-errormessage={isInvalid && errorMessage ? errorId : undefined}\n          />\n\n          {/* Suffix */}\n          {actualSuffix && (\n            <div\n              data-testid=\"textfield-suffix\"\n              className={cn(\n                \"absolute right-3 flex items-center justify-center text-[var(--content-foreground)]\",\n                hasInteractiveSuffix ? \"\" : \"pointer-events-none\"\n              )}\n              aria-hidden={hasInteractiveSuffix ? undefined : \"true\"}\n            >\n              {actualSuffix}\n            </div>\n          )}\n        </div>\n\n        {/* Success message (shown when valid) */}\n        {isValid && successMessage && !isInvalid && (\n          <AriaText slot=\"description\" className={cn(successMessageVariants())}>\n            {successMessage}\n          </AriaText>\n        )}\n\n        {/* Error message (shown when invalid) - takes precedence over success */}\n        {isInvalid && errorMessage && (\n          <TextFieldError id={errorId}>\n            {errorMessage}\n          </TextFieldError>\n        )}\n\n        {/* Screen reader announcement for paste prevention */}\n        {screenReaderMessage && (\n          <div className=\"sr-only\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n            {screenReaderMessage}\n          </div>\n        )}\n      </AriaTextField>\n    );\n  }\n);\n\nTextField.displayName = \"TextField\";\n\nexport { inputVariants as textFieldInputVariants, labelVariants as textFieldLabelVariants };\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport type { ReactNode } from 'react';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type {\n  TextFieldProps as AriaTextFieldProps,\n  LabelProps as AriaLabelProps,\n  InputProps as AriaInputProps,\n  TextProps as AriaTextProps,\n} from 'react-aria-components';\n\n/**\n * AutoComplete values from MDN spec\n * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\n */\nexport const AutoCompleteValue = z.enum([\n  // Control tokens\n  'off',\n  'on',\n  // Name-related\n  'name',\n  'honorific-prefix',\n  'given-name',\n  'additional-name',\n  'family-name',\n  'honorific-suffix',\n  'nickname',\n  // Contact\n  'email',\n  'username',\n  // Authentication\n  'new-password',\n  'current-password',\n  'one-time-code',\n  // Organization\n  'organization-title',\n  'organization',\n  // Address\n  'street-address',\n  'address-line1',\n  'address-line2',\n  'address-line3',\n  'address-level4',\n  'address-level3',\n  'address-level2',\n  'address-level1',\n  'country',\n  'country-name',\n  'postal-code',\n  // Payment\n  'cc-name',\n  'cc-given-name',\n  'cc-additional-name',\n  'cc-family-name',\n  'cc-number',\n  'cc-exp',\n  'cc-exp-month',\n  'cc-exp-year',\n  'cc-csc',\n  'cc-type',\n  // Transaction\n  'transaction-currency',\n  'transaction-amount',\n  // Personal\n  'language',\n  'bday',\n  'bday-day',\n  'bday-month',\n  'bday-year',\n  'sex',\n  // Telephone\n  'tel',\n  'tel-country-code',\n  'tel-national',\n  'tel-area-code',\n  'tel-local',\n  'tel-extension',\n  // Other\n  'impp',\n  'url',\n  'photo',\n]);\n\nexport type AutoCompleteValueType = z.infer<typeof AutoCompleteValue>;\n\n/**\n * Dangerous regex patterns that can cause ReDoS attacks\n * @see DECISIONS.md Decision 21\n */\nconst DANGEROUS_REGEX_PATTERNS = [\n  /\\(\\.\\*\\)\\+/, // Catastrophic backtracking: (.*)+\n  /\\(\\.\\+\\)\\+/, // Catastrophic backtracking: (.+)+\n  /\\([^)]*\\)\\{.*,.*\\}/, // Excessive quantifiers: (x){10,1000}\n  /\\(\\?!\\)/, // Negative lookahead (can be slow)\n  /\\(\\?<=\\)/, // Positive lookbehind (can be slow)\n];\n\n/**\n * Validates regex pattern for ReDoS safety\n * @param pattern - Regular expression pattern string\n * @returns true if pattern is safe, false if potentially dangerous\n */\nexport const validatePatternSafety = (pattern: string): boolean => {\n  // Check for known dangerous patterns\n  for (const dangerous of DANGEROUS_REGEX_PATTERNS) {\n    if (dangerous.test(pattern)) {\n      return false;\n    }\n  }\n\n  // Check for excessive nested quantifiers\n  const quantifierCount = (pattern.match(/[*+{}]/g) || []).length;\n  if (quantifierCount > 5) {\n    return false;\n  }\n\n  return true;\n};\n\n/**\n * TextField props schema extending BaseComponentProps\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements - WCAG 2.2 AAA)\n * @see React Aria TextField: https://react-spectrum.adobe.com/react-aria/TextField.html\n * @see ShadCN Input: https://ui.shadcn.com/docs/components/input\n * @see ShadCN Label: https://ui.shadcn.com/docs/components/label\n */\nexport const TextFieldPropsSchema = BaseComponentPropsSchema.extend({\n  // Size variants (matching Button sizes: sm, default, lg)\n  size: z.enum(['sm', 'default', 'lg']).optional().default('default'),\n\n  // Text content\n  label: z.string().optional(),\n  description: z.string().optional(),\n  errorMessage: z.string().optional(),\n  successMessage: z.string().optional(),\n\n  // Input type - BREAKING: removed 'tel' (use TelField component instead)\n  // @see DECISIONS.md Decision 14\n  type: z\n    .enum(['text', 'email', 'password', 'url', 'search'])\n    .optional()\n    .default('text'),\n\n  // State props\n  isRequired: z.boolean().optional(),\n  isReadOnly: z.boolean().optional(),\n  isDisabled: z.boolean().optional(),\n  isInvalid: z.boolean().optional(),\n  isValid: z.boolean().optional(),\n\n  // Input attributes\n  placeholder: z.string().optional(),\n  value: z.string().optional(),\n  defaultValue: z.string().optional(),\n  name: z.string().optional(),\n  autoFocus: z.boolean().optional(),\n\n  // AutoComplete - BREAKING: strict MDN enum instead of string\n  // @see DECISIONS.md Decision 13\n  autoComplete: AutoCompleteValue.optional(),\n\n  maxLength: z.number().optional(),\n  minLength: z.number().optional(),\n\n  // Pattern validation with security check\n  // @see DECISIONS.md Decision 15, 18\n  // @warning SECURITY: Only use patterns defined in source code, never from user input\n  pattern: z.string().optional(),\n  patternDescription: z.string().optional(),\n\n  // Feature: Copy/Paste Restriction\n  // @see DECISIONS.md Decision 4\n  disableCopyPaste: z.boolean().optional().default(false),\n\n  // Feature: Prefix/Suffix\n  // @see DECISIONS.md Decision 9\n  prefix: z.any().optional(), // ReactNode - can't validate with Zod\n  suffix: z.any().optional(), // ReactNode - can't validate with Zod\n  prefixSize: z.number().optional().default(16),\n  suffixSize: z.number().optional().default(16),\n\n  // Feature: Expand on Focus\n  // @see DECISIONS.md Decision 6, 17\n  expandOnFocus: z.boolean().optional().default(false),\n  collapsedWidth: z.string().optional().default('200px'),\n\n  // Feature: Password Toggle\n  // @see DECISIONS.md Decision 8\n  showPasswordToggle: z.boolean().optional(),\n\n  // Feature: Search (type=\"search\")\n  /** Hide the search icon when type=\"search\" */\n  isIconHidden: z.boolean().optional().default(false),\n\n  /** Called when search is submitted (Enter key). Only applicable when type=\"search\". */\n  onSubmit: z.custom<(value: string) => void>().optional(),\n\n  /** Called when search is cleared (clear button or Escape key). Only applicable when type=\"search\". */\n  onClear: z.custom<() => void>().optional(),\n\n  // Event handlers (onChange, onBlur, onFocus inherited from AriaTextFieldProps)\n  // Custom validate function added in TypeScript type below (not in Zod schema)\n})\n.refine(\n  (data) => !data.pattern || data.patternDescription,\n  {\n    message: \"patternDescription is required when pattern is provided\",\n    path: [\"patternDescription\"]\n  }\n)\n.refine(\n  (data) => !data.pattern || validatePatternSafety(data.pattern),\n  {\n    message: \"Unsafe regex pattern detected. Pattern may cause ReDoS vulnerability. Avoid patterns like (.*)+, (.+)+, or excessive quantifiers.\",\n    path: [\"pattern\"]\n  }\n)\n.refine(\n  (data) => !(data.successMessage && data.errorMessage),\n  {\n    message: \"Cannot provide both successMessage and errorMessage. Use one based on validation state.\",\n    path: [\"successMessage\"]\n  }\n)\n.refine(\n  (data) => {\n    // Development mode warning for conflicting validation states\n    if (typeof process !== 'undefined' && process.env.NODE_ENV === 'development') {\n      if (data.isValid && data.isInvalid) {\n        console.error('[TextField] Both isValid and isInvalid are true. isInvalid takes precedence.');\n      }\n    }\n    return true;\n  }\n);\n\nexport type TextFieldProps = Partial<z.infer<typeof TextFieldPropsSchema>> &\n  Omit<AriaTextFieldProps, keyof z.infer<typeof TextFieldPropsSchema>> & {\n    // Explicitly type onChange for better IntelliSense\n    onChange?: (value: string) => void;\n\n    // Custom validation function\n    // @see DECISIONS.md Decision 7, 18\n    // Pattern validation runs first, then custom validate\n    validate?: (value: string) => string | undefined | null;\n\n    // Prefix/Suffix with proper typing\n    prefix?: ReactNode;\n    suffix?: ReactNode;\n  };\n\n/**\n * Label props schema for TextField label sub-component\n */\nexport const TextFieldLabelPropsSchema = z.object({\n  children: z.any().optional(),\n  className: z.string().optional(),\n  htmlFor: z.string().optional(),\n  state: z.enum(['default', 'error', 'disabled']).optional().default('default'),\n});\n\nexport type TextFieldLabelProps = z.infer<typeof TextFieldLabelPropsSchema> &\n  Omit<AriaLabelProps, keyof z.infer<typeof TextFieldLabelPropsSchema>>;\n\n/**\n * Input props schema for TextField input sub-component\n */\nexport const TextFieldInputPropsSchema = z.object({\n  className: z.string().optional(),\n  size: z.enum(['sm', 'default', 'lg']).optional().default('default'),\n  state: z\n    .enum(['default', 'error', 'success', 'disabled', 'readonly'])\n    .optional()\n    .default('default'),\n});\n\nexport type TextFieldInputProps = z.infer<typeof TextFieldInputPropsSchema> &\n  Omit<AriaInputProps, keyof z.infer<typeof TextFieldInputPropsSchema>>;\n\n/**\n * Description text props schema for TextField description sub-component\n */\nexport const TextFieldDescriptionPropsSchema = z.object({\n  children: z.any().optional(),\n  className: z.string().optional(),\n});\n\nexport type TextFieldDescriptionProps = z.infer<typeof TextFieldDescriptionPropsSchema> &\n  Omit<AriaTextProps, keyof z.infer<typeof TextFieldDescriptionPropsSchema>>;\n\n/**\n * Error message props schema for TextField error sub-component\n */\nexport const TextFieldErrorPropsSchema = z.object({\n  children: z.any().optional(),\n  className: z.string().optional(),\n});\n\nexport type TextFieldErrorProps = z.infer<typeof TextFieldErrorPropsSchema> &\n  Omit<AriaTextProps, keyof z.infer<typeof TextFieldErrorPropsSchema>>;\n\n/**\n * Success message props schema for TextField success sub-component\n * @see DECISIONS.md Decision 5\n */\nexport const TextFieldSuccessPropsSchema = z.object({\n  children: z.any().optional(),\n  className: z.string().optional(),\n});\n\nexport type TextFieldSuccessProps = z.infer<typeof TextFieldSuccessPropsSchema> &\n  Omit<AriaTextProps, keyof z.infer<typeof TextFieldSuccessPropsSchema>>;\n\n/**\n * CVA variant configuration types\n */\nexport type TextFieldSize = z.infer<typeof TextFieldPropsSchema>['size'];\nexport type InputState = z.infer<typeof TextFieldInputPropsSchema>['state'];\nexport type LabelState = z.infer<typeof TextFieldLabelPropsSchema>['state'];\n"]}

package/dist/elements/TimeField/index.js

@@ -1,45 +1,3 @@
-'use strict';
-
-var chunk3H7ASYR7_js = require('../../chunk-3H7ASYR7.js');
-require('../../chunk-VIREG536.js');
-
-
-
-Object.defineProperty(exports, "Time", {
-  enumerable: true,
-  get: function () { return chunk3H7ASYR7_js.Time; }
-});
-Object.defineProperty(exports, "TimeField", {
-  enumerable: true,
-  get: function () { return chunk3H7ASYR7_js.TimeField; }
-});
-Object.defineProperty(exports, "TimeFieldPropsSchema", {
-  enumerable: true,
-  get: function () { return chunk3H7ASYR7_js.TimeFieldPropsSchema; }
-});
-Object.defineProperty(exports, "parseTime", {
-  enumerable: true,
-  get: function () { return chunk3H7ASYR7_js.parseTime; }
-});
-Object.defineProperty(exports, "timeFieldDescriptionVariants", {
-  enumerable: true,
-  get: function () { return chunk3H7ASYR7_js.timeFieldDescriptionVariants; }
-});
-Object.defineProperty(exports, "timeFieldErrorVariants", {
-  enumerable: true,
-  get: function () { return chunk3H7ASYR7_js.timeFieldErrorVariants; }
-});
-Object.defineProperty(exports, "timeFieldLabelVariants", {
-  enumerable: true,
-  get: function () { return chunk3H7ASYR7_js.timeFieldLabelVariants; }
-});
-Object.defineProperty(exports, "timeFieldVariants", {
-  enumerable: true,
-  get: function () { return chunk3H7ASYR7_js.timeFieldVariants; }
-});
-Object.defineProperty(exports, "timeSegmentVariants", {
-  enumerable: true,
-  get: function () { return chunk3H7ASYR7_js.timeSegmentVariants; }
-});
-//# sourceMappingURL=index.js.map
+"use client";
+'use strict';var react=require('react'),reactAriaComponents=require('react-aria-components'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),zod=require('zod'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime'),date=require('@internationalized/date');function t(...o){return tailwindMerge.twMerge(clsx.clsx(o))}var v=zod.z.object({value:zod.z.custom().optional(),defaultValue:zod.z.custom().optional(),placeholderValue:zod.z.custom().optional(),granularity:zod.z.enum(["hour","minute","second"]).default("minute"),hourCycle:zod.z.union([zod.z.literal(12),zod.z.literal(24)]).optional(),hideTimeZone:zod.z.boolean().optional(),shouldForceLeadingZeros:zod.z.boolean().optional(),minValue:zod.z.custom().optional(),maxValue:zod.z.custom().optional(),isDisabled:zod.z.boolean().optional(),isReadOnly:zod.z.boolean().optional(),isRequired:zod.z.boolean().optional(),isInvalid:zod.z.boolean().optional(),validate:zod.z.function().optional(),validationBehavior:zod.z.enum(["native","aria"]).default("native"),label:zod.z.string(),description:zod.z.string().optional(),errorMessage:zod.z.union([zod.z.string(),zod.z.function()]).optional(),name:zod.z.string().optional(),size:zod.z.enum(["sm","default","lg"]).default("default"),onChange:zod.z.function().optional(),onFocus:zod.z.function().optional(),onBlur:zod.z.function().optional(),onFocusChange:zod.z.function().optional(),className:zod.z.string().optional(),autoFocus:zod.z.boolean().optional()}),l=classVarianceAuthority.cva(["inline-flex items-center rounded-md border","bg-[var(--content-background)] text-[var(--content-foreground)]","transition-colors duration-200","focus-within:ring-2 focus-within:ring-[var(--ring)] focus-within:ring-offset-2","data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50"],{variants:{size:{sm:"h-9 px-3 text-sm gap-0.5",default:"h-11 px-4 text-base gap-1",lg:"h-14 px-5 text-lg gap-1.5"},isInvalid:{true:"border-[var(--destructive)] focus-within:ring-[var(--destructive)]",false:"border-[var(--input)] hover:border-[var(--input)]/80"}},defaultVariants:{size:"default",isInvalid:false}}),s=classVarianceAuthority.cva(["tabular-nums rounded px-0.5","focus:outline-none focus:bg-[var(--accent)] focus:text-[var(--accent-foreground)]","data-[placeholder]:text-[var(--menu-muted)]","data-[type=literal]:text-[var(--menu-muted)]","data-[disabled]:opacity-50"],{variants:{size:{sm:"text-sm min-w-[1.5ch]",default:"text-base min-w-[2ch]",lg:"text-lg min-w-[2ch]"}},defaultVariants:{size:"default"}}),m=classVarianceAuthority.cva(["block font-medium text-[var(--content-foreground)]","mb-1.5",'data-[required]:after:content-["*"] data-[required]:after:ml-0.5',"data-[required]:after:text-[var(--destructive)]"],{variants:{size:{sm:"text-sm",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}}),d=classVarianceAuthority.cva(["text-[var(--menu-muted)]","mt-1"],{variants:{size:{sm:"text-xs",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}}),u=classVarianceAuthority.cva(["flex items-center gap-1","text-[var(--destructive)]","mt-1"],{variants:{size:{sm:"text-xs",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}});var c=react.forwardRef(({label:o,description:p,errorMessage:f,size:i="default",className:x,...n},g)=>jsxRuntime.jsxs(reactAriaComponents.TimeField,{ref:g,className:t("group flex flex-col gap-1",x),...n,children:[o&&jsxRuntime.jsx(reactAriaComponents.Label,{className:t(m({size:i})),"data-required":n.isRequired||void 0,children:o}),jsxRuntime.jsx(reactAriaComponents.DateInput,{className:t(l({size:i,isInvalid:n.isInvalid}),"w-fit"),children:F=>jsxRuntime.jsx(reactAriaComponents.DateSegment,{segment:F,className:t(s({size:i}))})}),p&&jsxRuntime.jsx(reactAriaComponents.Text,{slot:"description",className:t(d({size:i})),children:p}),jsxRuntime.jsx(reactAriaComponents.FieldError,{className:t(u({size:i})),children:f})]}));c.displayName="TimeField";Object.defineProperty(exports,"Time",{enumerable:true,get:function(){return date.Time}});Object.defineProperty(exports,"parseTime",{enumerable:true,get:function(){return date.parseTime}});exports.TimeField=c;exports.TimeFieldPropsSchema=v;exports.timeFieldDescriptionVariants=d;exports.timeFieldErrorVariants=u;exports.timeFieldLabelVariants=m;exports.timeFieldVariants=l;exports.timeSegmentVariants=s;//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/elements/TimeField/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/TimeField/TimeField.types.ts","../../../src/elements/TimeField/TimeField.tsx"],"names":["cn","inputs","twMerge","clsx","TimeFieldPropsSchema","z","timeFieldVariants","cva","timeSegmentVariants","timeFieldLabelVariants","timeFieldDescriptionVariants","timeFieldErrorVariants","TimeField","forwardRef","label","description","errorMessage","size","className","props","ref","jsxs","AriaTimeField","jsx","AriaLabel","AriaDateInput","segment","AriaDateSegment","AriaText","AriaFieldError"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","/**\n * TimeField Component Types\n *\n * Zod schemas and TypeScript types for the TimeField component.\n * Includes CVA variant definitions for styling.\n *\n * Note: Zod schemas are used for contract tests and developer guardrails,\n * not runtime validation. This follows the established Themis pattern.\n *\n * @see {@link ../../docs/prd/timefield-prd.md} for full requirements\n */\n\nimport { z } from 'zod';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type {\n  TimeFieldProps as AriaTimeFieldProps,\n  TimeValue,\n} from 'react-aria-components';\n\n// ============================================================================\n// Time Value Types (re-exported for convenience)\n// ============================================================================\n\n/**\n * Union type for all time values supported by the TimeField.\n * - Time: Time only (no date, no timezone)\n * - CalendarDateTime: Date and time (no timezone)\n * - ZonedDateTime: Date, time, and timezone\n */\nexport type { TimeValue } from 'react-aria-components';\n\n// ============================================================================\n// Granularity Type\n// ============================================================================\n\n/**\n * Controls which time segments are displayed.\n * - 'hour': Hour only (+ AM/PM in 12-hour mode)\n * - 'minute': Hour + minute (default)\n * - 'second': Hour + minute + second\n *\n * Note: Millisecond granularity is intentionally excluded - no common UI use case.\n */\nexport type TimeGranularity = 'hour' | 'minute' | 'second';\n\n// ============================================================================\n// Size Variant Type\n// ============================================================================\n\n/**\n * Size variants for TimeField component.\n * - 'sm': Compact size (36px height) - AA compliant only, not AAA\n * - 'default': Standard size (44px height) - AAA compliant\n * - 'lg': Large size (56px height) - AAA compliant\n */\nexport type TimeFieldSize = 'sm' | 'default' | 'lg';\n\n// ============================================================================\n// Hour Cycle Type\n// ============================================================================\n\n/**\n * Hour cycle format.\n * - 12: 12-hour format with AM/PM\n * - 24: 24-hour format\n */\nexport type HourCycle = 12 | 24;\n\n// ============================================================================\n// Zod Schemas\n// ============================================================================\n\n/**\n * Zod schema for TimeField props validation.\n * Used for contract tests and developer guardrails, not runtime validation.\n */\nexport const TimeFieldPropsSchema = z.object({\n  // Value props\n  value: z.custom<TimeValue>().optional(),\n  defaultValue: z.custom<TimeValue>().optional(),\n  placeholderValue: z.custom<TimeValue>().optional(),\n\n  // Granularity props\n  granularity: z.enum(['hour', 'minute', 'second']).default('minute'),\n  hourCycle: z.union([z.literal(12), z.literal(24)]).optional(),\n  hideTimeZone: z.boolean().optional(),\n  shouldForceLeadingZeros: z.boolean().optional(),\n\n  // Constraint props\n  minValue: z.custom<TimeValue>().optional(),\n  maxValue: z.custom<TimeValue>().optional(),\n\n  // State props\n  isDisabled: z.boolean().optional(),\n  isReadOnly: z.boolean().optional(),\n  isRequired: z.boolean().optional(),\n  isInvalid: z.boolean().optional(),\n\n  // Validation props\n  /** Custom validation function that returns an error message or null */\n  validate: z.function().optional(),\n  validationBehavior: z.enum(['native', 'aria']).default('native'),\n\n  // Display props\n  label: z.string(),\n  description: z.string().optional(),\n  /** Error message string or render function */\n  errorMessage: z.union([z.string(), z.function()]).optional(),\n\n  // Form props\n  name: z.string().optional(),\n\n  // Variant props\n  size: z.enum(['sm', 'default', 'lg']).default('default'),\n\n  // Event props\n  /** Called when the time value changes */\n  onChange: z.function().optional(),\n  /** Called when the field gains focus */\n  onFocus: z.function().optional(),\n  /** Called when the field loses focus */\n  onBlur: z.function().optional(),\n  /** Called when focus state changes */\n  onFocusChange: z.function().optional(),\n\n  // Standard props\n  className: z.string().optional(),\n  autoFocus: z.boolean().optional(),\n});\n\n// ============================================================================\n// TypeScript Types\n// ============================================================================\n\n/**\n * Custom props added to TimeField (not from React Aria).\n */\nexport interface ThemisTimeFieldCustomProps {\n  /** Size variant: 'sm', 'default', or 'lg' */\n  size?: TimeFieldSize;\n  /** Field label */\n  label?: string;\n  /** Description text below the field */\n  description?: string;\n  /** Error message when field is invalid */\n  errorMessage?: string;\n}\n\n/**\n * Props for the TimeField component.\n * Uses React Aria's TimeFieldProps directly to ensure correct function types.\n */\nexport type TimeFieldProps = AriaTimeFieldProps<TimeValue> &\n  ThemisTimeFieldCustomProps;\n\n// ============================================================================\n// CVA Variants\n// ============================================================================\n\n/**\n * Variants for the TimeField input container.\n * Applies to the DateInput element wrapping time segments.\n *\n * Size notes:\n * - sm (36px): Desktop-only, AA compliant only (not AAA touch target)\n * - default (44px): AAA compliant, recommended for most use cases\n * - lg (56px): AAA compliant, enhanced touch targets\n */\nexport const timeFieldVariants = cva(\n  [\n    // Base styles\n    'inline-flex items-center rounded-md border',\n    'bg-[var(--content-background)] text-[var(--content-foreground)]',\n    'transition-colors duration-200',\n    // Focus within\n    'focus-within:ring-2 focus-within:ring-[var(--ring)] focus-within:ring-offset-2',\n    // Disabled\n    'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'h-9 px-3 text-sm gap-0.5', // 36px - AA only\n        default: 'h-11 px-4 text-base gap-1', // 44px - AAA\n        lg: 'h-14 px-5 text-lg gap-1.5', // 56px - AAA\n      },\n      isInvalid: {\n        true: 'border-[var(--destructive)] focus-within:ring-[var(--destructive)]',\n        false: 'border-[var(--input)] hover:border-[var(--input)]/80',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      isInvalid: false,\n    },\n  }\n);\n\n/**\n * Variants for individual time segment elements.\n * Each segment (hour, minute, second, dayPeriod) uses these styles.\n */\nexport const timeSegmentVariants = cva(\n  [\n    // Base styles\n    'tabular-nums rounded px-0.5',\n    // Focus\n    'focus:outline-none focus:bg-[var(--accent)] focus:text-[var(--accent-foreground)]',\n    // Placeholder\n    'data-[placeholder]:text-[var(--menu-muted)]',\n    // Literal segments (colons, spaces)\n    'data-[type=literal]:text-[var(--menu-muted)]',\n    // Disabled\n    'data-[disabled]:opacity-50',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'text-sm min-w-[1.5ch]',\n        default: 'text-base min-w-[2ch]',\n        lg: 'text-lg min-w-[2ch]',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\n/**\n * Variants for the TimeField label.\n */\nexport const timeFieldLabelVariants = cva(\n  [\n    'block font-medium text-[var(--content-foreground)]',\n    'mb-1.5',\n    // Required indicator\n    'data-[required]:after:content-[\"*\"] data-[required]:after:ml-0.5',\n    'data-[required]:after:text-[var(--destructive)]',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'text-sm',\n        default: 'text-sm',\n        lg: 'text-base',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\n/**\n * Variants for the description text below the field.\n */\nexport const timeFieldDescriptionVariants = cva(\n  [\n    'text-[var(--menu-muted)]',\n    'mt-1',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'text-xs',\n        default: 'text-sm',\n        lg: 'text-base',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\n/**\n * Variants for the error message display.\n */\nexport const timeFieldErrorVariants = cva(\n  [\n    'flex items-center gap-1',\n    'text-[var(--destructive)]',\n    'mt-1',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'text-xs',\n        default: 'text-sm',\n        lg: 'text-base',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\n// ============================================================================\n// Variant Types (from CVA)\n// ============================================================================\n\n/**\n * Variant props for timeFieldVariants CVA function.\n */\nexport type TimeFieldVariantProps = VariantProps<typeof timeFieldVariants>;\n\n/**\n * Variant props for timeSegmentVariants CVA function.\n */\nexport type TimeSegmentVariantProps = VariantProps<typeof timeSegmentVariants>;\n","'use client';\n\n/**\n * TimeField Component\n *\n * A fully accessible time input component built on React Aria's TimeField primitive.\n * Provides keyboard-editable time segments for entering hours, minutes, and seconds.\n *\n * Features:\n * - WCAG 2.2 AAA compliant (default/lg sizes) / AA compliant (sm size)\n * - Configurable granularity (hour, minute, second)\n * - 12-hour and 24-hour format support\n * - Step increment support\n * - Min/max constraints with validation\n * - Form integration with hidden input\n * - Full keyboard navigation\n * - Screen reader accessible\n *\n * @see {@link ../../docs/prd/timefield-prd.md} for full requirements\n */\n\nimport { forwardRef, type ReactElement } from 'react';\nimport {\n  TimeField as AriaTimeField,\n  DateInput as AriaDateInput,\n  DateSegment as AriaDateSegment,\n  Label as AriaLabel,\n  Text as AriaText,\n  FieldError as AriaFieldError,\n} from 'react-aria-components';\nimport { cn } from '../../utils/cn';\nimport type { TimeFieldProps } from './TimeField.types';\nimport {\n  timeFieldVariants,\n  timeSegmentVariants,\n  timeFieldLabelVariants,\n  timeFieldDescriptionVariants,\n  timeFieldErrorVariants,\n} from './TimeField.types';\n\n// =============================================================================\n// TimeField Component\n// =============================================================================\n\n/**\n * TimeField component for time input with keyboard-editable segments.\n *\n * @example\n * ```tsx\n * import { TimeField, Time } from '@tribepad/themis/elements/TimeField';\n *\n * // Basic usage\n * <TimeField label=\"Meeting Time\" />\n *\n * // With default value\n * <TimeField\n *   label=\"Start Time\"\n *   defaultValue={new Time(14, 30)}\n * />\n *\n * // 12-hour format with step\n * <TimeField\n *   label=\"Appointment\"\n *   hourCycle={12}\n *   step={15}\n * />\n *\n * // With validation\n * <TimeField\n *   label=\"Office Hours\"\n *   minValue={new Time(9, 0)}\n *   maxValue={new Time(17, 0)}\n *   errorMessage=\"Please select a time within office hours\"\n * />\n * ```\n */\nexport const TimeField = forwardRef<HTMLDivElement, TimeFieldProps>(\n  (\n    {\n      // Display props\n      label,\n      description,\n      errorMessage,\n      // Variant props\n      size = 'default',\n      // Standard props\n      className,\n      // All other props go to AriaTimeField\n      ...props\n    },\n    ref\n  ): ReactElement => {\n    return (\n      <AriaTimeField\n        ref={ref}\n        className={cn('group flex flex-col gap-1', className)}\n        {...props}\n      >\n        {/* Label */}\n        {label && (\n          <AriaLabel\n            className={cn(timeFieldLabelVariants({ size }))}\n            data-required={props.isRequired || undefined}\n          >\n            {label}\n          </AriaLabel>\n        )}\n\n        {/* Time Input */}\n        <AriaDateInput\n          className={cn(\n            timeFieldVariants({\n              size,\n              isInvalid: props.isInvalid,\n            }),\n            'w-fit'\n          )}\n        >\n          {(segment) => (\n            <AriaDateSegment\n              segment={segment}\n              className={cn(timeSegmentVariants({ size }))}\n            />\n          )}\n        </AriaDateInput>\n\n        {/* Description */}\n        {description && (\n          <AriaText\n            slot=\"description\"\n            className={cn(timeFieldDescriptionVariants({ size }))}\n          >\n            {description}\n          </AriaText>\n        )}\n\n        {/* Error Message */}\n        <AriaFieldError className={cn(timeFieldErrorVariants({ size }))}>\n          {errorMessage}\n        </AriaFieldError>\n      </AriaTimeField>\n    );\n  }\n);\n\nTimeField.displayName = 'TimeField';\n"]}