@tribepad/themis 1.0.11 → 1.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (221) hide show
  1. package/dist/elements/Accordion/Accordion.types.d.ts +44 -4
  2. package/dist/elements/Accordion/Accordion.types.d.ts.map +1 -1
  3. package/dist/elements/Accordion/index.js +1 -1
  4. package/dist/elements/Accordion/index.js.map +1 -1
  5. package/dist/elements/Accordion/index.mjs +1 -1
  6. package/dist/elements/Accordion/index.mjs.map +1 -1
  7. package/dist/elements/AlertDialog/AlertDialog.types.d.ts +19 -2
  8. package/dist/elements/AlertDialog/AlertDialog.types.d.ts.map +1 -1
  9. package/dist/elements/AlertDialog/index.js +1 -1
  10. package/dist/elements/AlertDialog/index.js.map +1 -1
  11. package/dist/elements/AlertDialog/index.mjs +1 -1
  12. package/dist/elements/AlertDialog/index.mjs.map +1 -1
  13. package/dist/elements/Avatar/Avatar.d.ts +1 -21
  14. package/dist/elements/Avatar/Avatar.d.ts.map +1 -1
  15. package/dist/elements/Avatar/Avatar.types.d.ts +30 -11
  16. package/dist/elements/Avatar/Avatar.types.d.ts.map +1 -1
  17. package/dist/elements/Avatar/AvatarGroup.d.ts +1 -17
  18. package/dist/elements/Avatar/AvatarGroup.d.ts.map +1 -1
  19. package/dist/elements/Avatar/index.js +1 -1
  20. package/dist/elements/Avatar/index.js.map +1 -1
  21. package/dist/elements/Avatar/index.mjs +1 -1
  22. package/dist/elements/Avatar/index.mjs.map +1 -1
  23. package/dist/elements/Badge/Badge.types.d.ts +16 -9
  24. package/dist/elements/Badge/Badge.types.d.ts.map +1 -1
  25. package/dist/elements/Badge/index.js +1 -1
  26. package/dist/elements/Badge/index.js.map +1 -1
  27. package/dist/elements/Badge/index.mjs +1 -1
  28. package/dist/elements/Badge/index.mjs.map +1 -1
  29. package/dist/elements/Breadcrumbs/Breadcrumbs.d.ts +2 -34
  30. package/dist/elements/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
  31. package/dist/elements/Breadcrumbs/Breadcrumbs.types.d.ts +25 -2
  32. package/dist/elements/Breadcrumbs/Breadcrumbs.types.d.ts.map +1 -1
  33. package/dist/elements/Breadcrumbs/index.js +1 -1
  34. package/dist/elements/Breadcrumbs/index.js.map +1 -1
  35. package/dist/elements/Breadcrumbs/index.mjs +1 -1
  36. package/dist/elements/Breadcrumbs/index.mjs.map +1 -1
  37. package/dist/elements/Button/Button.d.ts +1 -24
  38. package/dist/elements/Button/Button.d.ts.map +1 -1
  39. package/dist/elements/Button/Button.types.d.ts +28 -7
  40. package/dist/elements/Button/Button.types.d.ts.map +1 -1
  41. package/dist/elements/ButtonGroup/ButtonGroup.d.ts +3 -14
  42. package/dist/elements/ButtonGroup/ButtonGroup.d.ts.map +1 -1
  43. package/dist/elements/ButtonGroup/ButtonGroup.types.d.ts +14 -5
  44. package/dist/elements/ButtonGroup/ButtonGroup.types.d.ts.map +1 -1
  45. package/dist/elements/ButtonGroup/index.js +1 -1
  46. package/dist/elements/ButtonGroup/index.js.map +1 -1
  47. package/dist/elements/ButtonGroup/index.mjs +1 -1
  48. package/dist/elements/ButtonGroup/index.mjs.map +1 -1
  49. package/dist/elements/Carousel/Carousel.types.d.ts +26 -7
  50. package/dist/elements/Carousel/Carousel.types.d.ts.map +1 -1
  51. package/dist/elements/Chart/Chart.d.ts +2 -40
  52. package/dist/elements/Chart/Chart.d.ts.map +1 -1
  53. package/dist/elements/Chart/Chart.types.d.ts +25 -10
  54. package/dist/elements/Chart/Chart.types.d.ts.map +1 -1
  55. package/dist/elements/Chart/index.js +1 -1
  56. package/dist/elements/Chart/index.js.map +1 -1
  57. package/dist/elements/Chart/index.mjs +1 -1
  58. package/dist/elements/Chart/index.mjs.map +1 -1
  59. package/dist/elements/Checkbox/Checkbox.d.ts +1 -31
  60. package/dist/elements/Checkbox/Checkbox.d.ts.map +1 -1
  61. package/dist/elements/Checkbox/Checkbox.types.d.ts +33 -1
  62. package/dist/elements/Checkbox/Checkbox.types.d.ts.map +1 -1
  63. package/dist/elements/Checkbox/index.js +1 -1
  64. package/dist/elements/Checkbox/index.js.map +1 -1
  65. package/dist/elements/Checkbox/index.mjs +1 -1
  66. package/dist/elements/Checkbox/index.mjs.map +1 -1
  67. package/dist/elements/CheckboxGroup/CheckboxGroup.d.ts +1 -26
  68. package/dist/elements/CheckboxGroup/CheckboxGroup.d.ts.map +1 -1
  69. package/dist/elements/CheckboxGroup/CheckboxGroup.types.d.ts +48 -4
  70. package/dist/elements/CheckboxGroup/CheckboxGroup.types.d.ts.map +1 -1
  71. package/dist/elements/CheckboxGroup/index.js +1 -1
  72. package/dist/elements/CheckboxGroup/index.js.map +1 -1
  73. package/dist/elements/CheckboxGroup/index.mjs +1 -1
  74. package/dist/elements/CheckboxGroup/index.mjs.map +1 -1
  75. package/dist/elements/Combobox/Combobox.d.ts +1 -30
  76. package/dist/elements/Combobox/Combobox.d.ts.map +1 -1
  77. package/dist/elements/Combobox/Combobox.types.d.ts +38 -4
  78. package/dist/elements/Combobox/Combobox.types.d.ts.map +1 -1
  79. package/dist/elements/Combobox/index.js +1 -1
  80. package/dist/elements/Combobox/index.js.map +1 -1
  81. package/dist/elements/Combobox/index.mjs +1 -1
  82. package/dist/elements/Combobox/index.mjs.map +1 -1
  83. package/dist/elements/Dropdown/Dropdown.d.ts +10 -124
  84. package/dist/elements/Dropdown/Dropdown.d.ts.map +1 -1
  85. package/dist/elements/Dropdown/Dropdown.types.d.ts +53 -8
  86. package/dist/elements/Dropdown/Dropdown.types.d.ts.map +1 -1
  87. package/dist/elements/FileField/FileField.d.ts +2 -39
  88. package/dist/elements/FileField/FileField.d.ts.map +1 -1
  89. package/dist/elements/FileField/FileField.types.d.ts +31 -13
  90. package/dist/elements/FileField/FileField.types.d.ts.map +1 -1
  91. package/dist/elements/FileField/index.js +1 -1
  92. package/dist/elements/FileField/index.js.map +1 -1
  93. package/dist/elements/FileField/index.mjs +1 -1
  94. package/dist/elements/FileField/index.mjs.map +1 -1
  95. package/dist/elements/FormLayout/FormLayout.d.ts +2 -37
  96. package/dist/elements/FormLayout/FormLayout.d.ts.map +1 -1
  97. package/dist/elements/FormLayout/FormLayout.types.d.ts +19 -3
  98. package/dist/elements/FormLayout/FormLayout.types.d.ts.map +1 -1
  99. package/dist/elements/MatrixGrid/MatrixGrid.d.ts +2 -29
  100. package/dist/elements/MatrixGrid/MatrixGrid.d.ts.map +1 -1
  101. package/dist/elements/MatrixGrid/MatrixGrid.types.d.ts +22 -1
  102. package/dist/elements/MatrixGrid/MatrixGrid.types.d.ts.map +1 -1
  103. package/dist/elements/MatrixGrid/index.js +1 -1
  104. package/dist/elements/MatrixGrid/index.js.map +1 -1
  105. package/dist/elements/MatrixGrid/index.mjs +1 -1
  106. package/dist/elements/MatrixGrid/index.mjs.map +1 -1
  107. package/dist/elements/Modal/Modal.types.d.ts +69 -9
  108. package/dist/elements/Modal/Modal.types.d.ts.map +1 -1
  109. package/dist/elements/Pagination/Pagination.d.ts +2 -28
  110. package/dist/elements/Pagination/Pagination.d.ts.map +1 -1
  111. package/dist/elements/Pagination/Pagination.types.d.ts +26 -1
  112. package/dist/elements/Pagination/Pagination.types.d.ts.map +1 -1
  113. package/dist/elements/Pagination/index.js +1 -1
  114. package/dist/elements/Pagination/index.js.map +1 -1
  115. package/dist/elements/Pagination/index.mjs +1 -1
  116. package/dist/elements/Pagination/index.mjs.map +1 -1
  117. package/dist/elements/Panel/Panel.types.d.ts +67 -9
  118. package/dist/elements/Panel/Panel.types.d.ts.map +1 -1
  119. package/dist/elements/PasswordField/PasswordField.d.ts +2 -26
  120. package/dist/elements/PasswordField/PasswordField.d.ts.map +1 -1
  121. package/dist/elements/PasswordField/PasswordField.types.d.ts +27 -2
  122. package/dist/elements/PasswordField/PasswordField.types.d.ts.map +1 -1
  123. package/dist/elements/PasswordField/index.js +1 -1
  124. package/dist/elements/PasswordField/index.js.map +1 -1
  125. package/dist/elements/PasswordField/index.mjs +1 -1
  126. package/dist/elements/PasswordField/index.mjs.map +1 -1
  127. package/dist/elements/RadioGroup/RadioGroup.d.ts +1 -26
  128. package/dist/elements/RadioGroup/RadioGroup.d.ts.map +1 -1
  129. package/dist/elements/RadioGroup/RadioGroup.types.d.ts +43 -4
  130. package/dist/elements/RadioGroup/RadioGroup.types.d.ts.map +1 -1
  131. package/dist/elements/RadioGroup/index.js +1 -1
  132. package/dist/elements/RadioGroup/index.js.map +1 -1
  133. package/dist/elements/RadioGroup/index.mjs +1 -1
  134. package/dist/elements/RadioGroup/index.mjs.map +1 -1
  135. package/dist/elements/RatingScale/RatingScale.d.ts +2 -30
  136. package/dist/elements/RatingScale/RatingScale.d.ts.map +1 -1
  137. package/dist/elements/RatingScale/RatingScale.types.d.ts +29 -1
  138. package/dist/elements/RatingScale/RatingScale.types.d.ts.map +1 -1
  139. package/dist/elements/RatingScale/index.js +1 -1
  140. package/dist/elements/RatingScale/index.js.map +1 -1
  141. package/dist/elements/RatingScale/index.mjs +1 -1
  142. package/dist/elements/RatingScale/index.mjs.map +1 -1
  143. package/dist/elements/SearchField/SearchField.d.ts +2 -26
  144. package/dist/elements/SearchField/SearchField.d.ts.map +1 -1
  145. package/dist/elements/SearchField/SearchField.types.d.ts +26 -2
  146. package/dist/elements/SearchField/SearchField.types.d.ts.map +1 -1
  147. package/dist/elements/SearchField/index.js +1 -1
  148. package/dist/elements/SearchField/index.js.map +1 -1
  149. package/dist/elements/SearchField/index.mjs +1 -1
  150. package/dist/elements/SearchField/index.mjs.map +1 -1
  151. package/dist/elements/Select/Select.d.ts +3 -61
  152. package/dist/elements/Select/Select.d.ts.map +1 -1
  153. package/dist/elements/Select/Select.types.d.ts +52 -4
  154. package/dist/elements/Select/Select.types.d.ts.map +1 -1
  155. package/dist/elements/Select/index.js +1 -1
  156. package/dist/elements/Select/index.js.map +1 -1
  157. package/dist/elements/Select/index.mjs +1 -1
  158. package/dist/elements/Select/index.mjs.map +1 -1
  159. package/dist/elements/SituationalJudgement/SituationalJudgement.d.ts +2 -28
  160. package/dist/elements/SituationalJudgement/SituationalJudgement.d.ts.map +1 -1
  161. package/dist/elements/SituationalJudgement/SituationalJudgement.types.d.ts +23 -1
  162. package/dist/elements/SituationalJudgement/SituationalJudgement.types.d.ts.map +1 -1
  163. package/dist/elements/SituationalJudgement/index.js +1 -1
  164. package/dist/elements/SituationalJudgement/index.js.map +1 -1
  165. package/dist/elements/SituationalJudgement/index.mjs +1 -1
  166. package/dist/elements/SituationalJudgement/index.mjs.map +1 -1
  167. package/dist/elements/Skeleton/Skeleton.types.d.ts +11 -6
  168. package/dist/elements/Skeleton/Skeleton.types.d.ts.map +1 -1
  169. package/dist/elements/Skeleton/index.js +1 -1
  170. package/dist/elements/Skeleton/index.js.map +1 -1
  171. package/dist/elements/Skeleton/index.mjs +1 -1
  172. package/dist/elements/Skeleton/index.mjs.map +1 -1
  173. package/dist/elements/Switch/Switch.types.d.ts +31 -7
  174. package/dist/elements/Switch/Switch.types.d.ts.map +1 -1
  175. package/dist/elements/Switch/index.js +1 -1
  176. package/dist/elements/Switch/index.js.map +1 -1
  177. package/dist/elements/Switch/index.mjs +1 -1
  178. package/dist/elements/Switch/index.mjs.map +1 -1
  179. package/dist/elements/Table/Table.d.ts +7 -79
  180. package/dist/elements/Table/Table.d.ts.map +1 -1
  181. package/dist/elements/Table/Table.types.d.ts +82 -17
  182. package/dist/elements/Table/Table.types.d.ts.map +1 -1
  183. package/dist/elements/Table/index.js +1 -1
  184. package/dist/elements/Table/index.js.map +1 -1
  185. package/dist/elements/Table/index.mjs +1 -1
  186. package/dist/elements/Table/index.mjs.map +1 -1
  187. package/dist/elements/Tabs/Tabs.types.d.ts +61 -5
  188. package/dist/elements/Tabs/Tabs.types.d.ts.map +1 -1
  189. package/dist/elements/Tabs/index.js +1 -1
  190. package/dist/elements/Tabs/index.js.map +1 -1
  191. package/dist/elements/Tabs/index.mjs +1 -1
  192. package/dist/elements/Tabs/index.mjs.map +1 -1
  193. package/dist/elements/TextField/TextField.d.ts +6 -71
  194. package/dist/elements/TextField/TextField.d.ts.map +1 -1
  195. package/dist/elements/TextField/TextField.types.d.ts +76 -12
  196. package/dist/elements/TextField/TextField.types.d.ts.map +1 -1
  197. package/dist/elements/TextField/index.js +1 -1
  198. package/dist/elements/TextField/index.js.map +1 -1
  199. package/dist/elements/TextField/index.mjs +1 -1
  200. package/dist/elements/TextField/index.mjs.map +1 -1
  201. package/dist/elements/Toast/Toast.types.d.ts +12 -20
  202. package/dist/elements/Toast/Toast.types.d.ts.map +1 -1
  203. package/dist/elements/Toast/Toaster.d.ts +2 -5
  204. package/dist/elements/Toast/Toaster.d.ts.map +1 -1
  205. package/dist/elements/Toast/index.js +1 -1
  206. package/dist/elements/Toast/index.js.map +1 -1
  207. package/dist/elements/Toast/index.mjs +1 -1
  208. package/dist/elements/Toast/index.mjs.map +1 -1
  209. package/dist/elements/Tooltip/Tooltip.types.d.ts +39 -4
  210. package/dist/elements/Tooltip/Tooltip.types.d.ts.map +1 -1
  211. package/dist/elements/Tooltip/index.js +1 -1
  212. package/dist/elements/Tooltip/index.js.map +1 -1
  213. package/dist/elements/Tooltip/index.mjs +1 -1
  214. package/dist/elements/Tooltip/index.mjs.map +1 -1
  215. package/dist/elements/index.js.map +1 -1
  216. package/dist/elements/index.mjs.map +1 -1
  217. package/dist/index.js +2 -2
  218. package/dist/index.js.map +1 -1
  219. package/dist/index.mjs +2 -2
  220. package/dist/index.mjs.map +1 -1
  221. package/package.json +1 -1
@@ -1,3 +1,3 @@
1
1
  "use client";
2
- 'use strict';var react=require('react'),reactAriaComponents=require('react-aria-components'),classVarianceAuthority=require('class-variance-authority'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),zod=require('zod');function p(...t){return tailwindMerge.twMerge(clsx.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=react.createContext({variant:"default",size:"default",isInvalid:false}),ce=classVarianceAuthority.cva("flex",{variants:{orientation:{vertical:"flex-col gap-2",horizontal:"flex-row flex-wrap gap-2"}},defaultVariants:{orientation:"vertical"}}),ue=classVarianceAuthority.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-background)]/10","data-[selected]:border-[var(--destructive-background)]","data-[selected]:bg-[var(--destructive-background)]/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-background)]",false:""}},defaultVariants:{variant:"default",size:"default",isDisabled:false,isInvalid:false}}),fe=classVarianceAuthority.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-background)]"].join(" ")},size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"}},defaultVariants:{variant:"default",size:"default"}}),me=classVarianceAuthority.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-background)]"},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 jsxRuntime.jsx("span",{className:p("font-medium text-[var(--content-foreground)]",i),children:t})}D.displayName="Radio.Label";function I({children:t,className:i}){return jsxRuntime.jsx("span",{className:p("text-sm text-[var(--menu-muted)]",i),children:t})}I.displayName="Radio.Description";function Re({value:t,isDisabled:i,children:b,className:d}){let{variant:r,size:s,isInvalid:v}=react.useContext(C);return jsxRuntime.jsx(reactAriaComponents.Radio,{value:t,isDisabled:i,className:n=>p(ue({variant:r,size:s,isDisabled:n.isDisabled,isInvalid:v}),d),children:n=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:fe({variant:r,size:s}),"data-selected":n.isSelected||void 0,children:jsxRuntime.jsx("div",{className:me({variant:r,size:s}),"data-selected":n.isSelected||void 0})}),jsxRuntime.jsx("div",{className:"flex-1 flex flex-col",children:b})]})})}var E=Object.assign(Re,{Label:D,Description:I});E.displayName="Radio";var O=react.forwardRef(function(i,b){let{label:d,description:r,errorMessage:s,value:v,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:k,className:B,children:Y,id:U,"aria-label":M,"aria-labelledby":q,"aria-describedby":g,"data-testid":J,...K}=i,Q=react.useId(),f=U??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 jsxRuntime.jsx(C.Provider,{value:{variant:H,size:$,isInvalid:u},children:jsxRuntime.jsxs(reactAriaComponents.RadioGroup,{ref:b,id:f,name:F,value:v??void 0,defaultValue:n??void 0,isDisabled:_,isReadOnly:w,isRequired:y,isInvalid:u,orientation:x,onChange:j,onFocusChange:k,"aria-label":M,"aria-labelledby":d?G:q,"aria-describedby":W,"data-testid":J,"data-orientation":x,className:p("flex flex-col gap-1.5",B),...K,children:[d&&jsxRuntime.jsxs(reactAriaComponents.Label,{id:G,className:"text-sm font-medium text-[var(--content-foreground)]",children:[d,y&&jsxRuntime.jsx("span",{className:"ml-1 text-[var(--destructive-background)]","aria-hidden":"true",children:"*"})]}),r&&jsxRuntime.jsx(reactAriaComponents.Text,{id:P,slot:"description",className:"text-sm text-[var(--menu-muted)]",children:r}),jsxRuntime.jsx("div",{className:ce({orientation:x}),children:Y}),u&&s&&jsxRuntime.jsx(reactAriaComponents.FieldError,{id:N,className:"text-sm text-[var(--destructive-background)]",children:jsxRuntime.jsx("span",{role:"alert",children:s})})]})})});O.displayName="RadioGroup";var S=zod.z.object({className:zod.z.string().optional(),children:zod.z.any().optional(),id:zod.z.string().optional(),"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),"aria-describedby":zod.z.string().optional(),"aria-live":zod.z.enum(["off","polite","assertive"]).optional(),"aria-hidden":zod.z.boolean().optional(),"data-testid":zod.z.string().optional()});var L=zod.z.enum(["default","destructive"]),V=zod.z.enum(["sm","default","lg"]),A=zod.z.enum(["vertical","horizontal"]),ve=S.extend({label:zod.z.string().optional(),description:zod.z.string().optional(),errorMessage:zod.z.string().optional(),value:zod.z.string().nullable().optional(),defaultValue:zod.z.string().nullable().optional(),isDisabled:zod.z.boolean().optional().default(false),isReadOnly:zod.z.boolean().optional().default(false),isRequired:zod.z.boolean().optional().default(false),isInvalid:zod.z.boolean().optional().default(false),orientation:A.optional().default("vertical"),variant:L.optional().default("default"),size:V.optional().default("default"),name:zod.z.string().optional(),onChange:zod.z.custom().optional(),onFocusChange:zod.z.custom().optional(),children:zod.z.custom()}),xe=S.extend({value:zod.z.string(),isDisabled:zod.z.boolean().optional().default(false),children:zod.z.custom(),className:zod.z.string().optional()}),he=zod.z.object({children:zod.z.custom(),className:zod.z.string().optional()}),Se=zod.z.object({children:zod.z.custom(),className:zod.z.string().optional()});exports.Radio=E;exports.RadioDescriptionPropsSchema=Se;exports.RadioGroup=O;exports.RadioGroupOrientationSchema=A;exports.RadioGroupPropsSchema=ve;exports.RadioGroupSizeSchema=V;exports.RadioGroupVariantSchema=L;exports.RadioLabelPropsSchema=he;exports.RadioPropsSchema=xe;//# sourceMappingURL=index.js.map
2
+ 'use strict';var react=require('react'),reactAriaComponents=require('react-aria-components'),classVarianceAuthority=require('class-variance-authority'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),zod=require('zod');function p(...i){return tailwindMerge.twMerge(clsx.clsx(i))}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 T=react.createContext({variant:"default",size:"default",isInvalid:false}),ce=classVarianceAuthority.cva("flex",{variants:{orientation:{vertical:"flex-col gap-2",horizontal:"flex-row flex-wrap gap-2"}},defaultVariants:{orientation:"vertical"}}),ue=classVarianceAuthority.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-background)]/10","data-[selected]:border-[var(--destructive-background)]","data-[selected]:bg-[var(--destructive-background)]/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-background)]",false:""}},defaultVariants:{variant:"default",size:"default",isDisabled:false,isInvalid:false}}),fe=classVarianceAuthority.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-background)]"].join(" ")},size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"}},defaultVariants:{variant:"default",size:"default"}}),me=classVarianceAuthority.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-background)]"},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:i,className:t}){return jsxRuntime.jsx("span",{className:p("font-medium text-[var(--content-foreground)]",t),children:i})}D.displayName="Radio.Label";function I({children:i,className:t}){return jsxRuntime.jsx("span",{className:p("text-sm text-[var(--menu-muted)]",t),children:i})}I.displayName="Radio.Description";function Re({value:i,isDisabled:t,children:b,className:d}){let{variant:r,size:n,isInvalid:v}=react.useContext(T);return jsxRuntime.jsx(reactAriaComponents.Radio,{value:i,isDisabled:t,className:s=>p(ue({variant:r,size:n,isDisabled:s.isDisabled,isInvalid:v}),d),children:s=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:fe({variant:r,size:n}),"data-selected":s.isSelected||void 0,children:jsxRuntime.jsx("div",{className:me({variant:r,size:n}),"data-selected":s.isSelected||void 0})}),jsxRuntime.jsx("div",{className:"flex-1 flex flex-col",children:b})]})})}var z=Object.assign(Re,{Label:D,Description:I});z.displayName="Radio";var E=react.forwardRef(function(t,b){let{label:d,description:r,errorMessage:n,value:v,defaultValue:s,isDisabled:A=false,isReadOnly:_=false,isRequired:S=false,isInvalid:u=false,orientation:g="vertical",variant:F="default",size:H="default",name:$,onChange:j,onFocusChange:k,className:B,children:Y,id:M,"aria-label":U,"aria-labelledby":q,"aria-describedby":y,"data-testid":J,...K}=t,Q=react.useId(),f=M??Q,G=`${f}-label`,N=`${f}-description`,P=`${f}-error`,l=[];y&&l.push(y),r&&l.push(N),u&&n&&l.push(P);let W=l.length>0?l.join(" "):void 0;return jsxRuntime.jsx(T.Provider,{value:{variant:F,size:H,isInvalid:u},children:jsxRuntime.jsxs(reactAriaComponents.RadioGroup,{ref:b,id:f,name:$,value:v??void 0,defaultValue:s??void 0,isDisabled:A,isReadOnly:_,isRequired:S,isInvalid:u,orientation:g,onChange:j,onFocusChange:k,"aria-label":U,"aria-labelledby":d?G:q,"aria-describedby":W,"data-testid":J,"data-orientation":g,className:p("flex flex-col gap-1.5",B),...K,children:[d&&jsxRuntime.jsxs(reactAriaComponents.Label,{id:G,className:"text-sm font-medium text-[var(--content-foreground)]",children:[d,S&&jsxRuntime.jsx("span",{className:"ml-1 text-[var(--destructive-background)]","aria-hidden":"true",children:"*"})]}),r&&jsxRuntime.jsx(reactAriaComponents.Text,{id:N,slot:"description",className:"text-sm text-[var(--menu-muted)]",children:r}),jsxRuntime.jsx("div",{className:ce({orientation:g}),children:Y}),u&&n&&jsxRuntime.jsx(reactAriaComponents.FieldError,{id:P,className:"text-sm text-[var(--destructive-background)]",children:jsxRuntime.jsx("span",{role:"alert",children:n})})]})})});E.displayName="RadioGroup";var h=zod.z.object({className:zod.z.string().optional(),children:zod.z.any().optional(),id:zod.z.string().optional(),"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),"aria-describedby":zod.z.string().optional(),"aria-live":zod.z.enum(["off","polite","assertive"]).optional(),"aria-hidden":zod.z.boolean().optional(),"data-testid":zod.z.string().optional()});var V=zod.z.enum(["default","destructive"]),L=zod.z.enum(["sm","default","lg"]),w=zod.z.enum(["vertical","horizontal"]),ve=h.extend({label:zod.z.string().optional(),description:zod.z.string().optional(),errorMessage:zod.z.string().optional(),value:zod.z.string().nullable().optional(),defaultValue:zod.z.string().nullable().optional(),isDisabled:zod.z.boolean().optional().default(false),isReadOnly:zod.z.boolean().optional().default(false),isRequired:zod.z.boolean().optional().default(false),isInvalid:zod.z.boolean().optional().default(false),orientation:w.optional().default("vertical"),variant:V.optional().default("default"),size:L.optional().default("default"),name:zod.z.string().optional(),onChange:zod.z.custom().optional(),onFocusChange:zod.z.custom().optional(),children:zod.z.custom()}),ge=h.extend({value:zod.z.string(),isDisabled:zod.z.boolean().optional().default(false),children:zod.z.custom(),className:zod.z.string().optional()}),xe=zod.z.object({children:zod.z.custom(),className:zod.z.string().optional()}),he=zod.z.object({children:zod.z.custom(),className:zod.z.string().optional()});exports.Radio=z;exports.RadioDescriptionPropsSchema=he;exports.RadioGroup=E;exports.RadioGroupOrientationSchema=w;exports.RadioGroupPropsSchema=ve;exports.RadioGroupSizeSchema=L;exports.RadioGroupVariantSchema=V;exports.RadioLabelPropsSchema=xe;exports.RadioPropsSchema=ge;//# sourceMappingURL=index.js.map
3
3
  //# sourceMappingURL=index.js.map
@@ -1 +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":["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-background)]/10\",\n \"data-[selected]:border-[var(--destructive-background)]\",\n \"data-[selected]:bg-[var(--destructive-background)]/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-background)]\",\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-background)]\",\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-background)]\",\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-background)]\" 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-background)]\"\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"]}
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":["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-background)]/10\",\n \"data-[selected]:border-[var(--destructive-background)]\",\n \"data-[selected]:bg-[var(--destructive-background)]/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-background)]\",\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-background)]\",\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-background)]\",\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-background)]\" 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-background)]\"\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 interface RadioGroupPropsOwn {\n className?: string;\n children?: ReactNode;\n id?: string;\n 'aria-label'?: string;\n 'aria-labelledby'?: string;\n 'aria-describedby'?: string;\n 'data-testid'?: string;\n label?: string;\n description?: string;\n errorMessage?: string;\n value?: string | null;\n defaultValue?: string | null;\n isDisabled?: boolean;\n isReadOnly?: boolean;\n isRequired?: boolean;\n isInvalid?: boolean;\n orientation?: RadioGroupOrientation;\n variant?: RadioGroupVariant;\n size?: RadioGroupSize;\n name?: string;\n onChange?: (value: string) => void;\n onFocusChange?: (isFocused: boolean) => void;\n}\n\nexport type RadioGroupProps = RadioGroupPropsOwn &\n Omit<AriaRadioGroupProps, keyof RadioGroupPropsOwn>;\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 interface RadioPropsOwn {\n className?: string;\n children?: ReactNode;\n id?: string;\n 'aria-label'?: string;\n 'data-testid'?: string;\n value: string;\n isDisabled?: boolean;\n}\n\nexport type RadioProps = RadioPropsOwn &\n Omit<AriaRadioProps, keyof RadioPropsOwn>;\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 interface RadioLabelProps {\n children?: ReactNode;\n className?: string;\n}\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 interface RadioDescriptionProps {\n children?: ReactNode;\n className?: string;\n}\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"]}
@@ -1,3 +1,3 @@
1
1
  "use client";
2
- 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-background)]/10","data-[selected]:border-[var(--destructive-background)]","data-[selected]:bg-[var(--destructive-background)]/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-background)]",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-background)]"].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-background)]"},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:b,className:d}){let{variant:r,size:s,isInvalid:v}=useContext(C);return jsx(Radio,{value:t,isDisabled:i,className:n=>p(ue({variant:r,size:s,isDisabled:n.isDisabled,isInvalid:v}),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:b})]})})}var E=Object.assign(Re,{Label:D,Description:I});E.displayName="Radio";var O=forwardRef(function(i,b){let{label:d,description:r,errorMessage:s,value:v,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:k,className:B,children:Y,id:U,"aria-label":M,"aria-labelledby":q,"aria-describedby":g,"data-testid":J,...K}=i,Q=useId(),f=U??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:b,id:f,name:F,value:v??void 0,defaultValue:n??void 0,isDisabled:_,isReadOnly:w,isRequired:y,isInvalid:u,orientation:x,onChange:j,onFocusChange:k,"aria-label":M,"aria-labelledby":d?G:q,"aria-describedby":W,"data-testid":J,"data-orientation":x,className:p("flex flex-col gap-1.5",B),...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-background)]","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:Y}),u&&s&&jsx(FieldError,{id:N,className:"text-sm text-[var(--destructive-background)]",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"]),ve=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,ve as RadioGroupPropsSchema,V as RadioGroupSizeSchema,L as RadioGroupVariantSchema,he as RadioLabelPropsSchema,xe as RadioPropsSchema};//# sourceMappingURL=index.mjs.map
2
+ 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 as z$1}from'zod';function p(...i){return twMerge(clsx(i))}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 T=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-background)]/10","data-[selected]:border-[var(--destructive-background)]","data-[selected]:bg-[var(--destructive-background)]/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-background)]",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-background)]"].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-background)]"},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:i,className:t}){return jsx("span",{className:p("font-medium text-[var(--content-foreground)]",t),children:i})}D.displayName="Radio.Label";function I({children:i,className:t}){return jsx("span",{className:p("text-sm text-[var(--menu-muted)]",t),children:i})}I.displayName="Radio.Description";function Re({value:i,isDisabled:t,children:b,className:d}){let{variant:r,size:n,isInvalid:v}=useContext(T);return jsx(Radio,{value:i,isDisabled:t,className:s=>p(ue({variant:r,size:n,isDisabled:s.isDisabled,isInvalid:v}),d),children:s=>jsxs(Fragment,{children:[jsx("div",{className:fe({variant:r,size:n}),"data-selected":s.isSelected||void 0,children:jsx("div",{className:me({variant:r,size:n}),"data-selected":s.isSelected||void 0})}),jsx("div",{className:"flex-1 flex flex-col",children:b})]})})}var z=Object.assign(Re,{Label:D,Description:I});z.displayName="Radio";var E=forwardRef(function(t,b){let{label:d,description:r,errorMessage:n,value:v,defaultValue:s,isDisabled:A=false,isReadOnly:_=false,isRequired:S=false,isInvalid:u=false,orientation:g="vertical",variant:F="default",size:H="default",name:$,onChange:j,onFocusChange:k,className:B,children:Y,id:M,"aria-label":U,"aria-labelledby":q,"aria-describedby":y,"data-testid":J,...K}=t,Q=useId(),f=M??Q,G=`${f}-label`,N=`${f}-description`,P=`${f}-error`,l=[];y&&l.push(y),r&&l.push(N),u&&n&&l.push(P);let W=l.length>0?l.join(" "):void 0;return jsx(T.Provider,{value:{variant:F,size:H,isInvalid:u},children:jsxs(RadioGroup,{ref:b,id:f,name:$,value:v??void 0,defaultValue:s??void 0,isDisabled:A,isReadOnly:_,isRequired:S,isInvalid:u,orientation:g,onChange:j,onFocusChange:k,"aria-label":U,"aria-labelledby":d?G:q,"aria-describedby":W,"data-testid":J,"data-orientation":g,className:p("flex flex-col gap-1.5",B),...K,children:[d&&jsxs(Label,{id:G,className:"text-sm font-medium text-[var(--content-foreground)]",children:[d,S&&jsx("span",{className:"ml-1 text-[var(--destructive-background)]","aria-hidden":"true",children:"*"})]}),r&&jsx(Text,{id:N,slot:"description",className:"text-sm text-[var(--menu-muted)]",children:r}),jsx("div",{className:ce({orientation:g}),children:Y}),u&&n&&jsx(FieldError,{id:P,className:"text-sm text-[var(--destructive-background)]",children:jsx("span",{role:"alert",children:n})})]})})});E.displayName="RadioGroup";var h=z$1.object({className:z$1.string().optional(),children:z$1.any().optional(),id:z$1.string().optional(),"aria-label":z$1.string().optional(),"aria-labelledby":z$1.string().optional(),"aria-describedby":z$1.string().optional(),"aria-live":z$1.enum(["off","polite","assertive"]).optional(),"aria-hidden":z$1.boolean().optional(),"data-testid":z$1.string().optional()});var V=z$1.enum(["default","destructive"]),L=z$1.enum(["sm","default","lg"]),w=z$1.enum(["vertical","horizontal"]),ve=h.extend({label:z$1.string().optional(),description:z$1.string().optional(),errorMessage:z$1.string().optional(),value:z$1.string().nullable().optional(),defaultValue:z$1.string().nullable().optional(),isDisabled:z$1.boolean().optional().default(false),isReadOnly:z$1.boolean().optional().default(false),isRequired:z$1.boolean().optional().default(false),isInvalid:z$1.boolean().optional().default(false),orientation:w.optional().default("vertical"),variant:V.optional().default("default"),size:L.optional().default("default"),name:z$1.string().optional(),onChange:z$1.custom().optional(),onFocusChange:z$1.custom().optional(),children:z$1.custom()}),ge=h.extend({value:z$1.string(),isDisabled:z$1.boolean().optional().default(false),children:z$1.custom(),className:z$1.string().optional()}),xe=z$1.object({children:z$1.custom(),className:z$1.string().optional()}),he=z$1.object({children:z$1.custom(),className:z$1.string().optional()});export{z as Radio,he as RadioDescriptionPropsSchema,E as RadioGroup,w as RadioGroupOrientationSchema,ve as RadioGroupPropsSchema,L as RadioGroupSizeSchema,V as RadioGroupVariantSchema,xe as RadioLabelPropsSchema,ge as RadioPropsSchema};//# sourceMappingURL=index.mjs.map
3
3
  //# sourceMappingURL=index.mjs.map
@@ -1 +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":["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.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","\"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-background)]/10\",\n \"data-[selected]:border-[var(--destructive-background)]\",\n \"data-[selected]:bg-[var(--destructive-background)]/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-background)]\",\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-background)]\",\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-background)]\",\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-background)]\" 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-background)]\"\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"]}
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":["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.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","\"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-background)]/10\",\n \"data-[selected]:border-[var(--destructive-background)]\",\n \"data-[selected]:bg-[var(--destructive-background)]/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-background)]\",\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-background)]\",\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-background)]\",\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-background)]\" 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-background)]\"\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 interface RadioGroupPropsOwn {\n className?: string;\n children?: ReactNode;\n id?: string;\n 'aria-label'?: string;\n 'aria-labelledby'?: string;\n 'aria-describedby'?: string;\n 'data-testid'?: string;\n label?: string;\n description?: string;\n errorMessage?: string;\n value?: string | null;\n defaultValue?: string | null;\n isDisabled?: boolean;\n isReadOnly?: boolean;\n isRequired?: boolean;\n isInvalid?: boolean;\n orientation?: RadioGroupOrientation;\n variant?: RadioGroupVariant;\n size?: RadioGroupSize;\n name?: string;\n onChange?: (value: string) => void;\n onFocusChange?: (isFocused: boolean) => void;\n}\n\nexport type RadioGroupProps = RadioGroupPropsOwn &\n Omit<AriaRadioGroupProps, keyof RadioGroupPropsOwn>;\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 interface RadioPropsOwn {\n className?: string;\n children?: ReactNode;\n id?: string;\n 'aria-label'?: string;\n 'data-testid'?: string;\n value: string;\n isDisabled?: boolean;\n}\n\nexport type RadioProps = RadioPropsOwn &\n Omit<AriaRadioProps, keyof RadioPropsOwn>;\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 interface RadioLabelProps {\n children?: ReactNode;\n className?: string;\n}\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 interface RadioDescriptionProps {\n children?: ReactNode;\n className?: string;\n}\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"]}
@@ -1,32 +1,4 @@
1
- declare const RatingScale: import("react").ForwardRefExoticComponent<{
2
- min: number;
3
- max: number;
4
- step: number;
5
- displayStyle: "slider" | "buttons" | "stars";
6
- showNA: boolean;
7
- isRequired: boolean;
8
- isDisabled: boolean;
9
- isReadOnly: boolean;
10
- isInvalid: boolean;
11
- size: "default" | "sm" | "lg";
12
- className?: string | undefined;
13
- children?: any;
14
- id?: string | undefined;
15
- 'aria-label'?: string | undefined;
16
- 'aria-labelledby'?: string | undefined;
17
- 'aria-describedby'?: string | undefined;
18
- 'aria-live'?: "off" | "polite" | "assertive" | undefined;
19
- 'aria-hidden'?: boolean | undefined;
20
- 'data-testid'?: string | undefined;
21
- value?: number | null | undefined;
22
- onChange?: ((value: number | null) => void) | undefined;
23
- label?: string | undefined;
24
- description?: string | undefined;
25
- errorMessage?: string | undefined;
26
- lowLabel?: string | undefined;
27
- highLabel?: string | undefined;
28
- valueLabels?: Record<string, string> | undefined;
29
- name?: string | undefined;
30
- } & import("react").RefAttributes<HTMLDivElement>>;
1
+ import type { RatingScaleProps } from './RatingScale.types';
2
+ declare const RatingScale: import("react").ForwardRefExoticComponent<RatingScaleProps & import("react").RefAttributes<HTMLDivElement>>;
31
3
  export { RatingScale };
32
4
  //# sourceMappingURL=RatingScale.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"RatingScale.d.ts","sourceRoot":"","sources":["../../../src/elements/RatingScale/RatingScale.tsx"],"names":[],"mappings":"AA0PA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAqMhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC"}
1
+ {"version":3,"file":"RatingScale.d.ts","sourceRoot":"","sources":["../../../src/elements/RatingScale/RatingScale.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,gBAAgB,EAAmB,MAAM,qBAAqB,CAAC;AAsN7E,QAAA,MAAM,WAAW,6GAqMhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC"}
@@ -69,5 +69,33 @@ export declare const RatingScalePropsSchema: z.ZodObject<{
69
69
  }>>>;
70
70
  name: z.ZodOptional<z.ZodString>;
71
71
  }, z.core.$strip>;
72
- export type RatingScaleProps = z.infer<typeof RatingScalePropsSchema>;
72
+ export interface RatingScaleProps {
73
+ className?: string;
74
+ children?: unknown;
75
+ id?: string;
76
+ 'aria-label'?: string;
77
+ 'aria-labelledby'?: string;
78
+ 'aria-describedby'?: string;
79
+ 'aria-hidden'?: boolean;
80
+ 'data-testid'?: string;
81
+ value?: number | null;
82
+ onChange?: (value: number | null) => void;
83
+ min?: number;
84
+ max?: number;
85
+ step?: number;
86
+ displayStyle?: RatingScaleDisplayStyle;
87
+ label?: string;
88
+ description?: string;
89
+ errorMessage?: string;
90
+ lowLabel?: string;
91
+ highLabel?: string;
92
+ valueLabels?: Record<string, string>;
93
+ showNA?: boolean;
94
+ isRequired?: boolean;
95
+ isDisabled?: boolean;
96
+ isReadOnly?: boolean;
97
+ isInvalid?: boolean;
98
+ size?: RatingScaleSize;
99
+ name?: string;
100
+ }
73
101
  //# sourceMappingURL=RatingScale.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"RatingScale.types.d.ts","sourceRoot":"","sources":["../../../src/elements/RatingScale/RatingScale.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB;;;GAGG;AACH,eAAO,MAAM,6BAA6B;;;;EAAyC,CAAC;AACpF,MAAM,MAAM,uBAAuB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,6BAA6B,CAAC,CAAC;AAEpF;;;GAGG;AACH,eAAO,MAAM,qBAAqB;;;;EAAkC,CAAC;AACrE,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEpE;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;gDAGN,MAAM,GAAG,IAAI,KAAK,IAAI,UAAtB,MAAM,GAAG,IAAI,KAAK,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;iBAgCjD,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,sBAAsB,CAAC,CAAC"}
1
+ {"version":3,"file":"RatingScale.types.d.ts","sourceRoot":"","sources":["../../../src/elements/RatingScale/RatingScale.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB;;;GAGG;AACH,eAAO,MAAM,6BAA6B;;;;EAAyC,CAAC;AACpF,MAAM,MAAM,uBAAuB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,6BAA6B,CAAC,CAAC;AAEpF;;;GAGG;AACH,eAAO,MAAM,qBAAqB;;;;EAAkC,CAAC;AACrE,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEpE;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;gDAGN,MAAM,GAAG,IAAI,KAAK,IAAI,UAAtB,MAAM,GAAG,IAAI,KAAK,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;iBAgCjD,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,uBAAuB,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}
@@ -1,3 +1,3 @@
1
1
  "use client";
2
- 'use strict';var react=require('react'),reactAriaComponents=require('react-aria-components'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime'),zod=require('zod');function E(...d){return tailwindMerge.twMerge(clsx.clsx(d))}var v="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2";var g="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 L=classVarianceAuthority.cva("flex flex-col gap-1.5",{variants:{size:{sm:"text-sm",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}}),C=classVarianceAuthority.cva("flex items-center",{variants:{size:{sm:"gap-1",default:"gap-1.5",lg:"gap-2"}},defaultVariants:{size:"default"}}),P=classVarianceAuthority.cva(["inline-flex items-center justify-center","min-h-[44px] min-w-[44px]","cursor-pointer",v,g,"data-[disabled]:pointer-events-none data-[disabled]:opacity-50"].join(" ")),_=classVarianceAuthority.cva(["inline-flex items-center justify-center","rounded-md border font-medium","transition-colors duration-200","motion-reduce:transition-none"].join(" "),{variants:{size:{sm:"h-8 w-8 text-xs",default:"h-9 w-9 text-sm",lg:"h-11 w-11 text-base"},isSelected:{true:"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] border-[var(--primary-action)]",false:"bg-[var(--content-background)] text-[var(--content-foreground)] border-[var(--border)] hover:bg-[var(--accent)]"},isInvalid:{true:"border-[var(--destructive-background)]",false:""}},defaultVariants:{size:"default",isSelected:false,isInvalid:false}}),k=classVarianceAuthority.cva(["inline-flex items-center justify-center","min-h-[44px] min-w-[44px]","cursor-pointer",v,g,"data-[disabled]:pointer-events-none data-[disabled]:opacity-50"].join(" ")),$=classVarianceAuthority.cva(["transition-colors duration-200","motion-reduce:transition-none"].join(" "),{variants:{size:{sm:"h-5 w-5",default:"h-6 w-6",lg:"h-8 w-8"},isFilled:{true:"fill-[var(--primary-action)] text-[var(--primary-action)]",false:"fill-none text-[var(--border)] hover:text-[var(--primary-action)]/50"},isInvalid:{true:"text-[var(--destructive-background)]",false:""}},defaultVariants:{size:"default",isFilled:false,isInvalid:false}}),D=classVarianceAuthority.cva(["relative w-full rounded-full overflow-visible","bg-[var(--border)]","cursor-pointer","data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed"].join(" "),{variants:{size:{sm:"h-1.5",default:"h-2",lg:"h-3"}},defaultVariants:{size:"default"}}),B=classVarianceAuthority.cva("absolute top-0 left-0 h-full rounded-full bg-[var(--primary-action)]",{variants:{isInvalid:{true:"bg-[var(--destructive-background)]",false:""}},defaultVariants:{isInvalid:false}}),H=classVarianceAuthority.cva(["rounded-full bg-[var(--primary-action)] border-2 border-[var(--content-background)]","shadow-md","transition-transform duration-200","motion-reduce:transition-none","data-[dragging]:scale-110",v,g].join(" "),{variants:{size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"}},defaultVariants:{size:"default"}}),j=classVarianceAuthority.cva("absolute bg-[var(--content-foreground)]/30",{variants:{size:{sm:"w-px h-2 top-[calc(100%+2px)]",default:"w-px h-2.5 top-[calc(100%+3px)]",lg:"w-px h-3 top-[calc(100%+4px)]"}},defaultVariants:{size:"default"}}),F=classVarianceAuthority.cva(["inline-flex items-center justify-center","min-h-[44px] min-w-[44px] px-3","rounded-md border font-medium","cursor-pointer","transition-colors duration-200","motion-reduce:transition-none",v,g,"disabled:pointer-events-none disabled:opacity-50"].join(" "),{variants:{size:{sm:"text-xs",default:"text-sm",lg:"text-base"},isSelected:{true:"bg-[var(--muted)] text-[var(--content-foreground)] border-[var(--content-foreground)]",false:"bg-[var(--content-background)] text-[var(--muted-foreground)] border-[var(--border)] hover:bg-[var(--accent)]"}},defaultVariants:{size:"default",isSelected:false}});function Ae(d,o,p){let r=[];for(let n=d;n<=o;n+=p)r.push(n);return r}function Ee({values:d,currentValue:o,onValueChange:p,size:r,isDisabled:n,isReadOnly:l,isInvalid:i,name:c,groupId:m}){return jsxRuntime.jsx(reactAriaComponents.RadioGroup,{"aria-labelledby":`${m}-label`,value:o!==null?String(o):void 0,onChange:t=>p(Number(t)),isDisabled:n,isReadOnly:l,orientation:"horizontal",name:c,className:"flex items-center gap-0",children:jsxRuntime.jsx("div",{className:C({size:r}),children:d.map(t=>jsxRuntime.jsx(reactAriaComponents.Radio,{value:String(t),"aria-label":String(t),className:P(),children:({isSelected:f})=>jsxRuntime.jsx("span",{className:_({size:r,isSelected:f,isInvalid:i}),children:t})},t))})})}function Le({values:d,currentValue:o,onValueChange:p,size:r,isDisabled:n,isReadOnly:l,isInvalid:i,name:c,groupId:m}){return jsxRuntime.jsx(reactAriaComponents.RadioGroup,{"aria-labelledby":`${m}-label`,value:o!==null?String(o):void 0,onChange:t=>p(Number(t)),isDisabled:n,isReadOnly:l,orientation:"horizontal",name:c,className:"flex items-center gap-0",children:jsxRuntime.jsx("div",{className:C({size:r}),children:d.map(t=>{let f=o!==null&&t<=o;return jsxRuntime.jsx(reactAriaComponents.Radio,{value:String(t),"aria-label":`${t} star${t!==1?"s":""}`,className:k(),children:jsxRuntime.jsx(lucideReact.Star,{"aria-hidden":"true",className:$({size:r,isFilled:f,isInvalid:i})})},t)})})})}function Pe({values:d,currentValue:o,onValueChange:p,size:r,isDisabled:n,isInvalid:l,min:i,max:c,step:m,groupId:t}){let f=o??i;return jsxRuntime.jsxs(reactAriaComponents.Slider,{"aria-labelledby":`${t}-label`,value:f,onChange:p,minValue:i,maxValue:c,step:m,isDisabled:n,className:"flex w-full flex-col gap-1 pb-4",children:[jsxRuntime.jsx("div",{className:"flex items-center justify-between",children:jsxRuntime.jsx(reactAriaComponents.SliderOutput,{className:"text-sm font-medium text-[var(--content-foreground)]",children:({state:S})=>S.values[0]})}),jsxRuntime.jsx(reactAriaComponents.SliderTrack,{className:E(D({size:r}),"relative"),children:({state:S})=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:B({isInvalid:l}),style:{width:`${((S.values[0]??i)-i)/(c-i)*100}%`}}),d.map(R=>{let T=(R-i)/(c-i)*100;return jsxRuntime.jsx("div",{className:j({size:r}),style:{left:`${T}%`,transform:"translateX(-50%)"},"aria-hidden":"true"},R)}),jsxRuntime.jsx(reactAriaComponents.SliderThumb,{className:H({size:r}),style:{top:"50%"}})]})})]})}var ae=react.forwardRef(function(o,p){let{value:r,onChange:n,min:l=1,max:i=5,step:c=1,displayStyle:m="buttons",label:t,description:f,errorMessage:S,lowLabel:R,highLabel:T,valueLabels:G,showNA:ie=false,isRequired:oe=false,isDisabled:w=false,isReadOnly:y=false,isInvalid:I=false,size:z="default",name:le,className:se,id:de,"aria-label":ce,"aria-describedby":Y,"data-testid":ue}=o,pe=react.useId(),V=de??pe,U=`${V}-label`,M=`${V}-description`,q=`${V}-error`,N=[];Y&&N.push(Y),f&&N.push(M),I&&S&&N.push(q);let me=Ae(l,i,c),x=r!==void 0,[fe,O]=react.useState(null),b=x?r??null:fe,ge=react.useCallback(J=>{y||(x||O(J),n?.(J));},[n,y,x]),Se=react.useCallback(()=>{w||y||(b===null?(x||O(l),n?.(l)):(x||O(null),n?.(null)));},[b,n,l,w,y,x]),X=b!==null&&G?G[String(b)]:void 0,A={values:me,currentValue:b,onValueChange:ge,size:z,isDisabled:w,isReadOnly:y,isInvalid:I,name:le,groupId:V,min:l,max:i,step:c};return jsxRuntime.jsxs("div",{ref:p,id:V,role:"group","aria-label":ce,"aria-labelledby":t?U:void 0,"aria-describedby":N.length>0?N.join(" "):void 0,"data-testid":ue,className:E(L({size:z}),se),children:[t&&jsxRuntime.jsxs(reactAriaComponents.Label,{id:U,className:"text-sm font-medium text-[var(--content-foreground)]",children:[t,oe&&jsxRuntime.jsx("span",{className:"ml-1 text-[var(--destructive-background)]","aria-hidden":"true",children:"*"})]}),f&&jsxRuntime.jsx(reactAriaComponents.Text,{id:M,slot:"description",className:"text-sm text-[var(--menu-muted)]",children:f}),jsxRuntime.jsxs("div",{className:"flex items-center gap-2",children:[R&&jsxRuntime.jsx("span",{className:"text-sm text-[var(--muted-foreground)] whitespace-nowrap",children:R}),jsxRuntime.jsxs("div",{className:"flex-1",children:[m==="buttons"&&jsxRuntime.jsx(Ee,{...A}),m==="stars"&&jsxRuntime.jsx(Le,{...A}),m==="slider"&&jsxRuntime.jsx(Pe,{...A})]}),T&&jsxRuntime.jsx("span",{className:"text-sm text-[var(--muted-foreground)] whitespace-nowrap",children:T}),ie&&jsxRuntime.jsx("button",{type:"button","aria-pressed":b===null,disabled:w,onClick:Se,className:F({size:z,isSelected:b===null}),children:"N/A"})]}),X&&jsxRuntime.jsx("span",{className:"text-sm font-medium text-[var(--content-foreground)]","aria-live":"polite",children:X}),I&&S&&jsxRuntime.jsx("div",{id:q,role:"alert",className:"text-sm text-[var(--destructive-background)]",children:S})]})});ae.displayName="RatingScale";var te=zod.z.object({className:zod.z.string().optional(),children:zod.z.any().optional(),id:zod.z.string().optional(),"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),"aria-describedby":zod.z.string().optional(),"aria-live":zod.z.enum(["off","polite","assertive"]).optional(),"aria-hidden":zod.z.boolean().optional(),"data-testid":zod.z.string().optional()});var re=zod.z.enum(["buttons","stars","slider"]),ne=zod.z.enum(["sm","default","lg"]),ke=te.extend({value:zod.z.number().nullable().optional(),onChange:zod.z.custom().optional(),min:zod.z.number().optional().default(1),max:zod.z.number().optional().default(5),step:zod.z.number().optional().default(1),displayStyle:re.optional().default("buttons"),label:zod.z.string().optional(),description:zod.z.string().optional(),errorMessage:zod.z.string().optional(),lowLabel:zod.z.string().optional(),highLabel:zod.z.string().optional(),valueLabels:zod.z.record(zod.z.string(),zod.z.string()).optional(),showNA:zod.z.boolean().optional().default(false),isRequired:zod.z.boolean().optional().default(false),isDisabled:zod.z.boolean().optional().default(false),isReadOnly:zod.z.boolean().optional().default(false),isInvalid:zod.z.boolean().optional().default(false),size:ne.optional().default("default"),name:zod.z.string().optional()});exports.RatingScale=ae;exports.RatingScaleDisplayStyleSchema=re;exports.RatingScalePropsSchema=ke;exports.RatingScaleSizeSchema=ne;exports.ratingScaleButtonOuterVariants=P;exports.ratingScaleButtonVisualVariants=_;exports.ratingScaleContainerVariants=L;exports.ratingScaleNAButtonVariants=F;exports.ratingScaleRowVariants=C;exports.ratingScaleSliderFillVariants=B;exports.ratingScaleSliderThumbVariants=H;exports.ratingScaleSliderTickVariants=j;exports.ratingScaleSliderTrackVariants=D;exports.ratingScaleStarOuterVariants=k;exports.ratingScaleStarVisualVariants=$;//# sourceMappingURL=index.js.map
2
+ 'use strict';var react=require('react'),reactAriaComponents=require('react-aria-components'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime'),zod=require('zod');function E(...d){return tailwindMerge.twMerge(clsx.clsx(d))}var v="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2";var g="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 L=classVarianceAuthority.cva("flex flex-col gap-1.5",{variants:{size:{sm:"text-sm",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}}),C=classVarianceAuthority.cva("flex items-center",{variants:{size:{sm:"gap-1",default:"gap-1.5",lg:"gap-2"}},defaultVariants:{size:"default"}}),k=classVarianceAuthority.cva(["inline-flex items-center justify-center","min-h-[44px] min-w-[44px]","cursor-pointer",v,g,"data-[disabled]:pointer-events-none data-[disabled]:opacity-50"].join(" ")),D=classVarianceAuthority.cva(["inline-flex items-center justify-center","rounded-md border font-medium","transition-colors duration-200","motion-reduce:transition-none"].join(" "),{variants:{size:{sm:"h-8 w-8 text-xs",default:"h-9 w-9 text-sm",lg:"h-11 w-11 text-base"},isSelected:{true:"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] border-[var(--primary-action)]",false:"bg-[var(--content-background)] text-[var(--content-foreground)] border-[var(--border)] hover:bg-[var(--accent)]"},isInvalid:{true:"border-[var(--destructive-background)]",false:""}},defaultVariants:{size:"default",isSelected:false,isInvalid:false}}),_=classVarianceAuthority.cva(["inline-flex items-center justify-center","min-h-[44px] min-w-[44px]","cursor-pointer",v,g,"data-[disabled]:pointer-events-none data-[disabled]:opacity-50"].join(" ")),P=classVarianceAuthority.cva(["transition-colors duration-200","motion-reduce:transition-none"].join(" "),{variants:{size:{sm:"h-5 w-5",default:"h-6 w-6",lg:"h-8 w-8"},isFilled:{true:"fill-[var(--primary-action)] text-[var(--primary-action)]",false:"fill-none text-[var(--border)] hover:text-[var(--primary-action)]/50"},isInvalid:{true:"text-[var(--destructive-background)]",false:""}},defaultVariants:{size:"default",isFilled:false,isInvalid:false}}),$=classVarianceAuthority.cva(["relative w-full rounded-full overflow-visible","bg-[var(--border)]","cursor-pointer","data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed"].join(" "),{variants:{size:{sm:"h-1.5",default:"h-2",lg:"h-3"}},defaultVariants:{size:"default"}}),B=classVarianceAuthority.cva("absolute top-0 left-0 h-full rounded-full bg-[var(--primary-action)]",{variants:{isInvalid:{true:"bg-[var(--destructive-background)]",false:""}},defaultVariants:{isInvalid:false}}),H=classVarianceAuthority.cva(["rounded-full bg-[var(--primary-action)] border-2 border-[var(--content-background)]","shadow-md","transition-transform duration-200","motion-reduce:transition-none","data-[dragging]:scale-110",v,g].join(" "),{variants:{size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"}},defaultVariants:{size:"default"}}),j=classVarianceAuthority.cva("absolute bg-[var(--content-foreground)]/30",{variants:{size:{sm:"w-px h-2 top-[calc(100%+2px)]",default:"w-px h-2.5 top-[calc(100%+3px)]",lg:"w-px h-3 top-[calc(100%+4px)]"}},defaultVariants:{size:"default"}}),F=classVarianceAuthority.cva(["inline-flex items-center justify-center","min-h-[44px] min-w-[44px] px-3","rounded-md border font-medium","cursor-pointer","transition-colors duration-200","motion-reduce:transition-none",v,g,"disabled:pointer-events-none disabled:opacity-50"].join(" "),{variants:{size:{sm:"text-xs",default:"text-sm",lg:"text-base"},isSelected:{true:"bg-[var(--muted)] text-[var(--content-foreground)] border-[var(--content-foreground)]",false:"bg-[var(--content-background)] text-[var(--muted-foreground)] border-[var(--border)] hover:bg-[var(--accent)]"}},defaultVariants:{size:"default",isSelected:false}});function Ae(d,l,p){let r=[];for(let n=d;n<=l;n+=p)r.push(n);return r}function Ee({values:d,currentValue:l,onValueChange:p,size:r,isDisabled:n,isReadOnly:o,isInvalid:i,name:c,groupId:m}){return jsxRuntime.jsx(reactAriaComponents.RadioGroup,{"aria-labelledby":`${m}-label`,value:l!==null?String(l):void 0,onChange:t=>p(Number(t)),isDisabled:n,isReadOnly:o,orientation:"horizontal",name:c,className:"flex items-center gap-0",children:jsxRuntime.jsx("div",{className:C({size:r}),children:d.map(t=>jsxRuntime.jsx(reactAriaComponents.Radio,{value:String(t),"aria-label":String(t),className:k(),children:({isSelected:f})=>jsxRuntime.jsx("span",{className:D({size:r,isSelected:f,isInvalid:i}),children:t})},t))})})}function Le({values:d,currentValue:l,onValueChange:p,size:r,isDisabled:n,isReadOnly:o,isInvalid:i,name:c,groupId:m}){return jsxRuntime.jsx(reactAriaComponents.RadioGroup,{"aria-labelledby":`${m}-label`,value:l!==null?String(l):void 0,onChange:t=>p(Number(t)),isDisabled:n,isReadOnly:o,orientation:"horizontal",name:c,className:"flex items-center gap-0",children:jsxRuntime.jsx("div",{className:C({size:r}),children:d.map(t=>{let f=l!==null&&t<=l;return jsxRuntime.jsx(reactAriaComponents.Radio,{value:String(t),"aria-label":`${t} star${t!==1?"s":""}`,className:_(),children:jsxRuntime.jsx(lucideReact.Star,{"aria-hidden":"true",className:P({size:r,isFilled:f,isInvalid:i})})},t)})})})}function ke({values:d,currentValue:l,onValueChange:p,size:r,isDisabled:n,isInvalid:o,min:i,max:c,step:m,groupId:t}){let f=l??i;return jsxRuntime.jsxs(reactAriaComponents.Slider,{"aria-labelledby":`${t}-label`,value:f,onChange:p,minValue:i,maxValue:c,step:m,isDisabled:n,className:"flex w-full flex-col gap-1 pb-4",children:[jsxRuntime.jsx("div",{className:"flex items-center justify-between",children:jsxRuntime.jsx(reactAriaComponents.SliderOutput,{className:"text-sm font-medium text-[var(--content-foreground)]",children:({state:b})=>b.values[0]})}),jsxRuntime.jsx(reactAriaComponents.SliderTrack,{className:E($({size:r}),"relative"),children:({state:b})=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:B({isInvalid:o}),style:{width:`${((b.values[0]??i)-i)/(c-i)*100}%`}}),d.map(R=>{let T=(R-i)/(c-i)*100;return jsxRuntime.jsx("div",{className:j({size:r}),style:{left:`${T}%`,transform:"translateX(-50%)"},"aria-hidden":"true"},R)}),jsxRuntime.jsx(reactAriaComponents.SliderThumb,{className:H({size:r}),style:{top:"50%"}})]})})]})}var ae=react.forwardRef(function(l,p){let{value:r,onChange:n,min:o=1,max:i=5,step:c=1,displayStyle:m="buttons",label:t,description:f,errorMessage:b,lowLabel:R,highLabel:T,valueLabels:G,showNA:ie=false,isRequired:le=false,isDisabled:w=false,isReadOnly:y=false,isInvalid:I=false,size:z="default",name:oe,className:se,id:de,"aria-label":ce,"aria-describedby":Y,"data-testid":ue}=l,pe=react.useId(),V=de??pe,M=`${V}-label`,U=`${V}-description`,q=`${V}-error`,N=[];Y&&N.push(Y),f&&N.push(U),I&&b&&N.push(q);let me=Ae(o,i,c),x=r!==void 0,[fe,O]=react.useState(null),S=x?r??null:fe,ge=react.useCallback(J=>{y||(x||O(J),n?.(J));},[n,y,x]),be=react.useCallback(()=>{w||y||(S===null?(x||O(o),n?.(o)):(x||O(null),n?.(null)));},[S,n,o,w,y,x]),X=S!==null&&G?G[String(S)]:void 0,A={values:me,currentValue:S,onValueChange:ge,size:z,isDisabled:w,isReadOnly:y,isInvalid:I,name:oe,groupId:V,min:o,max:i,step:c};return jsxRuntime.jsxs("div",{ref:p,id:V,role:"group","aria-label":ce,"aria-labelledby":t?M:void 0,"aria-describedby":N.length>0?N.join(" "):void 0,"data-testid":ue,className:E(L({size:z}),se),children:[t&&jsxRuntime.jsxs(reactAriaComponents.Label,{id:M,className:"text-sm font-medium text-[var(--content-foreground)]",children:[t,le&&jsxRuntime.jsx("span",{className:"ml-1 text-[var(--destructive-background)]","aria-hidden":"true",children:"*"})]}),f&&jsxRuntime.jsx(reactAriaComponents.Text,{id:U,slot:"description",className:"text-sm text-[var(--menu-muted)]",children:f}),jsxRuntime.jsxs("div",{className:"flex items-center gap-2",children:[R&&jsxRuntime.jsx("span",{className:"text-sm text-[var(--muted-foreground)] whitespace-nowrap",children:R}),jsxRuntime.jsxs("div",{className:"flex-1",children:[m==="buttons"&&jsxRuntime.jsx(Ee,{...A}),m==="stars"&&jsxRuntime.jsx(Le,{...A}),m==="slider"&&jsxRuntime.jsx(ke,{...A})]}),T&&jsxRuntime.jsx("span",{className:"text-sm text-[var(--muted-foreground)] whitespace-nowrap",children:T}),ie&&jsxRuntime.jsx("button",{type:"button","aria-pressed":S===null,disabled:w,onClick:be,className:F({size:z,isSelected:S===null}),children:"N/A"})]}),X&&jsxRuntime.jsx("span",{className:"text-sm font-medium text-[var(--content-foreground)]","aria-live":"polite",children:X}),I&&b&&jsxRuntime.jsx("div",{id:q,role:"alert",className:"text-sm text-[var(--destructive-background)]",children:b})]})});ae.displayName="RatingScale";var te=zod.z.object({className:zod.z.string().optional(),children:zod.z.any().optional(),id:zod.z.string().optional(),"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),"aria-describedby":zod.z.string().optional(),"aria-live":zod.z.enum(["off","polite","assertive"]).optional(),"aria-hidden":zod.z.boolean().optional(),"data-testid":zod.z.string().optional()});var re=zod.z.enum(["buttons","stars","slider"]),ne=zod.z.enum(["sm","default","lg"]),_e=te.extend({value:zod.z.number().nullable().optional(),onChange:zod.z.custom().optional(),min:zod.z.number().optional().default(1),max:zod.z.number().optional().default(5),step:zod.z.number().optional().default(1),displayStyle:re.optional().default("buttons"),label:zod.z.string().optional(),description:zod.z.string().optional(),errorMessage:zod.z.string().optional(),lowLabel:zod.z.string().optional(),highLabel:zod.z.string().optional(),valueLabels:zod.z.record(zod.z.string(),zod.z.string()).optional(),showNA:zod.z.boolean().optional().default(false),isRequired:zod.z.boolean().optional().default(false),isDisabled:zod.z.boolean().optional().default(false),isReadOnly:zod.z.boolean().optional().default(false),isInvalid:zod.z.boolean().optional().default(false),size:ne.optional().default("default"),name:zod.z.string().optional()});exports.RatingScale=ae;exports.RatingScaleDisplayStyleSchema=re;exports.RatingScalePropsSchema=_e;exports.RatingScaleSizeSchema=ne;exports.ratingScaleButtonOuterVariants=k;exports.ratingScaleButtonVisualVariants=D;exports.ratingScaleContainerVariants=L;exports.ratingScaleNAButtonVariants=F;exports.ratingScaleRowVariants=C;exports.ratingScaleSliderFillVariants=B;exports.ratingScaleSliderThumbVariants=H;exports.ratingScaleSliderTickVariants=j;exports.ratingScaleSliderTrackVariants=$;exports.ratingScaleStarOuterVariants=_;exports.ratingScaleStarVisualVariants=P;//# sourceMappingURL=index.js.map
3
3
  //# sourceMappingURL=index.js.map