@tribepad/themis 1.0.1 → 1.0.2

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/styles/interaction-states.ts","../../../src/elements/RadioGroup/RadioGroup.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/RadioGroup/RadioGroup.types.ts"],"names":["twMerge","clsx","createContext","cva","useContext","jsx","AriaRadio","jsxs","Fragment","forwardRef","RadioGroup","useId","AriaRadioGroup","Label","Text","FieldError","z"],"mappings":";;;;;;;;;;;AAcO,SAAS,MAAM,MAAA,EAA8B;AAClD,EAAA,OAAOA,qBAAA,CAAQC,SAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;;;ACIO,IAAM,YAAA,GAAe,+GAAA;AAsCrB,IAAM,mBAAA,GAAsB,uJAAA;ACCnC,IAAM,oBAAoBC,mBAAA,CAAsC;AAAA,EAC9D,OAAA,EAAS,SAAA;AAAA,EACT,IAAA,EAAM,SAAA;AAAA,EACN,SAAA,EAAW;AACb,CAAC,CAAA;AAUD,IAAM,kBAAA,GAAqBC,0BAAA;AAAA;AAAA,EAEzB,MAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,WAAA,EAAa;AAAA,QACX,QAAA,EAAU,gBAAA;AAAA,QACV,UAAA,EAAY;AAAA;AACd,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,WAAA,EAAa;AAAA;AACf;AAEJ,CAAA;AAQA,IAAM,iBAAA,GAAoBA,0BAAA;AAAA;AAAA,EAExB;AAAA,IACE,0DAAA;AAAA,IACA,gCAAA;AAAA,IACA,sBAAA;AAAA;AAAA;AAAA,IAEA,YAAA;AAAA,IACA;AAAA,GACF,CAAE,KAAK,GAAG,CAAA;AAAA,EACV;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS;AAAA,UACP,wBAAA;AAAA,UACA,sCAAA;AAAA,UACA,yCAAA;AAAA,UACA;AAAA,SACF,CAAE,KAAK,GAAG,CAAA;AAAA,QACV,WAAA,EAAa;AAAA,UACX,wBAAA;AAAA,UACA,2CAAA;AAAA,UACA,6CAAA;AAAA,UACA;AAAA,SACF,CAAE,KAAK,GAAG;AAAA,OACZ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,gCAAA;AAAA,QACJ,OAAA,EAAS,gCAAA;AAAA,QACT,EAAA,EAAI;AAAA,OACN;AAAA,MACA,UAAA,EAAY;AAAA,QACV,IAAA,EAAM,+BAAA;AAAA,QACN,KAAA,EAAO;AAAA,OACT;AAAA,MACA,SAAA,EAAW;AAAA;AAAA,QAET,IAAA,EAAM,6BAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM,SAAA;AAAA,MACN,UAAA,EAAY,KAAA;AAAA,MACZ,SAAA,EAAW;AAAA;AACb;AAEJ,CAAA;AAKA,IAAM,sBAAA,GAAyBA,0BAAA;AAAA;AAAA,EAE7B,qGAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS;AAAA,UACP,wBAAA;AAAA,UACA;AAAA,SACF,CAAE,KAAK,GAAG,CAAA;AAAA,QACV,WAAA,EAAa;AAAA,UACX,wBAAA;AAAA,UACA;AAAA,SACF,CAAE,KAAK,GAAG;AAAA,OACZ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,OAAA,EAAS,SAAA;AAAA,QACT,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAMA,IAAM,qBAAA,GAAwBA,0BAAA;AAAA;AAAA,EAE5B;AAAA,IACE,gDAAA;AAAA;AAAA,IAEA,6DAAA;AAAA;AAAA,IAEA,+BAAA;AAAA;AAAA,IAEA;AAAA,GACF,CAAE,KAAK,GAAG,CAAA;AAAA,EACV;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,qBAAA;AAAA,QACT,WAAA,EAAa;AAAA,OACf;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,OAAA,EAAS,aAAA;AAAA,QACT,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AASA,SAAS,UAAA,CAAW,EAAE,QAAA,EAAU,SAAA,EAAU,EAA+B;AACvE,EAAA,sCACG,MAAA,EAAA,EAAK,SAAA,EAAW,GAAG,8CAAA,EAAgD,SAAS,GAC1E,QAAA,EACH,CAAA;AAEJ;AAEA,UAAA,CAAW,WAAA,GAAc,aAAA;AAKzB,SAAS,gBAAA,CAAiB,EAAE,QAAA,EAAU,SAAA,EAAU,EAAqC;AACnF,EAAA,sCACG,MAAA,EAAA,EAAK,SAAA,EAAW,GAAG,kCAAA,EAAoC,SAAS,GAC9D,QAAA,EACH,CAAA;AAEJ;AAEA,gBAAA,CAAiB,WAAA,GAAc,mBAAA;AAS/B,SAAS,eAAe,EAAE,KAAA,EAAO,UAAA,EAAY,QAAA,EAAU,WAAU,EAA0B;AACzF,EAAA,MAAM,EAAE,OAAA,EAAS,IAAA,EAAM,SAAA,EAAU,GAAIC,iBAAW,iBAAiB,CAAA;AAEjE,EAAA,uBACEC,cAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA,EAAW,CAAC,WAAA,KACV,EAAA;AAAA,QACE,iBAAA,CAAkB;AAAA,UAChB,OAAA;AAAA,UACA,IAAA;AAAA,UACA,YAAY,WAAA,CAAY,UAAA;AAAA,UACxB;AAAA,SACD,CAAA;AAAA,QACD;AAAA,OACF;AAAA,MAGD,QAAA,EAAA,CAAC,gCACAC,eAAA,CAAAC,mBAAA,EAAA,EAEE,QAAA,EAAA;AAAA,wBAAAH,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,sBAAA,CAAuB,EAAE,OAAA,EAAS,MAAM,CAAA;AAAA,YACnD,eAAA,EAAe,YAAY,UAAA,IAAc,MAAA;AAAA,YAGzC,QAAA,kBAAAA,cAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAW,qBAAA,CAAsB,EAAE,OAAA,EAAS,MAAM,CAAA;AAAA,gBAClD,eAAA,EAAe,YAAY,UAAA,IAAc;AAAA;AAAA;AAC3C;AAAA,SACF;AAAA,wBAGAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sBAAA,EACZ,QAAA,EACH;AAAA,OAAA,EACF;AAAA;AAAA,GAEJ;AAEJ;AAGA,IAAM,KAAA,GAAQ,MAAA,CAAO,MAAA,CAAO,cAAA,EAAgB;AAAA,EAC1C,KAAA,EAAO,UAAA;AAAA,EACP,WAAA,EAAa;AACf,CAAC;AAMD,KAAA,CAAM,WAAA,GAAc,OAAA;AAUpB,IAAM,UAAA,GAAaI,gBAAA;AAAA,EACjB,SAASC,WAAAA,CAAW,KAAA,EAAwB,GAAA,EAAmC;AAC7E,IAAA,MAAM;AAAA;AAAA,MAEJ,KAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAA;AAAA;AAAA,MAEA,KAAA;AAAA,MACA,YAAA;AAAA;AAAA,MAEA,UAAA,GAAa,KAAA;AAAA,MACb,UAAA,GAAa,KAAA;AAAA,MACb,UAAA,GAAa,KAAA;AAAA,MACb,SAAA,GAAY,KAAA;AAAA;AAAA,MAEZ,WAAA,GAAc,UAAA;AAAA;AAAA,MAEd,OAAA,GAAU,SAAA;AAAA,MACV,IAAA,GAAO,SAAA;AAAA;AAAA,MAEP,IAAA;AAAA;AAAA,MAEA,QAAA;AAAA,MACA,aAAA;AAAA;AAAA,MAEA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,EAAA;AAAA,MACA,YAAA,EAAc,SAAA;AAAA,MACd,iBAAA,EAAmB,cAAA;AAAA,MACnB,kBAAA,EAAoB,eAAA;AAAA,MACpB,aAAA,EAAe,UAAA;AAAA,MACf,GAAG;AAAA,KACL,GAAI,KAAA;AAGJ,IAAA,MAAM,cAAcC,WAAA,EAAM;AAC1B,IAAA,MAAM,eAAe,EAAA,IAAM,WAAA;AAC3B,IAAA,MAAM,OAAA,GAAU,GAAG,YAAY,CAAA,MAAA,CAAA;AAC/B,IAAA,MAAM,aAAA,GAAgB,GAAG,YAAY,CAAA,YAAA,CAAA;AACrC,IAAA,MAAM,OAAA,GAAU,GAAG,YAAY,CAAA,MAAA,CAAA;AAG/B,IAAA,MAAM,mBAA6B,EAAC;AACpC,IAAA,IAAI,eAAA,EAAiB,gBAAA,CAAiB,IAAA,CAAK,eAAe,CAAA;AAC1D,IAAA,IAAI,WAAA,EAAa,gBAAA,CAAiB,IAAA,CAAK,aAAa,CAAA;AACpD,IAAA,IAAI,SAAA,IAAa,YAAA,EAAc,gBAAA,CAAiB,IAAA,CAAK,OAAO,CAAA;AAC5D,IAAA,MAAM,0BAA0B,gBAAA,CAAiB,MAAA,GAAS,IACtD,gBAAA,CAAiB,IAAA,CAAK,GAAG,CAAA,GACzB,MAAA;AAEJ,IAAA,uBACEN,cAAA,CAAC,kBAAkB,QAAA,EAAlB,EAA2B,OAAO,EAAE,OAAA,EAAS,IAAA,EAAM,SAAA,EAAU,EAC5D,QAAA,kBAAAE,eAAA;AAAA,MAACK,8BAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,EAAA,EAAI,YAAA;AAAA,QACJ,IAAA;AAAA,QACA,OAAO,KAAA,IAAS,MAAA;AAAA,QAChB,cAAc,YAAA,IAAgB,MAAA;AAAA,QAC9B,UAAA;AAAA,QACA,UAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA;AAAA,QACA,WAAA;AAAA,QACA,QAAA;AAAA,QACA,aAAA;AAAA,QACA,YAAA,EAAY,SAAA;AAAA,QACZ,iBAAA,EAAiB,QAAQ,OAAA,GAAU,cAAA;AAAA,QACnC,kBAAA,EAAkB,uBAAA;AAAA,QAClB,aAAA,EAAa,UAAA;AAAA,QACb,kBAAA,EAAkB,WAAA;AAAA,QAClB,SAAA,EAAW,EAAA,CAAG,uBAAA,EAAyB,SAAS,CAAA;AAAA,QAC/C,GAAG,SAAA;AAAA,QAGH,QAAA,EAAA;AAAA,UAAA,KAAA,oBACCL,eAAA,CAACM,yBAAA,EAAA,EAAM,EAAA,EAAI,OAAA,EAAS,WAAU,sDAAA,EAC3B,QAAA,EAAA;AAAA,YAAA,KAAA;AAAA,YACA,8BACCR,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,gCAAA,EAAiC,aAAA,EAAY,QAAO,QAAA,EAAA,GAAA,EAEpE;AAAA,WAAA,EAEJ,CAAA;AAAA,UAID,WAAA,oBACCA,cAAA;AAAA,YAACS,wBAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAI,aAAA;AAAA,cACJ,IAAA,EAAK,aAAA;AAAA,cACL,SAAA,EAAU,kCAAA;AAAA,cAET,QAAA,EAAA;AAAA;AAAA,WACH;AAAA,0BAIFT,cAAA,CAAC,SAAI,SAAA,EAAW,kBAAA,CAAmB,EAAE,WAAA,EAAa,GAC/C,QAAA,EACH,CAAA;AAAA,UAGC,aAAa,YAAA,oBACZA,cAAA;AAAA,YAACU,8BAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAI,OAAA;AAAA,cACJ,SAAA,EAAU,mCAAA;AAAA,cAEV,QAAA,kBAAAV,cAAA,CAAC,MAAA,EAAA,EAAK,IAAA,EAAK,OAAA,EAAS,QAAA,EAAA,YAAA,EAAa;AAAA;AAAA;AACnC;AAAA;AAAA,KAEJ,EACF,CAAA;AAAA,EAEJ;AACF;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;ACnalB,IAAM,wBAAA,GAA2BW,MAAE,MAAA,CAAO;AAAA;AAAA,EAE/C,SAAA,EAAWA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA;AAAA,EAG/B,QAAA,EAAUA,KAAA,CAAE,GAAA,EAAI,CAAE,QAAA,EAAS;AAAA;AAAA,EAC3B,EAAA,EAAIA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA;AAAA,EAGxB,YAAA,EAAcA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EAClC,iBAAA,EAAmBA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EACvC,kBAAA,EAAoBA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EACxC,WAAA,EAAaA,MAAE,IAAA,CAAK,CAAC,OAAO,QAAA,EAAU,WAAW,CAAC,CAAA,CAAE,QAAA,EAAS;AAAA,EAC7D,aAAA,EAAeA,KAAA,CAAE,OAAA,EAAQ,CAAE,QAAA,EAAS;AAAA;AAAA,EAGpC,aAAA,EAAeA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA;AAC5B,CAAC,CAAA;;;ACXM,IAAM,0BAA0BA,KAAAA,CAAE,IAAA,CAAK,CAAC,SAAA,EAAW,aAAa,CAAC;AAUjE,IAAM,uBAAuBA,KAAAA,CAAE,IAAA,CAAK,CAAC,IAAA,EAAM,SAAA,EAAW,IAAI,CAAC;AAQ3D,IAAM,8BAA8BA,KAAAA,CAAE,IAAA,CAAK,CAAC,UAAA,EAAY,YAAY,CAAC;AAWrE,IAAM,qBAAA,GAAwB,yBAAyB,MAAA,CAAO;AAAA;AAAA,EAEnE,KAAA,EAAOA,KAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EAC3B,WAAA,EAAaA,KAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EACjC,YAAA,EAAcA,KAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA;AAAA,EAGlC,OAAOA,KAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,GAAW,QAAA,EAAS;AAAA,EACtC,cAAcA,KAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,GAAW,QAAA,EAAS;AAAA;AAAA,EAG7C,YAAYA,KAAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAAE,QAAQ,KAAK,CAAA;AAAA,EAChD,YAAYA,KAAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAAE,QAAQ,KAAK,CAAA;AAAA,EAChD,YAAYA,KAAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAAE,QAAQ,KAAK,CAAA;AAAA,EAChD,WAAWA,KAAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAAE,QAAQ,KAAK,CAAA;AAAA;AAAA,EAG/C,WAAA,EAAa,2BAAA,CAA4B,QAAA,EAAS,CAAE,QAAQ,UAAU,CAAA;AAAA;AAAA,EAGtE,OAAA,EAAS,uBAAA,CAAwB,QAAA,EAAS,CAAE,QAAQ,SAAS,CAAA;AAAA,EAC7D,IAAA,EAAM,oBAAA,CAAqB,QAAA,EAAS,CAAE,QAAQ,SAAS,CAAA;AAAA;AAAA,EAGvD,IAAA,EAAMA,KAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA;AAAA,EAG1B,QAAA,EAAUA,KAAAA,CAAE,MAAA,EAAgC,CAAE,QAAA,EAAS;AAAA,EACvD,aAAA,EAAeA,KAAAA,CAAE,MAAA,EAAqC,CAAE,QAAA,EAAS;AAAA;AAAA,EAGjE,QAAA,EAAUA,MAAE,MAAA;AACd,CAAC;AAWM,IAAM,gBAAA,GAAmB,yBAAyB,MAAA,CAAO;AAAA;AAAA,EAE9D,KAAA,EAAOA,MAAE,MAAA,EAAO;AAAA;AAAA,EAGhB,YAAYA,KAAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAAE,QAAQ,KAAK,CAAA;AAAA;AAAA,EAGhD,QAAA,EAAUA,MAAE,MAAA,EAAkB;AAAA;AAAA,EAG9B,SAAA,EAAWA,KAAAA,CAAE,MAAA,EAAO,CAAE,QAAA;AACxB,CAAC;AAYM,IAAM,qBAAA,GAAwBA,MAAE,MAAA,CAAO;AAAA;AAAA,EAE5C,QAAA,EAAUA,MAAE,MAAA,EAAkB;AAAA;AAAA,EAG9B,SAAA,EAAWA,KAAAA,CAAE,MAAA,EAAO,CAAE,QAAA;AACxB,CAAC;AAWM,IAAM,2BAAA,GAA8BA,MAAE,MAAA,CAAO;AAAA;AAAA,EAElD,QAAA,EAAUA,MAAE,MAAA,EAAkB;AAAA;AAAA,EAG9B,SAAA,EAAWA,KAAAA,CAAE,MAAA,EAAO,CAAE,QAAA;AACxB,CAAC","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 * 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","\"use client\";\n\n/**\n * RadioGroup Component\n * Accessible single-selection radio group with React Aria primitives and CVA styling\n *\n * Key Features:\n * - Bordered container design with explicit 44px+ touch targets\n * - 2 variants: default, destructive (no outline per clarification)\n * - 3 sizes: sm (44px), default (48px), lg (56px)\n * - Arrow keys move focus AND select (WAI-ARIA standard selection-follows-focus)\n * - Error styling on ALL items (cognitive accessibility)\n * - Spring animation for selection indicator\n * - RTL support (indicator auto-flips)\n * - Radio.Label and Radio.Description sub-components\n *\n * @see radiogroup-prd.md (Product Requirements)\n * @see plan.md (11 Key Clarifications)\n * @see React Aria RadioGroup: https://react-spectrum.adobe.com/react-aria/RadioGroup.html\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AAA)\n */\n\nimport {\n  forwardRef,\n  createContext,\n  useContext,\n  useId,\n  type ReactNode,\n  type ForwardedRef,\n} from 'react';\nimport {\n  RadioGroup as AriaRadioGroup,\n  Radio as AriaRadio,\n  Label,\n  Text,\n  FieldError,\n} from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { FOCUS_STYLES, HIGH_CONTRAST_FOCUS } from '../../styles/interaction-states';\nimport type {\n  RadioGroupProps,\n  RadioProps,\n  RadioLabelProps,\n  RadioDescriptionProps,\n  RadioGroupVariant,\n  RadioGroupSize,\n} from './RadioGroup.types';\n\n// ============================================================================\n// Context\n// ============================================================================\n\ninterface RadioGroupContextValue {\n  variant: RadioGroupVariant;\n  size: RadioGroupSize;\n  isInvalid: boolean;\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue>({\n  variant: 'default',\n  size: 'default',\n  isInvalid: false,\n});\n\n// ============================================================================\n// CVA Variants\n// ============================================================================\n\n/**\n * RadioGroup container variants\n * Controls orientation and spacing (gap-2 = 8px per clarification)\n */\nconst radioGroupVariants = cva(\n  // Base: flex container\n  \"flex\",\n  {\n    variants: {\n      orientation: {\n        vertical: \"flex-col gap-2\",\n        horizontal: \"flex-row flex-wrap gap-2\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"vertical\",\n    },\n  }\n);\n\n/**\n * Radio item bordered container variants\n * Bordered container design with explicit touch targets\n * All sizes maintain 44px minimum height (WCAG 2.2 AAA)\n * All sizes use rounded-md (6px) per clarification\n */\nconst radioItemVariants = cva(\n  // Base: bordered container with flex layout, RTL support\n  [\n    \"flex items-center gap-3 rounded-md border cursor-pointer\",\n    \"transition-colors duration-200\",\n    \"rtl:flex-row-reverse\", // RTL: indicator flips to right\n    // Focus ring on entire container\n    FOCUS_STYLES,\n    HIGH_CONTRAST_FOCUS,\n  ].join(\" \"),\n  {\n    variants: {\n      variant: {\n        default: [\n          \"border-[var(--border)]\",\n          \"data-[hovered]:bg-[var(--accent)]/10\",\n          \"data-[selected]:border-[var(--primary)]\",\n          \"data-[selected]:bg-[var(--primary)]/10\",\n        ].join(\" \"),\n        destructive: [\n          \"border-[var(--border)]\",\n          \"data-[hovered]:bg-[var(--destructive)]/10\",\n          \"data-[selected]:border-[var(--destructive)]\",\n          \"data-[selected]:bg-[var(--destructive)]/10\",\n        ].join(\" \"),\n      },\n      size: {\n        sm: \"min-h-[44px] py-2 px-3 text-sm\",\n        default: \"min-h-[48px] py-3 px-4 text-sm\",\n        lg: \"min-h-[56px] py-4 px-5 text-base\",\n      },\n      isDisabled: {\n        true: \"opacity-50 cursor-not-allowed\",\n        false: \"\",\n      },\n      isInvalid: {\n        // Error: ALL items get destructive border (cognitive accessibility)\n        true: \"border-[var(--destructive)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n      isDisabled: false,\n      isInvalid: false,\n    },\n  }\n);\n\n/**\n * Circle indicator (outer ring) variants\n */\nconst radioIndicatorVariants = cva(\n  // Base: circle with border, flex-shrink-0 to prevent squishing\n  \"flex-shrink-0 rounded-full border-2 flex items-center justify-center transition-colors duration-200\",\n  {\n    variants: {\n      variant: {\n        default: [\n          \"border-[var(--border)]\",\n          \"data-[selected]:border-[var(--primary)]\",\n        ].join(\" \"),\n        destructive: [\n          \"border-[var(--border)]\",\n          \"data-[selected]:border-[var(--destructive)]\",\n        ].join(\" \"),\n      },\n      size: {\n        sm: \"h-4 w-4\",\n        default: \"h-5 w-5\",\n        lg: \"h-6 w-6\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\n/**\n * Inner dot variants (appears when selected)\n * Spring animation: cubic-bezier(0.34, 1.56, 0.64, 1) with slight overshoot\n */\nconst radioInnerDotVariants = cva(\n  // Base: centered dot with spring animation\n  [\n    \"rounded-full transition-transform duration-200\",\n    // Spring animation with overshoot\n    \"[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]\",\n    // Respect reduced motion preference\n    \"motion-reduce:transition-none\",\n    // Scale from 0 to 1 on selection\n    \"scale-0 data-[selected]:scale-100\",\n  ].join(\" \"),\n  {\n    variants: {\n      variant: {\n        default: \"bg-[var(--primary)]\",\n        destructive: \"bg-[var(--destructive)]\",\n      },\n      size: {\n        sm: \"h-2 w-2\",\n        default: \"h-2.5 w-2.5\",\n        lg: \"h-3 w-3\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\n// ============================================================================\n// Sub-components\n// ============================================================================\n\n/**\n * Radio.Label - Styled label for radio item content\n */\nfunction RadioLabel({ children, className }: RadioLabelProps): ReactNode {\n  return (\n    <span className={cn(\"font-medium text-[var(--content-foreground)]\", className)}>\n      {children}\n    </span>\n  );\n}\n\nRadioLabel.displayName = \"Radio.Label\";\n\n/**\n * Radio.Description - Styled description for radio item content (muted)\n */\nfunction RadioDescription({ children, className }: RadioDescriptionProps): ReactNode {\n  return (\n    <span className={cn(\"text-sm text-[var(--menu-muted)]\", className)}>\n      {children}\n    </span>\n  );\n}\n\nRadioDescription.displayName = \"Radio.Description\";\n\n// ============================================================================\n// Radio Component\n// ============================================================================\n\n/**\n * Radio item component with bordered container design\n */\nfunction RadioComponent({ value, isDisabled, children, className }: RadioProps): ReactNode {\n  const { variant, size, isInvalid } = useContext(RadioGroupContext);\n\n  return (\n    <AriaRadio\n      value={value}\n      isDisabled={isDisabled}\n      className={(renderProps) =>\n        cn(\n          radioItemVariants({\n            variant,\n            size,\n            isDisabled: renderProps.isDisabled,\n            isInvalid,\n          }),\n          className\n        )\n      }\n    >\n      {(renderProps) => (\n        <>\n          {/* Circle indicator */}\n          <div\n            className={radioIndicatorVariants({ variant, size })}\n            data-selected={renderProps.isSelected || undefined}\n          >\n            {/* Inner dot with spring animation */}\n            <div\n              className={radioInnerDotVariants({ variant, size })}\n              data-selected={renderProps.isSelected || undefined}\n            />\n          </div>\n\n          {/* Children content (flexible - text, icons, complex layouts) */}\n          <div className=\"flex-1 flex flex-col\">\n            {children}\n          </div>\n        </>\n      )}\n    </AriaRadio>\n  );\n}\n\n// Attach sub-components\nconst Radio = Object.assign(RadioComponent, {\n  Label: RadioLabel,\n  Description: RadioDescription,\n}) as typeof RadioComponent & {\n  Label: typeof RadioLabel;\n  Description: typeof RadioDescription;\n  displayName: string;\n};\n\nRadio.displayName = \"Radio\";\n\n// ============================================================================\n// RadioGroup Component\n// ============================================================================\n\n/**\n * RadioGroup root component\n * Accessible single-selection control with bordered container design\n */\nconst RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\n  function RadioGroup(props: RadioGroupProps, ref: ForwardedRef<HTMLDivElement>) {\n    const {\n      // Display props\n      label,\n      description,\n      errorMessage,\n      // Selection props\n      value,\n      defaultValue,\n      // State props\n      isDisabled = false,\n      isReadOnly = false,\n      isRequired = false,\n      isInvalid = false,\n      // Layout props\n      orientation = 'vertical',\n      // Variant props\n      variant = 'default',\n      size = 'default',\n      // Form props\n      name,\n      // Event handlers\n      onChange,\n      onFocusChange,\n      // Standard props\n      className,\n      children,\n      id,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n      'data-testid': dataTestId,\n      ...restProps\n    } = props;\n\n    // Generate unique IDs for accessibility\n    const generatedId = useId();\n    const radioGroupId = id ?? generatedId;\n    const labelId = `${radioGroupId}-label`;\n    const descriptionId = `${radioGroupId}-description`;\n    const errorId = `${radioGroupId}-error`;\n\n    // Build aria-describedby from description and error\n    const describedByParts: string[] = [];\n    if (ariaDescribedby) describedByParts.push(ariaDescribedby);\n    if (description) describedByParts.push(descriptionId);\n    if (isInvalid && errorMessage) describedByParts.push(errorId);\n    const computedAriaDescribedBy = describedByParts.length > 0\n      ? describedByParts.join(' ')\n      : undefined;\n\n    return (\n      <RadioGroupContext.Provider value={{ variant, size, isInvalid }}>\n        <AriaRadioGroup\n          ref={ref}\n          id={radioGroupId}\n          name={name}\n          value={value ?? undefined}\n          defaultValue={defaultValue ?? undefined}\n          isDisabled={isDisabled}\n          isReadOnly={isReadOnly}\n          isRequired={isRequired}\n          isInvalid={isInvalid}\n          orientation={orientation}\n          onChange={onChange}\n          onFocusChange={onFocusChange}\n          aria-label={ariaLabel}\n          aria-labelledby={label ? labelId : ariaLabelledby}\n          aria-describedby={computedAriaDescribedBy}\n          data-testid={dataTestId}\n          data-orientation={orientation}\n          className={cn(\"flex flex-col gap-1.5\", className)}\n          {...restProps}\n        >\n          {/* Label with optional required asterisk */}\n          {label && (\n            <Label id={labelId} className=\"text-sm font-medium text-[var(--content-foreground)]\">\n              {label}\n              {isRequired && (\n                <span className=\"ml-1 text-[var(--destructive)]\" aria-hidden=\"true\">\n                  *\n                </span>\n              )}\n            </Label>\n          )}\n\n          {/* Description */}\n          {description && (\n            <Text\n              id={descriptionId}\n              slot=\"description\"\n              className=\"text-sm text-[var(--menu-muted)]\"\n            >\n              {description}\n            </Text>\n          )}\n\n          {/* Radio items container with orientation */}\n          <div className={radioGroupVariants({ orientation })}>\n            {children}\n          </div>\n\n          {/* Error message with role=\"alert\" for screen reader announcements */}\n          {isInvalid && errorMessage && (\n            <FieldError\n              id={errorId}\n              className=\"text-sm text-[var(--destructive)]\"\n            >\n              <span role=\"alert\">{errorMessage}</span>\n            </FieldError>\n          )}\n        </AriaRadioGroup>\n      </RadioGroupContext.Provider>\n    );\n  }\n);\n\nRadioGroup.displayName = \"RadioGroup\";\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  RadioGroup,\n  Radio,\n  radioGroupVariants,\n  radioItemVariants,\n  radioIndicatorVariants,\n  radioInnerDotVariants,\n};\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 { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { ReactNode } from 'react';\nimport type {\n  RadioGroupProps as AriaRadioGroupProps,\n  RadioProps as AriaRadioProps,\n} from 'react-aria-components';\n\n/**\n * RadioGroup variant schema\n * Only 2 variants: default and destructive (no outline per clarification)\n *\n * @see radiogroup-prd.md US-2 (Style Variants)\n * @see plan.md Decision 9 (2 variants only)\n */\nexport const RadioGroupVariantSchema = z.enum(['default', 'destructive']);\nexport type RadioGroupVariant = z.infer<typeof RadioGroupVariantSchema>;\n\n/**\n * RadioGroup size schema\n * All sizes maintain 44px minimum height for WCAG 2.2 AAA compliance\n *\n * @see radiogroup-prd.md US-3 (Size Variants)\n * @see constitution.md Principle IV (Accessibility First)\n */\nexport const RadioGroupSizeSchema = z.enum(['sm', 'default', 'lg']);\nexport type RadioGroupSize = z.infer<typeof RadioGroupSizeSchema>;\n\n/**\n * RadioGroup orientation schema\n *\n * @see radiogroup-prd.md US-5 (Orientation Support)\n */\nexport const RadioGroupOrientationSchema = z.enum(['vertical', 'horizontal']);\nexport type RadioGroupOrientation = z.infer<typeof RadioGroupOrientationSchema>;\n\n/**\n * RadioGroup root component props schema\n *\n * @see radiogroup-prd.md US-1 (Basic Single Selection)\n * @see radiogroup-prd.md US-4 (Labels, Descriptions, Errors)\n * @see radiogroup-prd.md US-6 (Validation States)\n * @see plan.md (All design decisions from clarification session)\n */\nexport const RadioGroupPropsSchema = BaseComponentPropsSchema.extend({\n  // Display props (US-4)\n  label: z.string().optional(),\n  description: z.string().optional(),\n  errorMessage: z.string().optional(),\n\n  // Selection props (US-1) - nullable for no initial selection\n  value: z.string().nullable().optional(),\n  defaultValue: z.string().nullable().optional(),\n\n  // State props (US-6)\n  isDisabled: z.boolean().optional().default(false),\n  isReadOnly: z.boolean().optional().default(false),\n  isRequired: z.boolean().optional().default(false),\n  isInvalid: z.boolean().optional().default(false),\n\n  // Layout props (US-5)\n  orientation: RadioGroupOrientationSchema.optional().default('vertical'),\n\n  // Variant props (US-2, US-3) - 2 variants only\n  variant: RadioGroupVariantSchema.optional().default('default'),\n  size: RadioGroupSizeSchema.optional().default('default'),\n\n  // Form props (US-6)\n  name: z.string().optional(),\n\n  // Event handlers\n  onChange: z.custom<(value: string) => void>().optional(),\n  onFocusChange: z.custom<(isFocused: boolean) => void>().optional(),\n\n  // Children (Radio components)\n  children: z.custom<ReactNode>(),\n});\n\nexport type RadioGroupProps = z.infer<typeof RadioGroupPropsSchema> &\n  Omit<AriaRadioGroupProps, keyof z.infer<typeof RadioGroupPropsSchema>>;\n\n/**\n * Radio item component props schema\n *\n * @see radiogroup-prd.md US-1 (Basic Single Selection)\n * @see radiogroup-prd.md US-7 (Rich Content Support)\n */\nexport const RadioPropsSchema = BaseComponentPropsSchema.extend({\n  // Item value (required)\n  value: z.string(),\n\n  // Disabled state (individual item)\n  isDisabled: z.boolean().optional().default(false),\n\n  // Item content - accepts any ReactNode for flexible children\n  children: z.custom<ReactNode>(),\n\n  // Optional className for custom styling\n  className: z.string().optional(),\n});\n\nexport type RadioProps = z.infer<typeof RadioPropsSchema> &\n  Omit<AriaRadioProps, keyof z.infer<typeof RadioPropsSchema>>;\n\n/**\n * Radio.Label sub-component props schema\n * Helper component for styled label within Radio item\n *\n * @see radiogroup-prd.md US-7 (Rich Content Support)\n * @see plan.md Decision 1 (Sub-components)\n */\nexport const RadioLabelPropsSchema = z.object({\n  // Label content\n  children: z.custom<ReactNode>(),\n\n  // Optional className for custom styling\n  className: z.string().optional(),\n});\n\nexport type RadioLabelProps = z.infer<typeof RadioLabelPropsSchema>;\n\n/**\n * Radio.Description sub-component props schema\n * Helper component for styled description within Radio item (muted text)\n *\n * @see radiogroup-prd.md US-7 (Rich Content Support)\n * @see plan.md Decision 1 (Sub-components)\n */\nexport const RadioDescriptionPropsSchema = z.object({\n  // Description content\n  children: z.custom<ReactNode>(),\n\n  // Optional className for custom styling\n  className: z.string().optional(),\n});\n\nexport type RadioDescriptionProps = z.infer<typeof RadioDescriptionPropsSchema>;\n\n/**\n * CVA variant configuration types\n * Used for class-variance-authority integration\n */\nexport type RadioGroupVariantType = RadioGroupVariant;\nexport type RadioGroupSizeType = RadioGroupSize;\nexport type RadioGroupOrientationType = RadioGroupOrientation;\n"]}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/styles/interaction-states.ts","../../../src/elements/RadioGroup/RadioGroup.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/RadioGroup/RadioGroup.types.ts"],"names":["cn","inputs","twMerge","clsx","FOCUS_STYLES","HIGH_CONTRAST_FOCUS","RadioGroupContext","createContext","radioGroupVariants","cva","radioItemVariants","radioIndicatorVariants","radioInnerDotVariants","RadioLabel","children","className","jsx","RadioDescription","RadioComponent","value","isDisabled","variant","size","isInvalid","useContext","AriaRadio","renderProps","jsxs","Fragment","Radio","RadioGroup","forwardRef","props","ref","label","description","errorMessage","defaultValue","isReadOnly","isRequired","orientation","name","onChange","onFocusChange","id","ariaLabel","ariaLabelledby","ariaDescribedby","dataTestId","restProps","generatedId","useId","radioGroupId","labelId","descriptionId","errorId","describedByParts","computedAriaDescribedBy","AriaRadioGroup","Label","Text","FieldError","BaseComponentPropsSchema","z","RadioGroupVariantSchema","RadioGroupSizeSchema","RadioGroupOrientationSchema","RadioGroupPropsSchema","RadioPropsSchema","RadioLabelPropsSchema","RadioDescriptionPropsSchema"],"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 * 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","\"use client\";\n\n/**\n * RadioGroup Component\n * Accessible single-selection radio group with React Aria primitives and CVA styling\n *\n * Key Features:\n * - Bordered container design with explicit 44px+ touch targets\n * - 2 variants: default, destructive (no outline per clarification)\n * - 3 sizes: sm (44px), default (48px), lg (56px)\n * - Arrow keys move focus AND select (WAI-ARIA standard selection-follows-focus)\n * - Error styling on ALL items (cognitive accessibility)\n * - Spring animation for selection indicator\n * - RTL support (indicator auto-flips)\n * - Radio.Label and Radio.Description sub-components\n *\n * @see radiogroup-prd.md (Product Requirements)\n * @see plan.md (11 Key Clarifications)\n * @see React Aria RadioGroup: https://react-spectrum.adobe.com/react-aria/RadioGroup.html\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AAA)\n */\n\nimport {\n  forwardRef,\n  createContext,\n  useContext,\n  useId,\n  type ReactNode,\n  type ForwardedRef,\n} from 'react';\nimport {\n  RadioGroup as AriaRadioGroup,\n  Radio as AriaRadio,\n  Label,\n  Text,\n  FieldError,\n} from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { FOCUS_STYLES, HIGH_CONTRAST_FOCUS } from '../../styles/interaction-states';\nimport type {\n  RadioGroupProps,\n  RadioProps,\n  RadioLabelProps,\n  RadioDescriptionProps,\n  RadioGroupVariant,\n  RadioGroupSize,\n} from './RadioGroup.types';\n\n// ============================================================================\n// Context\n// ============================================================================\n\ninterface RadioGroupContextValue {\n  variant: RadioGroupVariant;\n  size: RadioGroupSize;\n  isInvalid: boolean;\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue>({\n  variant: 'default',\n  size: 'default',\n  isInvalid: false,\n});\n\n// ============================================================================\n// CVA Variants\n// ============================================================================\n\n/**\n * RadioGroup container variants\n * Controls orientation and spacing (gap-2 = 8px per clarification)\n */\nconst radioGroupVariants = cva(\n  // Base: flex container\n  \"flex\",\n  {\n    variants: {\n      orientation: {\n        vertical: \"flex-col gap-2\",\n        horizontal: \"flex-row flex-wrap gap-2\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"vertical\",\n    },\n  }\n);\n\n/**\n * Radio item bordered container variants\n * Bordered container design with explicit touch targets\n * All sizes maintain 44px minimum height (WCAG 2.2 AAA)\n * All sizes use rounded-md (6px) per clarification\n */\nconst radioItemVariants = cva(\n  // Base: bordered container with flex layout, RTL support\n  [\n    \"flex items-center gap-3 rounded-md border cursor-pointer\",\n    \"transition-colors duration-200\",\n    \"rtl:flex-row-reverse\", // RTL: indicator flips to right\n    // Focus ring on entire container\n    FOCUS_STYLES,\n    HIGH_CONTRAST_FOCUS,\n  ].join(\" \"),\n  {\n    variants: {\n      variant: {\n        default: [\n          \"border-[var(--border)]\",\n          \"data-[hovered]:bg-[var(--accent)]/10\",\n          \"data-[selected]:border-[var(--primary)]\",\n          \"data-[selected]:bg-[var(--primary)]/10\",\n        ].join(\" \"),\n        destructive: [\n          \"border-[var(--border)]\",\n          \"data-[hovered]:bg-[var(--destructive)]/10\",\n          \"data-[selected]:border-[var(--destructive)]\",\n          \"data-[selected]:bg-[var(--destructive)]/10\",\n        ].join(\" \"),\n      },\n      size: {\n        sm: \"min-h-[44px] py-2 px-3 text-sm\",\n        default: \"min-h-[48px] py-3 px-4 text-sm\",\n        lg: \"min-h-[56px] py-4 px-5 text-base\",\n      },\n      isDisabled: {\n        true: \"opacity-50 cursor-not-allowed\",\n        false: \"\",\n      },\n      isInvalid: {\n        // Error: ALL items get destructive border (cognitive accessibility)\n        true: \"border-[var(--destructive)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n      isDisabled: false,\n      isInvalid: false,\n    },\n  }\n);\n\n/**\n * Circle indicator (outer ring) variants\n */\nconst radioIndicatorVariants = cva(\n  // Base: circle with border, flex-shrink-0 to prevent squishing\n  \"flex-shrink-0 rounded-full border-2 flex items-center justify-center transition-colors duration-200\",\n  {\n    variants: {\n      variant: {\n        default: [\n          \"border-[var(--border)]\",\n          \"data-[selected]:border-[var(--primary)]\",\n        ].join(\" \"),\n        destructive: [\n          \"border-[var(--border)]\",\n          \"data-[selected]:border-[var(--destructive)]\",\n        ].join(\" \"),\n      },\n      size: {\n        sm: \"h-4 w-4\",\n        default: \"h-5 w-5\",\n        lg: \"h-6 w-6\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\n/**\n * Inner dot variants (appears when selected)\n * Spring animation: cubic-bezier(0.34, 1.56, 0.64, 1) with slight overshoot\n */\nconst radioInnerDotVariants = cva(\n  // Base: centered dot with spring animation\n  [\n    \"rounded-full transition-transform duration-200\",\n    // Spring animation with overshoot\n    \"[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]\",\n    // Respect reduced motion preference\n    \"motion-reduce:transition-none\",\n    // Scale from 0 to 1 on selection\n    \"scale-0 data-[selected]:scale-100\",\n  ].join(\" \"),\n  {\n    variants: {\n      variant: {\n        default: \"bg-[var(--primary)]\",\n        destructive: \"bg-[var(--destructive)]\",\n      },\n      size: {\n        sm: \"h-2 w-2\",\n        default: \"h-2.5 w-2.5\",\n        lg: \"h-3 w-3\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\n// ============================================================================\n// Sub-components\n// ============================================================================\n\n/**\n * Radio.Label - Styled label for radio item content\n */\nfunction RadioLabel({ children, className }: RadioLabelProps): ReactNode {\n  return (\n    <span className={cn(\"font-medium text-[var(--content-foreground)]\", className)}>\n      {children}\n    </span>\n  );\n}\n\nRadioLabel.displayName = \"Radio.Label\";\n\n/**\n * Radio.Description - Styled description for radio item content (muted)\n */\nfunction RadioDescription({ children, className }: RadioDescriptionProps): ReactNode {\n  return (\n    <span className={cn(\"text-sm text-[var(--menu-muted)]\", className)}>\n      {children}\n    </span>\n  );\n}\n\nRadioDescription.displayName = \"Radio.Description\";\n\n// ============================================================================\n// Radio Component\n// ============================================================================\n\n/**\n * Radio item component with bordered container design\n */\nfunction RadioComponent({ value, isDisabled, children, className }: RadioProps): ReactNode {\n  const { variant, size, isInvalid } = useContext(RadioGroupContext);\n\n  return (\n    <AriaRadio\n      value={value}\n      isDisabled={isDisabled}\n      className={(renderProps) =>\n        cn(\n          radioItemVariants({\n            variant,\n            size,\n            isDisabled: renderProps.isDisabled,\n            isInvalid,\n          }),\n          className\n        )\n      }\n    >\n      {(renderProps) => (\n        <>\n          {/* Circle indicator */}\n          <div\n            className={radioIndicatorVariants({ variant, size })}\n            data-selected={renderProps.isSelected || undefined}\n          >\n            {/* Inner dot with spring animation */}\n            <div\n              className={radioInnerDotVariants({ variant, size })}\n              data-selected={renderProps.isSelected || undefined}\n            />\n          </div>\n\n          {/* Children content (flexible - text, icons, complex layouts) */}\n          <div className=\"flex-1 flex flex-col\">\n            {children}\n          </div>\n        </>\n      )}\n    </AriaRadio>\n  );\n}\n\n// Attach sub-components\nconst Radio = Object.assign(RadioComponent, {\n  Label: RadioLabel,\n  Description: RadioDescription,\n}) as typeof RadioComponent & {\n  Label: typeof RadioLabel;\n  Description: typeof RadioDescription;\n  displayName: string;\n};\n\nRadio.displayName = \"Radio\";\n\n// ============================================================================\n// RadioGroup Component\n// ============================================================================\n\n/**\n * RadioGroup root component\n * Accessible single-selection control with bordered container design\n */\nconst RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\n  function RadioGroup(props: RadioGroupProps, ref: ForwardedRef<HTMLDivElement>) {\n    const {\n      // Display props\n      label,\n      description,\n      errorMessage,\n      // Selection props\n      value,\n      defaultValue,\n      // State props\n      isDisabled = false,\n      isReadOnly = false,\n      isRequired = false,\n      isInvalid = false,\n      // Layout props\n      orientation = 'vertical',\n      // Variant props\n      variant = 'default',\n      size = 'default',\n      // Form props\n      name,\n      // Event handlers\n      onChange,\n      onFocusChange,\n      // Standard props\n      className,\n      children,\n      id,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n      'data-testid': dataTestId,\n      ...restProps\n    } = props;\n\n    // Generate unique IDs for accessibility\n    const generatedId = useId();\n    const radioGroupId = id ?? generatedId;\n    const labelId = `${radioGroupId}-label`;\n    const descriptionId = `${radioGroupId}-description`;\n    const errorId = `${radioGroupId}-error`;\n\n    // Build aria-describedby from description and error\n    const describedByParts: string[] = [];\n    if (ariaDescribedby) describedByParts.push(ariaDescribedby);\n    if (description) describedByParts.push(descriptionId);\n    if (isInvalid && errorMessage) describedByParts.push(errorId);\n    const computedAriaDescribedBy = describedByParts.length > 0\n      ? describedByParts.join(' ')\n      : undefined;\n\n    return (\n      <RadioGroupContext.Provider value={{ variant, size, isInvalid }}>\n        <AriaRadioGroup\n          ref={ref}\n          id={radioGroupId}\n          name={name}\n          value={value ?? undefined}\n          defaultValue={defaultValue ?? undefined}\n          isDisabled={isDisabled}\n          isReadOnly={isReadOnly}\n          isRequired={isRequired}\n          isInvalid={isInvalid}\n          orientation={orientation}\n          onChange={onChange}\n          onFocusChange={onFocusChange}\n          aria-label={ariaLabel}\n          aria-labelledby={label ? labelId : ariaLabelledby}\n          aria-describedby={computedAriaDescribedBy}\n          data-testid={dataTestId}\n          data-orientation={orientation}\n          className={cn(\"flex flex-col gap-1.5\", className)}\n          {...restProps}\n        >\n          {/* Label with optional required asterisk */}\n          {label && (\n            <Label id={labelId} className=\"text-sm font-medium text-[var(--content-foreground)]\">\n              {label}\n              {isRequired && (\n                <span className=\"ml-1 text-[var(--destructive)]\" aria-hidden=\"true\">\n                  *\n                </span>\n              )}\n            </Label>\n          )}\n\n          {/* Description */}\n          {description && (\n            <Text\n              id={descriptionId}\n              slot=\"description\"\n              className=\"text-sm text-[var(--menu-muted)]\"\n            >\n              {description}\n            </Text>\n          )}\n\n          {/* Radio items container with orientation */}\n          <div className={radioGroupVariants({ orientation })}>\n            {children}\n          </div>\n\n          {/* Error message with role=\"alert\" for screen reader announcements */}\n          {isInvalid && errorMessage && (\n            <FieldError\n              id={errorId}\n              className=\"text-sm text-[var(--destructive)]\"\n            >\n              <span role=\"alert\">{errorMessage}</span>\n            </FieldError>\n          )}\n        </AriaRadioGroup>\n      </RadioGroupContext.Provider>\n    );\n  }\n);\n\nRadioGroup.displayName = \"RadioGroup\";\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  RadioGroup,\n  Radio,\n  radioGroupVariants,\n  radioItemVariants,\n  radioIndicatorVariants,\n  radioInnerDotVariants,\n};\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 { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { ReactNode } from 'react';\nimport type {\n  RadioGroupProps as AriaRadioGroupProps,\n  RadioProps as AriaRadioProps,\n} from 'react-aria-components';\n\n/**\n * RadioGroup variant schema\n * Only 2 variants: default and destructive (no outline per clarification)\n *\n * @see radiogroup-prd.md US-2 (Style Variants)\n * @see plan.md Decision 9 (2 variants only)\n */\nexport const RadioGroupVariantSchema = z.enum(['default', 'destructive']);\nexport type RadioGroupVariant = z.infer<typeof RadioGroupVariantSchema>;\n\n/**\n * RadioGroup size schema\n * All sizes maintain 44px minimum height for WCAG 2.2 AAA compliance\n *\n * @see radiogroup-prd.md US-3 (Size Variants)\n * @see constitution.md Principle IV (Accessibility First)\n */\nexport const RadioGroupSizeSchema = z.enum(['sm', 'default', 'lg']);\nexport type RadioGroupSize = z.infer<typeof RadioGroupSizeSchema>;\n\n/**\n * RadioGroup orientation schema\n *\n * @see radiogroup-prd.md US-5 (Orientation Support)\n */\nexport const RadioGroupOrientationSchema = z.enum(['vertical', 'horizontal']);\nexport type RadioGroupOrientation = z.infer<typeof RadioGroupOrientationSchema>;\n\n/**\n * RadioGroup root component props schema\n *\n * @see radiogroup-prd.md US-1 (Basic Single Selection)\n * @see radiogroup-prd.md US-4 (Labels, Descriptions, Errors)\n * @see radiogroup-prd.md US-6 (Validation States)\n * @see plan.md (All design decisions from clarification session)\n */\nexport const RadioGroupPropsSchema = BaseComponentPropsSchema.extend({\n  // Display props (US-4)\n  label: z.string().optional(),\n  description: z.string().optional(),\n  errorMessage: z.string().optional(),\n\n  // Selection props (US-1) - nullable for no initial selection\n  value: z.string().nullable().optional(),\n  defaultValue: z.string().nullable().optional(),\n\n  // State props (US-6)\n  isDisabled: z.boolean().optional().default(false),\n  isReadOnly: z.boolean().optional().default(false),\n  isRequired: z.boolean().optional().default(false),\n  isInvalid: z.boolean().optional().default(false),\n\n  // Layout props (US-5)\n  orientation: RadioGroupOrientationSchema.optional().default('vertical'),\n\n  // Variant props (US-2, US-3) - 2 variants only\n  variant: RadioGroupVariantSchema.optional().default('default'),\n  size: RadioGroupSizeSchema.optional().default('default'),\n\n  // Form props (US-6)\n  name: z.string().optional(),\n\n  // Event handlers\n  onChange: z.custom<(value: string) => void>().optional(),\n  onFocusChange: z.custom<(isFocused: boolean) => void>().optional(),\n\n  // Children (Radio components)\n  children: z.custom<ReactNode>(),\n});\n\nexport type RadioGroupProps = z.infer<typeof RadioGroupPropsSchema> &\n  Omit<AriaRadioGroupProps, keyof z.infer<typeof RadioGroupPropsSchema>>;\n\n/**\n * Radio item component props schema\n *\n * @see radiogroup-prd.md US-1 (Basic Single Selection)\n * @see radiogroup-prd.md US-7 (Rich Content Support)\n */\nexport const RadioPropsSchema = BaseComponentPropsSchema.extend({\n  // Item value (required)\n  value: z.string(),\n\n  // Disabled state (individual item)\n  isDisabled: z.boolean().optional().default(false),\n\n  // Item content - accepts any ReactNode for flexible children\n  children: z.custom<ReactNode>(),\n\n  // Optional className for custom styling\n  className: z.string().optional(),\n});\n\nexport type RadioProps = z.infer<typeof RadioPropsSchema> &\n  Omit<AriaRadioProps, keyof z.infer<typeof RadioPropsSchema>>;\n\n/**\n * Radio.Label sub-component props schema\n * Helper component for styled label within Radio item\n *\n * @see radiogroup-prd.md US-7 (Rich Content Support)\n * @see plan.md Decision 1 (Sub-components)\n */\nexport const RadioLabelPropsSchema = z.object({\n  // Label content\n  children: z.custom<ReactNode>(),\n\n  // Optional className for custom styling\n  className: z.string().optional(),\n});\n\nexport type RadioLabelProps = z.infer<typeof RadioLabelPropsSchema>;\n\n/**\n * Radio.Description sub-component props schema\n * Helper component for styled description within Radio item (muted text)\n *\n * @see radiogroup-prd.md US-7 (Rich Content Support)\n * @see plan.md Decision 1 (Sub-components)\n */\nexport const RadioDescriptionPropsSchema = z.object({\n  // Description content\n  children: z.custom<ReactNode>(),\n\n  // Optional className for custom styling\n  className: z.string().optional(),\n});\n\nexport type RadioDescriptionProps = z.infer<typeof RadioDescriptionPropsSchema>;\n\n/**\n * CVA variant configuration types\n * Used for class-variance-authority integration\n */\nexport type RadioGroupVariantType = RadioGroupVariant;\nexport type RadioGroupSizeType = RadioGroupSize;\nexport type RadioGroupOrientationType = RadioGroupOrientation;\n"]}

package/dist/elements/RadioGroup/index.mjs

@@ -1,361 +1,3 @@
 "use client";
-import { createContext, forwardRef, useId, useContext } from 'react';
-import { RadioGroup as RadioGroup$1, Label, Text, FieldError, Radio as Radio$1 } from 'react-aria-components';
-import { cva } from 'class-variance-authority';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { z } from 'zod';
-
-// src/elements/RadioGroup/RadioGroup.tsx
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/styles/interaction-states.ts
-var FOCUS_STYLES = "data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2";
-var 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";
-var RadioGroupContext = createContext({
-  variant: "default",
-  size: "default",
-  isInvalid: false
-});
-var radioGroupVariants = cva(
-  // Base: flex container
-  "flex",
-  {
-    variants: {
-      orientation: {
-        vertical: "flex-col gap-2",
-        horizontal: "flex-row flex-wrap gap-2"
-      }
-    },
-    defaultVariants: {
-      orientation: "vertical"
-    }
-  }
-);
-var radioItemVariants = cva(
-  // Base: bordered container with flex layout, RTL support
-  [
-    "flex items-center gap-3 rounded-md border cursor-pointer",
-    "transition-colors duration-200",
-    "rtl:flex-row-reverse",
-    // RTL: indicator flips to right
-    // Focus ring on entire container
-    FOCUS_STYLES,
-    HIGH_CONTRAST_FOCUS
-  ].join(" "),
-  {
-    variants: {
-      variant: {
-        default: [
-          "border-[var(--border)]",
-          "data-[hovered]:bg-[var(--accent)]/10",
-          "data-[selected]:border-[var(--primary)]",
-          "data-[selected]:bg-[var(--primary)]/10"
-        ].join(" "),
-        destructive: [
-          "border-[var(--border)]",
-          "data-[hovered]:bg-[var(--destructive)]/10",
-          "data-[selected]:border-[var(--destructive)]",
-          "data-[selected]:bg-[var(--destructive)]/10"
-        ].join(" ")
-      },
-      size: {
-        sm: "min-h-[44px] py-2 px-3 text-sm",
-        default: "min-h-[48px] py-3 px-4 text-sm",
-        lg: "min-h-[56px] py-4 px-5 text-base"
-      },
-      isDisabled: {
-        true: "opacity-50 cursor-not-allowed",
-        false: ""
-      },
-      isInvalid: {
-        // Error: ALL items get destructive border (cognitive accessibility)
-        true: "border-[var(--destructive)]",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-      isDisabled: false,
-      isInvalid: false
-    }
-  }
-);
-var radioIndicatorVariants = cva(
-  // Base: circle with border, flex-shrink-0 to prevent squishing
-  "flex-shrink-0 rounded-full border-2 flex items-center justify-center transition-colors duration-200",
-  {
-    variants: {
-      variant: {
-        default: [
-          "border-[var(--border)]",
-          "data-[selected]:border-[var(--primary)]"
-        ].join(" "),
-        destructive: [
-          "border-[var(--border)]",
-          "data-[selected]:border-[var(--destructive)]"
-        ].join(" ")
-      },
-      size: {
-        sm: "h-4 w-4",
-        default: "h-5 w-5",
-        lg: "h-6 w-6"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var radioInnerDotVariants = cva(
-  // Base: centered dot with spring animation
-  [
-    "rounded-full transition-transform duration-200",
-    // Spring animation with overshoot
-    "[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]",
-    // Respect reduced motion preference
-    "motion-reduce:transition-none",
-    // Scale from 0 to 1 on selection
-    "scale-0 data-[selected]:scale-100"
-  ].join(" "),
-  {
-    variants: {
-      variant: {
-        default: "bg-[var(--primary)]",
-        destructive: "bg-[var(--destructive)]"
-      },
-      size: {
-        sm: "h-2 w-2",
-        default: "h-2.5 w-2.5",
-        lg: "h-3 w-3"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function RadioLabel({ children, className }) {
-  return /* @__PURE__ */ jsx("span", { className: cn("font-medium text-[var(--content-foreground)]", className), children });
-}
-RadioLabel.displayName = "Radio.Label";
-function RadioDescription({ children, className }) {
-  return /* @__PURE__ */ jsx("span", { className: cn("text-sm text-[var(--menu-muted)]", className), children });
-}
-RadioDescription.displayName = "Radio.Description";
-function RadioComponent({ value, isDisabled, children, className }) {
-  const { variant, size, isInvalid } = useContext(RadioGroupContext);
-  return /* @__PURE__ */ jsx(
-    Radio$1,
-    {
-      value,
-      isDisabled,
-      className: (renderProps) => cn(
-        radioItemVariants({
-          variant,
-          size,
-          isDisabled: renderProps.isDisabled,
-          isInvalid
-        }),
-        className
-      ),
-      children: (renderProps) => /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: radioIndicatorVariants({ variant, size }),
-            "data-selected": renderProps.isSelected || void 0,
-            children: /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: radioInnerDotVariants({ variant, size }),
-                "data-selected": renderProps.isSelected || void 0
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "flex-1 flex flex-col", children })
-      ] })
-    }
-  );
-}
-var Radio = Object.assign(RadioComponent, {
-  Label: RadioLabel,
-  Description: RadioDescription
-});
-Radio.displayName = "Radio";
-var RadioGroup = forwardRef(
-  function RadioGroup2(props, ref) {
-    const {
-      // Display props
-      label,
-      description,
-      errorMessage,
-      // Selection props
-      value,
-      defaultValue,
-      // State props
-      isDisabled = false,
-      isReadOnly = false,
-      isRequired = false,
-      isInvalid = false,
-      // Layout props
-      orientation = "vertical",
-      // Variant props
-      variant = "default",
-      size = "default",
-      // Form props
-      name,
-      // Event handlers
-      onChange,
-      onFocusChange,
-      // Standard props
-      className,
-      children,
-      id,
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledby,
-      "aria-describedby": ariaDescribedby,
-      "data-testid": dataTestId,
-      ...restProps
-    } = props;
-    const generatedId = useId();
-    const radioGroupId = id ?? generatedId;
-    const labelId = `${radioGroupId}-label`;
-    const descriptionId = `${radioGroupId}-description`;
-    const errorId = `${radioGroupId}-error`;
-    const describedByParts = [];
-    if (ariaDescribedby) describedByParts.push(ariaDescribedby);
-    if (description) describedByParts.push(descriptionId);
-    if (isInvalid && errorMessage) describedByParts.push(errorId);
-    const computedAriaDescribedBy = describedByParts.length > 0 ? describedByParts.join(" ") : void 0;
-    return /* @__PURE__ */ jsx(RadioGroupContext.Provider, { value: { variant, size, isInvalid }, children: /* @__PURE__ */ jsxs(
-      RadioGroup$1,
-      {
-        ref,
-        id: radioGroupId,
-        name,
-        value: value ?? void 0,
-        defaultValue: defaultValue ?? void 0,
-        isDisabled,
-        isReadOnly,
-        isRequired,
-        isInvalid,
-        orientation,
-        onChange,
-        onFocusChange,
-        "aria-label": ariaLabel,
-        "aria-labelledby": label ? labelId : ariaLabelledby,
-        "aria-describedby": computedAriaDescribedBy,
-        "data-testid": dataTestId,
-        "data-orientation": orientation,
-        className: cn("flex flex-col gap-1.5", className),
-        ...restProps,
-        children: [
-          label && /* @__PURE__ */ jsxs(Label, { id: labelId, className: "text-sm font-medium text-[var(--content-foreground)]", children: [
-            label,
-            isRequired && /* @__PURE__ */ jsx("span", { className: "ml-1 text-[var(--destructive)]", "aria-hidden": "true", children: "*" })
-          ] }),
-          description && /* @__PURE__ */ jsx(
-            Text,
-            {
-              id: descriptionId,
-              slot: "description",
-              className: "text-sm text-[var(--menu-muted)]",
-              children: description
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: radioGroupVariants({ orientation }), children }),
-          isInvalid && errorMessage && /* @__PURE__ */ jsx(
-            FieldError,
-            {
-              id: errorId,
-              className: "text-sm text-[var(--destructive)]",
-              children: /* @__PURE__ */ jsx("span", { role: "alert", children: errorMessage })
-            }
-          )
-        ]
-      }
-    ) });
-  }
-);
-RadioGroup.displayName = "RadioGroup";
-var BaseComponentPropsSchema = z.object({
-  // Styling
-  className: z.string().optional(),
-  // React
-  children: z.any().optional(),
-  // ReactNode not directly supported by Zod
-  id: z.string().optional(),
-  // Accessibility (WCAG 2.2 AA requirements)
-  "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(),
-  // Testing & Development
-  "data-testid": z.string().optional()
-});
-
-// src/elements/RadioGroup/RadioGroup.types.ts
-var RadioGroupVariantSchema = z.enum(["default", "destructive"]);
-var RadioGroupSizeSchema = z.enum(["sm", "default", "lg"]);
-var RadioGroupOrientationSchema = z.enum(["vertical", "horizontal"]);
-var RadioGroupPropsSchema = BaseComponentPropsSchema.extend({
-  // Display props (US-4)
-  label: z.string().optional(),
-  description: z.string().optional(),
-  errorMessage: z.string().optional(),
-  // Selection props (US-1) - nullable for no initial selection
-  value: z.string().nullable().optional(),
-  defaultValue: z.string().nullable().optional(),
-  // State props (US-6)
-  isDisabled: z.boolean().optional().default(false),
-  isReadOnly: z.boolean().optional().default(false),
-  isRequired: z.boolean().optional().default(false),
-  isInvalid: z.boolean().optional().default(false),
-  // Layout props (US-5)
-  orientation: RadioGroupOrientationSchema.optional().default("vertical"),
-  // Variant props (US-2, US-3) - 2 variants only
-  variant: RadioGroupVariantSchema.optional().default("default"),
-  size: RadioGroupSizeSchema.optional().default("default"),
-  // Form props (US-6)
-  name: z.string().optional(),
-  // Event handlers
-  onChange: z.custom().optional(),
-  onFocusChange: z.custom().optional(),
-  // Children (Radio components)
-  children: z.custom()
-});
-var RadioPropsSchema = BaseComponentPropsSchema.extend({
-  // Item value (required)
-  value: z.string(),
-  // Disabled state (individual item)
-  isDisabled: z.boolean().optional().default(false),
-  // Item content - accepts any ReactNode for flexible children
-  children: z.custom(),
-  // Optional className for custom styling
-  className: z.string().optional()
-});
-var RadioLabelPropsSchema = z.object({
-  // Label content
-  children: z.custom(),
-  // Optional className for custom styling
-  className: z.string().optional()
-});
-var RadioDescriptionPropsSchema = z.object({
-  // Description content
-  children: z.custom(),
-  // Optional className for custom styling
-  className: z.string().optional()
-});
-
-export { Radio, RadioDescriptionPropsSchema, RadioGroup, RadioGroupOrientationSchema, RadioGroupPropsSchema, RadioGroupSizeSchema, RadioGroupVariantSchema, RadioLabelPropsSchema, RadioPropsSchema };
-//# sourceMappingURL=index.mjs.map
+import {createContext,forwardRef,useId,useContext}from'react';import {RadioGroup,Label,Text,FieldError,Radio}from'react-aria-components';import {cva}from'class-variance-authority';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {z}from'zod';function p(...t){return twMerge(clsx(t))}var m="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2";var c="hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground";var C=createContext({variant:"default",size:"default",isInvalid:false}),ce=cva("flex",{variants:{orientation:{vertical:"flex-col gap-2",horizontal:"flex-row flex-wrap gap-2"}},defaultVariants:{orientation:"vertical"}}),ue=cva(["flex items-center gap-3 rounded-md border cursor-pointer","transition-colors duration-200","rtl:flex-row-reverse",m,c].join(" "),{variants:{variant:{default:["border-[var(--border)]","data-[hovered]:bg-[var(--accent)]/10","data-[selected]:border-[var(--primary)]","data-[selected]:bg-[var(--primary)]/10"].join(" "),destructive:["border-[var(--border)]","data-[hovered]:bg-[var(--destructive)]/10","data-[selected]:border-[var(--destructive)]","data-[selected]:bg-[var(--destructive)]/10"].join(" ")},size:{sm:"min-h-[44px] py-2 px-3 text-sm",default:"min-h-[48px] py-3 px-4 text-sm",lg:"min-h-[56px] py-4 px-5 text-base"},isDisabled:{true:"opacity-50 cursor-not-allowed",false:""},isInvalid:{true:"border-[var(--destructive)]",false:""}},defaultVariants:{variant:"default",size:"default",isDisabled:false,isInvalid:false}}),fe=cva("flex-shrink-0 rounded-full border-2 flex items-center justify-center transition-colors duration-200",{variants:{variant:{default:["border-[var(--border)]","data-[selected]:border-[var(--primary)]"].join(" "),destructive:["border-[var(--border)]","data-[selected]:border-[var(--destructive)]"].join(" ")},size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"}},defaultVariants:{variant:"default",size:"default"}}),me=cva(["rounded-full transition-transform duration-200","[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]","motion-reduce:transition-none","scale-0 data-[selected]:scale-100"].join(" "),{variants:{variant:{default:"bg-[var(--primary)]",destructive:"bg-[var(--destructive)]"},size:{sm:"h-2 w-2",default:"h-2.5 w-2.5",lg:"h-3 w-3"}},defaultVariants:{variant:"default",size:"default"}});function D({children:t,className:i}){return jsx("span",{className:p("font-medium text-[var(--content-foreground)]",i),children:t})}D.displayName="Radio.Label";function I({children:t,className:i}){return jsx("span",{className:p("text-sm text-[var(--menu-muted)]",i),children:t})}I.displayName="Radio.Description";function Re({value:t,isDisabled:i,children:v,className:d}){let{variant:r,size:s,isInvalid:b}=useContext(C);return jsx(Radio,{value:t,isDisabled:i,className:n=>p(ue({variant:r,size:s,isDisabled:n.isDisabled,isInvalid:b}),d),children:n=>jsxs(Fragment,{children:[jsx("div",{className:fe({variant:r,size:s}),"data-selected":n.isSelected||void 0,children:jsx("div",{className:me({variant:r,size:s}),"data-selected":n.isSelected||void 0})}),jsx("div",{className:"flex-1 flex flex-col",children:v})]})})}var E=Object.assign(Re,{Label:D,Description:I});E.displayName="Radio";var O=forwardRef(function(i,v){let{label:d,description:r,errorMessage:s,value:b,defaultValue:n,isDisabled:_=false,isReadOnly:w=false,isRequired:y=false,isInvalid:u=false,orientation:x="vertical",variant:H="default",size:$="default",name:F,onChange:j,onFocusChange:B,className:Y,children:U,id:M,"aria-label":k,"aria-labelledby":q,"aria-describedby":G,"data-testid":J,...K}=i,Q=useId(),f=M??Q,g=`${f}-label`,P=`${f}-description`,N=`${f}-error`,l=[];G&&l.push(G),r&&l.push(P),u&&s&&l.push(N);let W=l.length>0?l.join(" "):void 0;return jsx(C.Provider,{value:{variant:H,size:$,isInvalid:u},children:jsxs(RadioGroup,{ref:v,id:f,name:F,value:b??void 0,defaultValue:n??void 0,isDisabled:_,isReadOnly:w,isRequired:y,isInvalid:u,orientation:x,onChange:j,onFocusChange:B,"aria-label":k,"aria-labelledby":d?g:q,"aria-describedby":W,"data-testid":J,"data-orientation":x,className:p("flex flex-col gap-1.5",Y),...K,children:[d&&jsxs(Label,{id:g,className:"text-sm font-medium text-[var(--content-foreground)]",children:[d,y&&jsx("span",{className:"ml-1 text-[var(--destructive)]","aria-hidden":"true",children:"*"})]}),r&&jsx(Text,{id:P,slot:"description",className:"text-sm text-[var(--menu-muted)]",children:r}),jsx("div",{className:ce({orientation:x}),children:U}),u&&s&&jsx(FieldError,{id:N,className:"text-sm text-[var(--destructive)]",children:jsx("span",{role:"alert",children:s})})]})})});O.displayName="RadioGroup";var S=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 L=z.enum(["default","destructive"]),V=z.enum(["sm","default","lg"]),A=z.enum(["vertical","horizontal"]),be=S.extend({label:z.string().optional(),description:z.string().optional(),errorMessage:z.string().optional(),value:z.string().nullable().optional(),defaultValue:z.string().nullable().optional(),isDisabled:z.boolean().optional().default(false),isReadOnly:z.boolean().optional().default(false),isRequired:z.boolean().optional().default(false),isInvalid:z.boolean().optional().default(false),orientation:A.optional().default("vertical"),variant:L.optional().default("default"),size:V.optional().default("default"),name:z.string().optional(),onChange:z.custom().optional(),onFocusChange:z.custom().optional(),children:z.custom()}),xe=S.extend({value:z.string(),isDisabled:z.boolean().optional().default(false),children:z.custom(),className:z.string().optional()}),he=z.object({children:z.custom(),className:z.string().optional()}),Se=z.object({children:z.custom(),className:z.string().optional()});export{E as Radio,Se as RadioDescriptionPropsSchema,O as RadioGroup,A as RadioGroupOrientationSchema,be as RadioGroupPropsSchema,V as RadioGroupSizeSchema,L as RadioGroupVariantSchema,he as RadioLabelPropsSchema,xe as RadioPropsSchema};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map