@tribepad/themis 1.0.1 → 1.0.2

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 (301) hide show
  1. package/dist/elements/Accordion/index.js +1 -335
  2. package/dist/elements/Accordion/index.js.map +1 -1
  3. package/dist/elements/Accordion/index.mjs +1 -317
  4. package/dist/elements/Accordion/index.mjs.map +1 -1
  5. package/dist/elements/AlertDialog/AlertDialog.d.ts +43 -0
  6. package/dist/elements/AlertDialog/AlertDialog.d.ts.map +1 -0
  7. package/dist/elements/AlertDialog/AlertDialog.styles.d.ts +15 -0
  8. package/dist/elements/AlertDialog/AlertDialog.styles.d.ts.map +1 -0
  9. package/dist/elements/AlertDialog/AlertDialog.types.d.ts +72 -0
  10. package/dist/elements/AlertDialog/AlertDialog.types.d.ts.map +1 -0
  11. package/dist/elements/AlertDialog/index.d.ts +25 -0
  12. package/dist/elements/AlertDialog/index.d.ts.map +1 -0
  13. package/dist/elements/AlertDialog/index.js +3 -0
  14. package/dist/elements/AlertDialog/index.js.map +1 -0
  15. package/dist/elements/AlertDialog/index.mjs +3 -0
  16. package/dist/elements/AlertDialog/index.mjs.map +1 -0
  17. package/dist/elements/Avatar/index.js +1 -468
  18. package/dist/elements/Avatar/index.js.map +1 -1
  19. package/dist/elements/Avatar/index.mjs +1 -456
  20. package/dist/elements/Avatar/index.mjs.map +1 -1
  21. package/dist/elements/Badge/index.js +1 -243
  22. package/dist/elements/Badge/index.js.map +1 -1
  23. package/dist/elements/Badge/index.mjs +1 -234
  24. package/dist/elements/Badge/index.mjs.map +1 -1
  25. package/dist/elements/Breadcrumbs/index.js +1 -821
  26. package/dist/elements/Breadcrumbs/index.js.map +1 -1
  27. package/dist/elements/Breadcrumbs/index.mjs +1 -810
  28. package/dist/elements/Breadcrumbs/index.mjs.map +1 -1
  29. package/dist/elements/Button/Button.d.ts +26 -81
  30. package/dist/elements/Button/Button.d.ts.map +1 -1
  31. package/dist/elements/Button/Button.styles.d.ts +35 -0
  32. package/dist/elements/Button/Button.styles.d.ts.map +1 -0
  33. package/dist/elements/Button/Button.types.d.ts +20 -8
  34. package/dist/elements/Button/Button.types.d.ts.map +1 -1
  35. package/dist/elements/Button/index.js +1 -288
  36. package/dist/elements/Button/index.js.map +1 -1
  37. package/dist/elements/Button/index.mjs +1 -283
  38. package/dist/elements/Button/index.mjs.map +1 -1
  39. package/dist/elements/ButtonGroup/index.js +1 -237
  40. package/dist/elements/ButtonGroup/index.js.map +1 -1
  41. package/dist/elements/ButtonGroup/index.mjs +1 -222
  42. package/dist/elements/ButtonGroup/index.mjs.map +1 -1
  43. package/dist/elements/Card/index.js +1 -579
  44. package/dist/elements/Card/index.js.map +1 -1
  45. package/dist/elements/Card/index.mjs +1 -560
  46. package/dist/elements/Card/index.mjs.map +1 -1
  47. package/dist/elements/Carousel/Carousel.d.ts +1 -11
  48. package/dist/elements/Carousel/Carousel.d.ts.map +1 -1
  49. package/dist/elements/Carousel/LazyCarousel.d.ts +1 -1
  50. package/dist/elements/Carousel/LazyCarousel.d.ts.map +1 -1
  51. package/dist/elements/Carousel/index.js +1 -789
  52. package/dist/elements/Carousel/index.js.map +1 -1
  53. package/dist/elements/Carousel/index.mjs +1 -786
  54. package/dist/elements/Carousel/index.mjs.map +1 -1
  55. package/dist/elements/Chart/ChartContext.d.ts.map +1 -1
  56. package/dist/elements/Chart/index.js +1 -1842
  57. package/dist/elements/Chart/index.js.map +1 -1
  58. package/dist/elements/Chart/index.mjs +1 -1832
  59. package/dist/elements/Chart/index.mjs.map +1 -1
  60. package/dist/elements/Checkbox/index.js +1 -316
  61. package/dist/elements/Checkbox/index.js.map +1 -1
  62. package/dist/elements/Checkbox/index.mjs +1 -306
  63. package/dist/elements/Checkbox/index.mjs.map +1 -1
  64. package/dist/elements/CheckboxGroup/index.js +1 -455
  65. package/dist/elements/CheckboxGroup/index.js.map +1 -1
  66. package/dist/elements/CheckboxGroup/index.mjs +1 -439
  67. package/dist/elements/CheckboxGroup/index.mjs.map +1 -1
  68. package/dist/elements/Combobox/Combobox.d.ts +56 -0
  69. package/dist/elements/Combobox/Combobox.d.ts.map +1 -0
  70. package/dist/elements/Combobox/Combobox.styles.d.ts +29 -0
  71. package/dist/elements/Combobox/Combobox.styles.d.ts.map +1 -0
  72. package/dist/elements/Combobox/Combobox.types.d.ts +67 -0
  73. package/dist/elements/Combobox/Combobox.types.d.ts.map +1 -0
  74. package/dist/elements/Combobox/index.d.ts +20 -0
  75. package/dist/elements/Combobox/index.d.ts.map +1 -0
  76. package/dist/elements/Combobox/index.js +3 -0
  77. package/dist/elements/Combobox/index.js.map +1 -0
  78. package/dist/elements/Combobox/index.mjs +3 -0
  79. package/dist/elements/Combobox/index.mjs.map +1 -0
  80. package/dist/elements/DatePicker/DatePicker.d.ts +1 -1
  81. package/dist/elements/DatePicker/DatePicker.d.ts.map +1 -1
  82. package/dist/elements/DatePicker/index.js +1 -903
  83. package/dist/elements/DatePicker/index.js.map +1 -1
  84. package/dist/elements/DatePicker/index.mjs +1 -853
  85. package/dist/elements/DatePicker/index.mjs.map +1 -1
  86. package/dist/elements/Dropdown/Dropdown.d.ts +7 -15
  87. package/dist/elements/Dropdown/Dropdown.d.ts.map +1 -1
  88. package/dist/elements/Dropdown/Dropdown.styles.d.ts +22 -0
  89. package/dist/elements/Dropdown/Dropdown.styles.d.ts.map +1 -0
  90. package/dist/elements/Dropdown/index.d.ts +1 -0
  91. package/dist/elements/Dropdown/index.d.ts.map +1 -1
  92. package/dist/elements/Dropdown/index.js +1 -193
  93. package/dist/elements/Dropdown/index.js.map +1 -1
  94. package/dist/elements/Dropdown/index.mjs +1 -184
  95. package/dist/elements/Dropdown/index.mjs.map +1 -1
  96. package/dist/elements/FileField/index.js +1 -1539
  97. package/dist/elements/FileField/index.js.map +1 -1
  98. package/dist/elements/FileField/index.mjs +1 -1507
  99. package/dist/elements/FileField/index.mjs.map +1 -1
  100. package/dist/elements/FormLayout/index.js +1 -170
  101. package/dist/elements/FormLayout/index.js.map +1 -1
  102. package/dist/elements/FormLayout/index.mjs +1 -167
  103. package/dist/elements/FormLayout/index.mjs.map +1 -1
  104. package/dist/elements/Modal/Modal.d.ts +9 -14
  105. package/dist/elements/Modal/Modal.d.ts.map +1 -1
  106. package/dist/elements/Modal/Modal.styles.d.ts +29 -0
  107. package/dist/elements/Modal/Modal.styles.d.ts.map +1 -0
  108. package/dist/elements/Modal/index.d.ts +1 -0
  109. package/dist/elements/Modal/index.d.ts.map +1 -1
  110. package/dist/elements/Modal/index.js +1 -232
  111. package/dist/elements/Modal/index.js.map +1 -1
  112. package/dist/elements/Modal/index.mjs +1 -220
  113. package/dist/elements/Modal/index.mjs.map +1 -1
  114. package/dist/elements/NumberField/index.js +1 -666
  115. package/dist/elements/NumberField/index.js.map +1 -1
  116. package/dist/elements/NumberField/index.mjs +1 -654
  117. package/dist/elements/NumberField/index.mjs.map +1 -1
  118. package/dist/elements/OTPInput/OTPInput.d.ts.map +1 -1
  119. package/dist/elements/OTPInput/index.js +1 -734
  120. package/dist/elements/OTPInput/index.js.map +1 -1
  121. package/dist/elements/OTPInput/index.mjs +1 -732
  122. package/dist/elements/OTPInput/index.mjs.map +1 -1
  123. package/dist/elements/Pagination/Pagination.d.ts +45 -0
  124. package/dist/elements/Pagination/Pagination.d.ts.map +1 -0
  125. package/dist/elements/Pagination/Pagination.styles.d.ts +10 -0
  126. package/dist/elements/Pagination/Pagination.styles.d.ts.map +1 -0
  127. package/dist/elements/Pagination/Pagination.types.d.ts +55 -0
  128. package/dist/elements/Pagination/Pagination.types.d.ts.map +1 -0
  129. package/dist/elements/Pagination/index.d.ts +21 -0
  130. package/dist/elements/Pagination/index.d.ts.map +1 -0
  131. package/dist/elements/Pagination/index.js +3 -0
  132. package/dist/elements/Pagination/index.js.map +1 -0
  133. package/dist/elements/Pagination/index.mjs +3 -0
  134. package/dist/elements/Pagination/index.mjs.map +1 -0
  135. package/dist/elements/Panel/index.js +1 -330
  136. package/dist/elements/Panel/index.js.map +1 -1
  137. package/dist/elements/Panel/index.mjs +1 -323
  138. package/dist/elements/Panel/index.mjs.map +1 -1
  139. package/dist/elements/PasswordField/PasswordField.d.ts +27 -0
  140. package/dist/elements/PasswordField/PasswordField.d.ts.map +1 -0
  141. package/dist/elements/PasswordField/PasswordField.styles.d.ts +32 -0
  142. package/dist/elements/PasswordField/PasswordField.styles.d.ts.map +1 -0
  143. package/dist/elements/PasswordField/PasswordField.types.d.ts +100 -0
  144. package/dist/elements/PasswordField/PasswordField.types.d.ts.map +1 -0
  145. package/dist/elements/PasswordField/index.css +2 -0
  146. package/dist/elements/PasswordField/index.css.map +1 -0
  147. package/dist/elements/PasswordField/index.d.ts +20 -0
  148. package/dist/elements/PasswordField/index.d.ts.map +1 -0
  149. package/dist/elements/PasswordField/index.js +3 -0
  150. package/dist/elements/PasswordField/index.js.map +1 -0
  151. package/dist/elements/PasswordField/index.mjs +3 -0
  152. package/dist/elements/PasswordField/index.mjs.map +1 -0
  153. package/dist/elements/Progress/index.js +1 -187
  154. package/dist/elements/Progress/index.js.map +1 -1
  155. package/dist/elements/Progress/index.mjs +1 -181
  156. package/dist/elements/Progress/index.mjs.map +1 -1
  157. package/dist/elements/RadioGroup/index.js +1 -369
  158. package/dist/elements/RadioGroup/index.js.map +1 -1
  159. package/dist/elements/RadioGroup/index.mjs +1 -359
  160. package/dist/elements/RadioGroup/index.mjs.map +1 -1
  161. package/dist/elements/Resizable/index.js +1 -1580
  162. package/dist/elements/Resizable/index.js.map +1 -1
  163. package/dist/elements/Resizable/index.mjs +1 -1566
  164. package/dist/elements/Resizable/index.mjs.map +1 -1
  165. package/dist/elements/SearchField/SearchField.d.ts +27 -0
  166. package/dist/elements/SearchField/SearchField.d.ts.map +1 -0
  167. package/dist/elements/SearchField/SearchField.styles.d.ts +32 -0
  168. package/dist/elements/SearchField/SearchField.styles.d.ts.map +1 -0
  169. package/dist/elements/SearchField/SearchField.types.d.ts +45 -0
  170. package/dist/elements/SearchField/SearchField.types.d.ts.map +1 -0
  171. package/dist/elements/SearchField/index.css +2 -0
  172. package/dist/elements/SearchField/index.css.map +1 -0
  173. package/dist/elements/SearchField/index.d.ts +21 -0
  174. package/dist/elements/SearchField/index.d.ts.map +1 -0
  175. package/dist/elements/SearchField/index.js +3 -0
  176. package/dist/elements/SearchField/index.js.map +1 -0
  177. package/dist/elements/SearchField/index.mjs +3 -0
  178. package/dist/elements/SearchField/index.mjs.map +1 -0
  179. package/dist/elements/Select/Select.d.ts +19 -48
  180. package/dist/elements/Select/Select.d.ts.map +1 -1
  181. package/dist/elements/Select/Select.styles.d.ts +55 -0
  182. package/dist/elements/Select/Select.styles.d.ts.map +1 -0
  183. package/dist/elements/Select/index.js +1 -589
  184. package/dist/elements/Select/index.js.map +1 -1
  185. package/dist/elements/Select/index.mjs +1 -582
  186. package/dist/elements/Select/index.mjs.map +1 -1
  187. package/dist/elements/Skeleton/index.js +1 -82
  188. package/dist/elements/Skeleton/index.js.map +1 -1
  189. package/dist/elements/Skeleton/index.mjs +1 -78
  190. package/dist/elements/Skeleton/index.mjs.map +1 -1
  191. package/dist/elements/Switch/index.js +1 -179
  192. package/dist/elements/Switch/index.js.map +1 -1
  193. package/dist/elements/Switch/index.mjs +1 -173
  194. package/dist/elements/Switch/index.mjs.map +1 -1
  195. package/dist/elements/Table/Table.d.ts +3 -24
  196. package/dist/elements/Table/Table.d.ts.map +1 -1
  197. package/dist/elements/Table/Table.styles.d.ts +24 -0
  198. package/dist/elements/Table/Table.styles.d.ts.map +1 -0
  199. package/dist/elements/Table/index.js +1 -595
  200. package/dist/elements/Table/index.js.map +1 -1
  201. package/dist/elements/Table/index.mjs +1 -578
  202. package/dist/elements/Table/index.mjs.map +1 -1
  203. package/dist/elements/Tabs/index.js +1 -337
  204. package/dist/elements/Tabs/index.js.map +1 -1
  205. package/dist/elements/Tabs/index.mjs +1 -320
  206. package/dist/elements/Tabs/index.mjs.map +1 -1
  207. package/dist/elements/TextField/TextField.d.ts +6 -42
  208. package/dist/elements/TextField/TextField.d.ts.map +1 -1
  209. package/dist/elements/TextField/TextField.hooks.d.ts +63 -0
  210. package/dist/elements/TextField/TextField.hooks.d.ts.map +1 -0
  211. package/dist/elements/TextField/TextField.icons.d.ts +19 -0
  212. package/dist/elements/TextField/TextField.icons.d.ts.map +1 -0
  213. package/dist/elements/TextField/TextField.styles.d.ts +37 -0
  214. package/dist/elements/TextField/TextField.styles.d.ts.map +1 -0
  215. package/dist/elements/TextField/TextField.types.d.ts +3 -0
  216. package/dist/elements/TextField/TextField.types.d.ts.map +1 -1
  217. package/dist/elements/TextField/index.css +1 -22
  218. package/dist/elements/TextField/index.css.map +1 -1
  219. package/dist/elements/TextField/index.js +1 -902
  220. package/dist/elements/TextField/index.js.map +1 -1
  221. package/dist/elements/TextField/index.mjs +1 -882
  222. package/dist/elements/TextField/index.mjs.map +1 -1
  223. package/dist/elements/TimeField/index.js +1 -254
  224. package/dist/elements/TimeField/index.js.map +1 -1
  225. package/dist/elements/TimeField/index.mjs +1 -238
  226. package/dist/elements/TimeField/index.mjs.map +1 -1
  227. package/dist/elements/Toast/Toast.d.ts +0 -22
  228. package/dist/elements/Toast/Toast.d.ts.map +1 -1
  229. package/dist/elements/Toast/index.js +1 -737
  230. package/dist/elements/Toast/index.js.map +1 -1
  231. package/dist/elements/Toast/index.mjs +1 -724
  232. package/dist/elements/Toast/index.mjs.map +1 -1
  233. package/dist/elements/Tooltip/index.js +1 -323
  234. package/dist/elements/Tooltip/index.js.map +1 -1
  235. package/dist/elements/Tooltip/index.mjs +1 -310
  236. package/dist/elements/Tooltip/index.mjs.map +1 -1
  237. package/dist/elements/index.css +1 -22
  238. package/dist/elements/index.css.map +1 -1
  239. package/dist/elements/index.d.ts +13 -1
  240. package/dist/elements/index.d.ts.map +1 -1
  241. package/dist/elements/index.js +1 -12455
  242. package/dist/elements/index.js.map +1 -1
  243. package/dist/elements/index.mjs +1 -12233
  244. package/dist/elements/index.mjs.map +1 -1
  245. package/dist/index.css +1 -22
  246. package/dist/index.css.map +1 -1
  247. package/dist/index.js +2 -12490
  248. package/dist/index.js.map +1 -1
  249. package/dist/index.mjs +2 -12262
  250. package/dist/index.mjs.map +1 -1
  251. package/dist/schemas/index.js +2 -54
  252. package/dist/schemas/index.js.map +1 -1
  253. package/dist/schemas/index.mjs +2 -48
  254. package/dist/schemas/index.mjs.map +1 -1
  255. package/dist/styles/defaults.css +151 -0
  256. package/dist/styles/index.js +1 -166
  257. package/dist/styles/index.js.map +1 -1
  258. package/dist/styles/index.mjs +1 -129
  259. package/dist/styles/index.mjs.map +1 -1
  260. package/dist/utils/index.js +1 -12
  261. package/dist/utils/index.js.map +1 -1
  262. package/dist/utils/index.mjs +1 -10
  263. package/dist/utils/index.mjs.map +1 -1
  264. package/package.json +9 -7
  265. package/src/elements/Accordion/Accordion.stories.tsx +1 -1
  266. package/src/elements/AlertDialog/AlertDialog.stories.tsx +124 -0
  267. package/src/elements/Avatar/Avatar.stories.tsx +1 -1
  268. package/src/elements/Badge/Badge.stories.tsx +1 -1
  269. package/src/elements/Breadcrumbs/Breadcrumbs.stories.tsx +1 -1
  270. package/src/elements/Button/Button.stories.tsx +1 -1
  271. package/src/elements/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  272. package/src/elements/Card/Card.stories.tsx +1 -1
  273. package/src/elements/Carousel/Carousel.stories.tsx +1 -1
  274. package/src/elements/Chart/Chart.stories.tsx +1 -1
  275. package/src/elements/Checkbox/Checkbox.stories.tsx +1 -1
  276. package/src/elements/CheckboxGroup/CheckboxGroup.stories.tsx +1 -1
  277. package/src/elements/Combobox/Combobox.stories.tsx +133 -0
  278. package/src/elements/DatePicker/DatePicker.stories.tsx +1 -1
  279. package/src/elements/Dropdown/Dropdown.stories.tsx +1 -1
  280. package/src/elements/FileField/FileField.stories.tsx +1 -1
  281. package/src/elements/FileField/FileProgress.stories.tsx +1 -1
  282. package/src/elements/FormLayout/FormLayout.stories.tsx +1 -1
  283. package/src/elements/Modal/Modal.stories.tsx +1 -1
  284. package/src/elements/NumberField/NumberField.stories.tsx +1 -1
  285. package/src/elements/OTPInput/OTPInput.stories.tsx +1 -1
  286. package/src/elements/Pagination/Pagination.stories.tsx +203 -0
  287. package/src/elements/Panel/Panel.stories.tsx +1 -1
  288. package/src/elements/PasswordField/PasswordField.stories.tsx +167 -0
  289. package/src/elements/Progress/Progress.stories.tsx +1 -1
  290. package/src/elements/RadioGroup/RadioGroup.stories.tsx +1 -1
  291. package/src/elements/Resizable/Resizable.stories.tsx +1 -1
  292. package/src/elements/SearchField/SearchField.stories.tsx +146 -0
  293. package/src/elements/Select/Select.stories.tsx +1 -1
  294. package/src/elements/Skeleton/Skeleton.stories.tsx +1 -1
  295. package/src/elements/Switch/Switch.stories.tsx +1 -1
  296. package/src/elements/Table/Table.stories.tsx +1 -1
  297. package/src/elements/Tabs/Tabs.stories.tsx +1 -1
  298. package/src/elements/TextField/TextField.stories.tsx +1 -1
  299. package/src/elements/TimeField/TimeField.stories.tsx +1 -1
  300. package/src/elements/Toast/Toast.stories.tsx +1 -1
  301. package/src/elements/Tooltip/Tooltip.stories.tsx +1 -1
@@ -1,337 +1,3 @@
1
1
  "use client";
2
- 'use strict';
3
-
4
- var react = require('react');
5
- var reactAriaComponents = require('react-aria-components');
6
- var classVarianceAuthority = require('class-variance-authority');
7
- var lucideReact = require('lucide-react');
8
- var clsx = require('clsx');
9
- var tailwindMerge = require('tailwind-merge');
10
- var jsxRuntime = require('react/jsx-runtime');
11
- var zod = require('zod');
12
-
13
- // src/elements/Accordion/Accordion.tsx
14
- function cn(...inputs) {
15
- return tailwindMerge.twMerge(clsx.clsx(inputs));
16
- }
17
- var Activity = react.Activity ?? function ActivityFallback({
18
- children,
19
- mode
20
- }) {
21
- return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-activity-mode": mode, children });
22
- };
23
- var AccordionContext = react.createContext({});
24
- var accordionVariants = classVarianceAuthority.cva("w-full", {
25
- variants: {},
26
- defaultVariants: {}
27
- });
28
- var accordionItemVariants = classVarianceAuthority.cva(
29
- [
30
- "border-b border-[var(--border)]",
31
- // Last item has no border (handled by last:border-b-0)
32
- "last:border-b-0"
33
- ].join(" "),
34
- {
35
- variants: {},
36
- defaultVariants: {}
37
- }
38
- );
39
- var accordionTriggerVariants = classVarianceAuthority.cva(
40
- [
41
- // Layout
42
- "flex flex-1 items-center justify-between py-4 font-medium w-full",
43
- // Text styling
44
- "text-sm text-[var(--content-foreground)]",
45
- // Hover state
46
- "hover:underline",
47
- // Focus visible ring (WCAG 2.4.13)
48
- "focus-visible:outline-none focus-visible:ring-2",
49
- "focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",
50
- "focus-visible:ring-offset-[var(--content-background)]",
51
- // WCAG 2.2 AAA: 44px minimum touch target
52
- "min-h-[44px]",
53
- // Disabled state
54
- "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
55
- // Transition for smooth interactions
56
- "transition-all"
57
- ].join(" "),
58
- {
59
- variants: {},
60
- defaultVariants: {}
61
- }
62
- );
63
- var accordionChevronVariants = classVarianceAuthority.cva(
64
- [
65
- "h-4 w-4 shrink-0",
66
- "text-[var(--menu-muted)]",
67
- // Smooth rotation transition
68
- "transition-transform duration-200 ease-out",
69
- // Reduced motion support
70
- "motion-reduce:transition-none"
71
- ].join(" "),
72
- {
73
- variants: {
74
- isExpanded: {
75
- true: "rotate-180",
76
- false: "rotate-0"
77
- }
78
- },
79
- defaultVariants: {
80
- isExpanded: false
81
- }
82
- }
83
- );
84
- var accordionContentVariants = classVarianceAuthority.cva(
85
- [
86
- "overflow-hidden",
87
- "text-sm text-[var(--menu-muted)]"
88
- ].join(" "),
89
- {
90
- variants: {},
91
- defaultVariants: {}
92
- }
93
- );
94
- var accordionContentInnerVariants = classVarianceAuthority.cva("pb-4 pt-0", {
95
- variants: {},
96
- defaultVariants: {}
97
- });
98
- function getHeadingLevel(level) {
99
- const levelMap = {
100
- h1: 1,
101
- h2: 2,
102
- h3: 3,
103
- h4: 4,
104
- h5: 5,
105
- h6: 6
106
- };
107
- return levelMap[level];
108
- }
109
- function getFirstAccordionItemId(children) {
110
- const childArray = react.Children.toArray(children);
111
- for (const child of childArray) {
112
- if (react.isValidElement(child)) {
113
- const childProps = child.props;
114
- if (childProps && typeof childProps === "object" && "id" in childProps) {
115
- return childProps.id;
116
- }
117
- }
118
- }
119
- return void 0;
120
- }
121
- function AccordionRoot({
122
- type = "single",
123
- collapsible = false,
124
- expandedKeys,
125
- defaultExpandedKeys,
126
- onExpandedChange,
127
- isDisabled = false,
128
- disabledKeys,
129
- className,
130
- children,
131
- ...props
132
- }) {
133
- const allowsMultipleExpanded = type === "multiple";
134
- const effectiveDefaultExpandedKeys = react.useMemo(() => {
135
- if (!collapsible && type === "single" && !defaultExpandedKeys && !expandedKeys) {
136
- const firstItemId = getFirstAccordionItemId(children);
137
- return firstItemId ? [firstItemId] : void 0;
138
- }
139
- return defaultExpandedKeys;
140
- }, [collapsible, type, defaultExpandedKeys, expandedKeys, children]);
141
- const contextValue = react.useMemo(
142
- () => ({ disabledKeys }),
143
- [disabledKeys]
144
- );
145
- return /* @__PURE__ */ jsxRuntime.jsx(AccordionContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
146
- reactAriaComponents.DisclosureGroup,
147
- {
148
- allowsMultipleExpanded,
149
- expandedKeys,
150
- defaultExpandedKeys: effectiveDefaultExpandedKeys,
151
- onExpandedChange,
152
- isDisabled,
153
- className: cn(accordionVariants(), className),
154
- ...props,
155
- children
156
- }
157
- ) });
158
- }
159
- AccordionRoot.displayName = "Accordion";
160
- function AccordionItemComponent({
161
- id,
162
- isDisabled: isDisabledProp,
163
- className,
164
- children,
165
- ...props
166
- }) {
167
- const { disabledKeys } = react.useContext(AccordionContext);
168
- const isDisabledFromKeys = disabledKeys?.includes(id) ?? false;
169
- const isDisabled = isDisabledProp || isDisabledFromKeys;
170
- return /* @__PURE__ */ jsxRuntime.jsx(
171
- reactAriaComponents.Disclosure,
172
- {
173
- id,
174
- isDisabled,
175
- className: reactAriaComponents.composeRenderProps(
176
- className,
177
- (className2) => cn(accordionItemVariants(), className2)
178
- ),
179
- ...props,
180
- children
181
- }
182
- );
183
- }
184
- AccordionItemComponent.displayName = "AccordionItem";
185
- function AccordionTriggerComponent({
186
- as: headingLevel = "h3",
187
- icon,
188
- hideIcon = false,
189
- className,
190
- children,
191
- ...props
192
- }) {
193
- const state = react.useContext(reactAriaComponents.DisclosureStateContext);
194
- const isExpanded = state?.isExpanded ?? false;
195
- return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Heading, { level: getHeadingLevel(headingLevel), children: /* @__PURE__ */ jsxRuntime.jsxs(
196
- reactAriaComponents.Button,
197
- {
198
- slot: "trigger",
199
- className: reactAriaComponents.composeRenderProps(
200
- className,
201
- (className2) => cn(accordionTriggerVariants(), className2)
202
- ),
203
- ...props,
204
- children: [
205
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-left", children }),
206
- !hideIcon && (icon ?? /* @__PURE__ */ jsxRuntime.jsx(
207
- lucideReact.ChevronDown,
208
- {
209
- "aria-hidden": "true",
210
- className: cn(accordionChevronVariants({ isExpanded }))
211
- }
212
- ))
213
- ]
214
- }
215
- ) });
216
- }
217
- AccordionTriggerComponent.displayName = "AccordionTrigger";
218
- function AccordionContentInner({
219
- preserveState,
220
- children
221
- }) {
222
- const state = react.useContext(reactAriaComponents.DisclosureStateContext);
223
- const isExpanded = state?.isExpanded ?? false;
224
- if (preserveState) {
225
- return /* @__PURE__ */ jsxRuntime.jsx(Activity, { mode: isExpanded ? "visible" : "hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: accordionContentInnerVariants(), children }) });
226
- }
227
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: accordionContentInnerVariants(), children });
228
- }
229
- function AccordionContentComponent({
230
- preserveState = false,
231
- className,
232
- children,
233
- ...props
234
- }) {
235
- return /* @__PURE__ */ jsxRuntime.jsx(
236
- reactAriaComponents.DisclosurePanel,
237
- {
238
- className: reactAriaComponents.composeRenderProps(
239
- className,
240
- (className2) => cn(accordionContentVariants(), "animate-accordion", className2)
241
- ),
242
- ...props,
243
- children: /* @__PURE__ */ jsxRuntime.jsx(AccordionContentInner, { preserveState, children })
244
- }
245
- );
246
- }
247
- AccordionContentComponent.displayName = "AccordionContent";
248
- var Accordion = AccordionRoot;
249
- var AccordionItem = AccordionItemComponent;
250
- var AccordionTrigger = AccordionTriggerComponent;
251
- var AccordionContent = AccordionContentComponent;
252
- var BaseComponentPropsSchema = zod.z.object({
253
- // Styling
254
- className: zod.z.string().optional(),
255
- // React
256
- children: zod.z.any().optional(),
257
- // ReactNode not directly supported by Zod
258
- id: zod.z.string().optional(),
259
- // Accessibility (WCAG 2.2 AA requirements)
260
- "aria-label": zod.z.string().optional(),
261
- "aria-labelledby": zod.z.string().optional(),
262
- "aria-describedby": zod.z.string().optional(),
263
- "aria-live": zod.z.enum(["off", "polite", "assertive"]).optional(),
264
- "aria-hidden": zod.z.boolean().optional(),
265
- // Testing & Development
266
- "data-testid": zod.z.string().optional()
267
- });
268
-
269
- // src/elements/Accordion/Accordion.types.ts
270
- var AccordionTypeSchema = zod.z.enum(["single", "multiple"]);
271
- var HeadingLevelSchema = zod.z.enum(["h1", "h2", "h3", "h4", "h5", "h6"]);
272
- var KeySchema = zod.z.union([zod.z.string(), zod.z.number()]);
273
- var AccordionPropsSchema = BaseComponentPropsSchema.extend({
274
- // Expansion mode: 'single' (one at a time) or 'multiple' (any number)
275
- type: AccordionTypeSchema.optional().default("single"),
276
- // Allow all items to be collapsed (only applies to type="single")
277
- // When false, one item must always be expanded
278
- collapsible: zod.z.boolean().optional().default(false),
279
- // Controlled mode: currently expanded keys
280
- expandedKeys: zod.z.custom().optional(),
281
- // Uncontrolled mode: initial expanded keys
282
- defaultExpandedKeys: zod.z.array(KeySchema).optional(),
283
- // Expansion change handler
284
- onExpandedChange: zod.z.custom().optional(),
285
- // Disable all items
286
- isDisabled: zod.z.boolean().optional().default(false),
287
- // Keys of items to disable individually
288
- disabledKeys: zod.z.array(KeySchema).optional(),
289
- // Children: AccordionItem components
290
- children: zod.z.custom()
291
- });
292
- var AccordionItemPropsSchema = BaseComponentPropsSchema.extend({
293
- // Unique identifier (required)
294
- id: KeySchema,
295
- // Disable this specific item
296
- isDisabled: zod.z.boolean().optional(),
297
- // Children: AccordionTrigger + AccordionContent
298
- children: zod.z.custom()
299
- });
300
- var AccordionTriggerPropsSchema = BaseComponentPropsSchema.extend({
301
- // Heading level for proper document structure (default: h3)
302
- as: HeadingLevelSchema.optional().default("h3"),
303
- // Custom icon to replace default chevron
304
- icon: zod.z.custom().optional(),
305
- // Hide the expand/collapse icon entirely
306
- hideIcon: zod.z.boolean().optional().default(false),
307
- // Trigger content (text, icons, custom content)
308
- children: zod.z.custom()
309
- });
310
- var AccordionContentPropsSchema = BaseComponentPropsSchema.extend({
311
- // Preserve component state when collapsed using React Activity API
312
- // When true, wraps content in <Activity> component
313
- // Effects are cleaned up when hidden, restored when visible
314
- preserveState: zod.z.boolean().optional().default(false),
315
- // Panel content
316
- children: zod.z.custom()
317
- });
318
-
319
- exports.Accordion = Accordion;
320
- exports.AccordionContent = AccordionContent;
321
- exports.AccordionContentPropsSchema = AccordionContentPropsSchema;
322
- exports.AccordionItem = AccordionItem;
323
- exports.AccordionItemPropsSchema = AccordionItemPropsSchema;
324
- exports.AccordionPropsSchema = AccordionPropsSchema;
325
- exports.AccordionTrigger = AccordionTrigger;
326
- exports.AccordionTriggerPropsSchema = AccordionTriggerPropsSchema;
327
- exports.AccordionTypeSchema = AccordionTypeSchema;
328
- exports.HeadingLevelSchema = HeadingLevelSchema;
329
- exports.KeySchema = KeySchema;
330
- exports.accordionChevronVariants = accordionChevronVariants;
331
- exports.accordionContentInnerVariants = accordionContentInnerVariants;
332
- exports.accordionContentVariants = accordionContentVariants;
333
- exports.accordionItemVariants = accordionItemVariants;
334
- exports.accordionTriggerVariants = accordionTriggerVariants;
335
- exports.accordionVariants = accordionVariants;
336
- //# sourceMappingURL=index.js.map
2
+ 'use strict';var react=require('react'),reactAriaComponents=require('react-aria-components'),classVarianceAuthority=require('class-variance-authority'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),zod=require('zod');function d(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var J=react.Activity??function({children:n,mode:r}){return jsxRuntime.jsx("div",{"data-activity-mode":r,children:n})},P=react.createContext({}),C=classVarianceAuthority.cva("w-full",{variants:{},defaultVariants:{}}),S=classVarianceAuthority.cva(["border-b border-[var(--border)]","last:border-b-0"].join(" "),{variants:{},defaultVariants:{}}),I=classVarianceAuthority.cva(["flex flex-1 items-center justify-between py-4 font-medium w-full","text-sm text-[var(--content-foreground)]","hover:underline","focus-visible:outline-none focus-visible:ring-2","focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2","focus-visible:ring-offset-[var(--content-background)]","min-h-[44px]","data-[disabled]:pointer-events-none data-[disabled]:opacity-50","transition-all"].join(" "),{variants:{},defaultVariants:{}}),V=classVarianceAuthority.cva(["h-4 w-4 shrink-0","text-[var(--menu-muted)]","transition-transform duration-200 ease-out","motion-reduce:transition-none"].join(" "),{variants:{isExpanded:{true:"rotate-180",false:"rotate-0"}},defaultVariants:{isExpanded:false}}),N=classVarianceAuthority.cva(["overflow-hidden","text-sm text-[var(--menu-muted)]"].join(" "),{variants:{},defaultVariants:{}}),g=classVarianceAuthority.cva("pb-4 pt-0",{variants:{},defaultVariants:{}});function Z(e){return {h1:1,h2:2,h3:3,h4:4,h5:5,h6:6}[e]}function _(e){let n=react.Children.toArray(e);for(let r of n)if(react.isValidElement(r)){let t=r.props;if(t&&typeof t=="object"&&"id"in t)return t.id}}function T({type:e="single",collapsible:n=false,expandedKeys:r,defaultExpandedKeys:t,onExpandedChange:c,isDisabled:l=false,disabledKeys:m,className:u,children:s,...w}){let z=e==="multiple",L=react.useMemo(()=>{if(!n&&e==="single"&&!t&&!r){let v=_(s);return v?[v]:void 0}return t},[n,e,t,r,s]),j=react.useMemo(()=>({disabledKeys:m}),[m]);return jsxRuntime.jsx(P.Provider,{value:j,children:jsxRuntime.jsx(reactAriaComponents.DisclosureGroup,{allowsMultipleExpanded:z,expandedKeys:r,defaultExpandedKeys:L,onExpandedChange:c,isDisabled:l,className:d(C(),u),...w,children:s})})}T.displayName="Accordion";function D({id:e,isDisabled:n,className:r,children:t,...c}){let{disabledKeys:l}=react.useContext(P),m=l?.includes(e)??false;return jsxRuntime.jsx(reactAriaComponents.Disclosure,{id:e,isDisabled:n||m,className:reactAriaComponents.composeRenderProps(r,s=>d(S(),s)),...c,children:t})}D.displayName="AccordionItem";function R({as:e="h3",icon:n,hideIcon:r=false,className:t,children:c,...l}){let u=react.useContext(reactAriaComponents.DisclosureStateContext)?.isExpanded??false;return jsxRuntime.jsx(reactAriaComponents.Heading,{level:Z(e),children:jsxRuntime.jsxs(reactAriaComponents.Button,{slot:"trigger",className:reactAriaComponents.composeRenderProps(t,s=>d(I(),s)),...l,children:[jsxRuntime.jsx("span",{className:"flex-1 text-left",children:c}),!r&&(n??jsxRuntime.jsx(lucideReact.ChevronDown,{"aria-hidden":"true",className:d(V({isExpanded:u}))}))]})})}R.displayName="AccordionTrigger";function $({preserveState:e,children:n}){let t=react.useContext(reactAriaComponents.DisclosureStateContext)?.isExpanded??false;return e?jsxRuntime.jsx(J,{mode:t?"visible":"hidden",children:jsxRuntime.jsx("div",{className:g(),children:n})}):jsxRuntime.jsx("div",{className:g(),children:n})}function K({preserveState:e=false,className:n,children:r,...t}){return jsxRuntime.jsx(reactAriaComponents.DisclosurePanel,{className:reactAriaComponents.composeRenderProps(n,c=>d(N(),"animate-accordion",c)),...t,children:jsxRuntime.jsx($,{preserveState:e,children:r})})}K.displayName="AccordionContent";var ee=T,oe=D,ne=R,te=K;var f=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 E=zod.z.enum(["single","multiple"]),H=zod.z.enum(["h1","h2","h3","h4","h5","h6"]),A=zod.z.union([zod.z.string(),zod.z.number()]),ie=f.extend({type:E.optional().default("single"),collapsible:zod.z.boolean().optional().default(false),expandedKeys:zod.z.custom().optional(),defaultExpandedKeys:zod.z.array(A).optional(),onExpandedChange:zod.z.custom().optional(),isDisabled:zod.z.boolean().optional().default(false),disabledKeys:zod.z.array(A).optional(),children:zod.z.custom()}),ae=f.extend({id:A,isDisabled:zod.z.boolean().optional(),children:zod.z.custom()}),ce=f.extend({as:H.optional().default("h3"),icon:zod.z.custom().optional(),hideIcon:zod.z.boolean().optional().default(false),children:zod.z.custom()}),se=f.extend({preserveState:zod.z.boolean().optional().default(false),children:zod.z.custom()});exports.Accordion=ee;exports.AccordionContent=te;exports.AccordionContentPropsSchema=se;exports.AccordionItem=oe;exports.AccordionItemPropsSchema=ae;exports.AccordionPropsSchema=ie;exports.AccordionTrigger=ne;exports.AccordionTriggerPropsSchema=ce;exports.AccordionTypeSchema=E;exports.HeadingLevelSchema=H;exports.KeySchema=A;exports.accordionChevronVariants=V;exports.accordionContentInnerVariants=g;exports.accordionContentVariants=N;exports.accordionItemVariants=S;exports.accordionTriggerVariants=I;exports.accordionVariants=C;//# sourceMappingURL=index.js.map
337
3
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Accordion/Accordion.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Accordion/Accordion.types.ts"],"names":["twMerge","clsx","ReactActivity","jsx","createContext","cva","Children","isValidElement","useMemo","DisclosureGroup","useContext","Disclosure","composeRenderProps","className","DisclosureStateContext","Heading","jsxs","Button","ChevronDown","DisclosurePanel","z"],"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","'use client';\n\n/**\n * Accordion Component - Implementation\n *\n * Accessible accordion/disclosure group component combining React Aria primitives with CVA styling.\n * Follows Themis library patterns with compound component structure and direct named exports.\n *\n * Key Features:\n * - React Aria DisclosureGroup for full accessibility (WCAG 2.2 AAA)\n * - CVA variants for consistent styling\n * - React 19.2 Activity API for state preservation (preserveState prop)\n * - Single/Multiple expansion modes\n * - Controlled and uncontrolled state management\n * - Configurable heading levels for document structure\n * - Custom icon support\n *\n * @see accordion-prd.md (Full requirements)\n * @see Accordion.types.ts (Zod schemas)\n * @see plan.md (Implementation approach)\n */\n\n// React 19.2 Activity API - may not be available in all builds\n// Import conditionally to support environments where Activity is unavailable\nimport {\n Activity as ReactActivity,\n type ReactNode,\n type ReactElement,\n useMemo,\n useContext,\n createContext,\n Children,\n isValidElement,\n} from 'react';\n\n// Activity component with fallback for environments where it's not available\n// The fallback simply renders children directly - no state preservation when Activity unavailable\nconst Activity = ReactActivity ?? function ActivityFallback({\n children,\n mode,\n}: {\n children: ReactNode;\n mode: 'visible' | 'hidden';\n}): ReactElement {\n return <div data-activity-mode={mode}>{children}</div>;\n};\n\nimport {\n DisclosureGroup,\n Disclosure,\n DisclosurePanel,\n Heading,\n Button,\n composeRenderProps,\n DisclosureStateContext,\n type Key as AriaKey,\n} from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { ChevronDown } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport type {\n AccordionProps,\n AccordionItemProps,\n AccordionTriggerProps,\n AccordionContentProps,\n HeadingLevel,\n} from './Accordion.types';\n\n// ============================================================================\n// Context for disabledKeys\n// ============================================================================\n\n/**\n * Context to pass disabledKeys from Accordion to AccordionItem\n * Since DisclosureGroup doesn't support disabledKeys directly, we handle it via context\n */\ninterface AccordionContextValue {\n disabledKeys?: (string | number)[];\n}\n\nconst AccordionContext = createContext<AccordionContextValue>({});\n\n// ============================================================================\n// CVA Variants\n// ============================================================================\n\n/**\n * Accordion root CVA variants\n *\n * @see accordion-prd.md FR-001 (Accordion Root)\n */\nexport const accordionVariants = cva('w-full', {\n variants: {},\n defaultVariants: {},\n});\n\n/**\n * AccordionItem CVA variants\n *\n * @see accordion-prd.md FR-002 (AccordionItem)\n * @see accordion-prd.md DS-001 (Visual Design - borders)\n */\nexport const accordionItemVariants = cva(\n [\n 'border-b border-[var(--border)]',\n // Last item has no border (handled by last:border-b-0)\n 'last:border-b-0',\n ].join(' '),\n {\n variants: {},\n defaultVariants: {},\n }\n);\n\n/**\n * AccordionTrigger CVA variants\n *\n * @see accordion-prd.md FR-003 (AccordionTrigger)\n * @see accordion-prd.md AR-006 (Touch Target Size - 44x44px)\n * @see accordion-prd.md DS-002 (Typography)\n */\nexport const accordionTriggerVariants = cva(\n [\n // Layout\n 'flex flex-1 items-center justify-between py-4 font-medium w-full',\n // Text styling\n 'text-sm text-[var(--content-foreground)]',\n // Hover state\n 'hover:underline',\n // Focus visible ring (WCAG 2.4.13)\n 'focus-visible:outline-none focus-visible:ring-2',\n 'focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2',\n 'focus-visible:ring-offset-[var(--content-background)]',\n // WCAG 2.2 AAA: 44px minimum touch target\n 'min-h-[44px]',\n // Disabled state\n 'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n // Transition for smooth interactions\n 'transition-all',\n ].join(' '),\n {\n variants: {},\n defaultVariants: {},\n }\n);\n\n/**\n * Chevron icon CVA variants\n *\n * @see accordion-prd.md FR-010 (Animated Transitions)\n */\nexport const accordionChevronVariants = cva(\n [\n 'h-4 w-4 shrink-0',\n 'text-[var(--menu-muted)]',\n // Smooth rotation transition\n 'transition-transform duration-200 ease-out',\n // Reduced motion support\n 'motion-reduce:transition-none',\n ].join(' '),\n {\n variants: {\n isExpanded: {\n true: 'rotate-180',\n false: 'rotate-0',\n },\n },\n defaultVariants: {\n isExpanded: false,\n },\n }\n);\n\n/**\n * AccordionContent CVA variants\n *\n * @see accordion-prd.md FR-004 (AccordionContent)\n * @see accordion-prd.md FR-010 (Animated Transitions)\n */\nexport const accordionContentVariants = cva(\n [\n 'overflow-hidden',\n 'text-sm text-[var(--menu-muted)]',\n ].join(' '),\n {\n variants: {},\n defaultVariants: {},\n }\n);\n\n/**\n * AccordionContent inner wrapper CVA variants\n */\nexport const accordionContentInnerVariants = cva('pb-4 pt-0', {\n variants: {},\n defaultVariants: {},\n});\n\n// ============================================================================\n// Helper Functions\n// ============================================================================\n\n/**\n * Convert heading level string to number for React Aria Heading\n */\nfunction getHeadingLevel(level: HeadingLevel): 1 | 2 | 3 | 4 | 5 | 6 {\n const levelMap: Record<HeadingLevel, 1 | 2 | 3 | 4 | 5 | 6> = {\n h1: 1,\n h2: 2,\n h3: 3,\n h4: 4,\n h5: 5,\n h6: 6,\n };\n return levelMap[level];\n}\n\n/**\n * Get the first AccordionItem id from children\n * Used for auto-expanding first item when collapsible={false}\n */\nfunction getFirstAccordionItemId(children: ReactNode): AriaKey | undefined {\n const childArray = Children.toArray(children);\n for (const child of childArray) {\n if (isValidElement(child)) {\n const childProps = child.props as Record<string, unknown>;\n if (childProps && typeof childProps === 'object' && 'id' in childProps) {\n return childProps.id as AriaKey;\n }\n }\n }\n return undefined;\n}\n\n// ============================================================================\n// Components\n// ============================================================================\n\n/**\n * Accordion Root Component\n *\n * Container for accordion items. Manages expansion state and provides\n * context to child components.\n *\n * @see accordion-prd.md FR-001 (Accordion Root Component)\n * @see accordion-prd.md FR-005 (Single Expansion Mode)\n * @see accordion-prd.md FR-006 (Multiple Expansion Mode)\n * @see accordion-prd.md FR-007 (Controlled Mode)\n * @see accordion-prd.md FR-008 (Uncontrolled Mode)\n *\n * @example\n * // Uncontrolled single mode\n * <Accordion type=\"single\" collapsible>\n * <AccordionItem id=\"item-1\">\n * <AccordionTrigger>Section 1</AccordionTrigger>\n * <AccordionContent>Content 1</AccordionContent>\n * </AccordionItem>\n * </Accordion>\n *\n * @example\n * // Controlled multiple mode\n * <Accordion\n * type=\"multiple\"\n * expandedKeys={expandedKeys}\n * onExpandedChange={setExpandedKeys}\n * >\n * ...\n * </Accordion>\n */\nfunction AccordionRoot({\n type = 'single',\n collapsible = false,\n expandedKeys,\n defaultExpandedKeys,\n onExpandedChange,\n isDisabled = false,\n disabledKeys,\n className,\n children,\n ...props\n}: AccordionProps) {\n // Map type prop to React Aria's allowsMultipleExpanded\n const allowsMultipleExpanded = type === 'multiple';\n\n // Auto-expand first item when collapsible={false} and no default provided\n // This ensures one item is always expanded in non-collapsible single mode\n const effectiveDefaultExpandedKeys = useMemo(() => {\n if (!collapsible && type === 'single' && !defaultExpandedKeys && !expandedKeys) {\n const firstItemId = getFirstAccordionItemId(children);\n return firstItemId ? [firstItemId] : undefined;\n }\n return defaultExpandedKeys;\n }, [collapsible, type, defaultExpandedKeys, expandedKeys, children]);\n\n // Context value for passing disabledKeys to AccordionItem\n const contextValue = useMemo(\n () => ({ disabledKeys }),\n [disabledKeys]\n );\n\n return (\n <AccordionContext.Provider value={contextValue}>\n <DisclosureGroup\n allowsMultipleExpanded={allowsMultipleExpanded}\n expandedKeys={expandedKeys as Set<AriaKey> | undefined}\n defaultExpandedKeys={effectiveDefaultExpandedKeys as Iterable<AriaKey> | undefined}\n onExpandedChange={onExpandedChange as ((keys: Set<AriaKey>) => void) | undefined}\n isDisabled={isDisabled}\n className={cn(accordionVariants(), className)}\n {...props}\n >\n {children}\n </DisclosureGroup>\n </AccordionContext.Provider>\n );\n}\n\nAccordionRoot.displayName = 'Accordion';\n\n/**\n * AccordionItem Component\n *\n * Wrapper for each expandable disclosure section.\n *\n * @see accordion-prd.md FR-002 (AccordionItem Component)\n *\n * @example\n * <AccordionItem id=\"faq-1\" isDisabled={!isAuthenticated}>\n * <AccordionTrigger>Members-only FAQ</AccordionTrigger>\n * <AccordionContent>This content is for members only.</AccordionContent>\n * </AccordionItem>\n */\nfunction AccordionItemComponent({\n id,\n isDisabled: isDisabledProp,\n className,\n children,\n ...props\n}: AccordionItemProps) {\n // Check if this item is in the disabledKeys array\n const { disabledKeys } = useContext(AccordionContext);\n const isDisabledFromKeys = disabledKeys?.includes(id as string | number) ?? false;\n const isDisabled = isDisabledProp || isDisabledFromKeys;\n\n return (\n <Disclosure\n id={id}\n isDisabled={isDisabled}\n className={composeRenderProps(className, (className) =>\n cn(accordionItemVariants(), className)\n )}\n {...props}\n >\n {children}\n </Disclosure>\n );\n}\n\nAccordionItemComponent.displayName = 'AccordionItem';\n\n/**\n * AccordionTrigger Component\n *\n * Clickable button that toggles accordion content visibility.\n * Wrapped in a Heading for proper document structure.\n *\n * @see accordion-prd.md FR-003 (AccordionTrigger Component)\n * @see accordion-prd.md AR-002 (ARIA Attributes)\n * @see accordion-prd.md AR-003 (Keyboard Navigation)\n *\n * @example\n * // Default with chevron\n * <AccordionTrigger>Is it accessible?</AccordionTrigger>\n *\n * @example\n * // Custom heading level\n * <AccordionTrigger as=\"h2\">Important Section</AccordionTrigger>\n *\n * @example\n * // Custom icon\n * <AccordionTrigger icon={<PlusIcon className=\"h-4 w-4\" />}>\n * Click to expand\n * </AccordionTrigger>\n */\nfunction AccordionTriggerComponent({\n as: headingLevel = 'h3',\n icon,\n hideIcon = false,\n className,\n children,\n ...props\n}: AccordionTriggerProps) {\n // Access disclosure state from context\n const state = useContext(DisclosureStateContext);\n const isExpanded = state?.isExpanded ?? false;\n\n return (\n <Heading level={getHeadingLevel(headingLevel)}>\n <Button\n slot=\"trigger\"\n className={composeRenderProps(className, (className) =>\n cn(accordionTriggerVariants(), className)\n )}\n {...props}\n >\n <span className=\"flex-1 text-left\">{children}</span>\n {!hideIcon && (\n icon ?? (\n <ChevronDown\n aria-hidden=\"true\"\n className={cn(accordionChevronVariants({ isExpanded }))}\n />\n )\n )}\n </Button>\n </Heading>\n );\n}\n\nAccordionTriggerComponent.displayName = 'AccordionTrigger';\n\n/**\n * AccordionContent Component\n *\n * Expandable container for accordion content.\n * Supports animated height transitions and React Activity state preservation.\n *\n * @see accordion-prd.md FR-004 (AccordionContent Component)\n * @see accordion-prd.md FR-010 (Animated Transitions)\n *\n * @example\n * // Standard content\n * <AccordionContent>\n * Yes. It adheres to the WAI-ARIA design pattern.\n * </AccordionContent>\n *\n * @example\n * // With state preservation\n * <AccordionContent preserveState>\n * <form>\n * <input name=\"email\" />\n * </form>\n * </AccordionContent>\n */\n/**\n * Inner component for AccordionContent with state preservation\n * Uses DisclosureStateContext to get isExpanded state\n */\nfunction AccordionContentInner({\n preserveState,\n children,\n}: {\n preserveState: boolean;\n children: ReactNode;\n}) {\n const state = useContext(DisclosureStateContext);\n const isExpanded = state?.isExpanded ?? false;\n\n if (preserveState) {\n return (\n <Activity mode={isExpanded ? 'visible' : 'hidden'}>\n <div className={accordionContentInnerVariants()}>{children}</div>\n </Activity>\n );\n }\n\n return <div className={accordionContentInnerVariants()}>{children}</div>;\n}\n\nfunction AccordionContentComponent({\n preserveState = false,\n className,\n children,\n ...props\n}: AccordionContentProps) {\n return (\n <DisclosurePanel\n className={composeRenderProps(className, (className) =>\n cn(accordionContentVariants(), 'animate-accordion', className)\n )}\n {...props}\n >\n <AccordionContentInner preserveState={preserveState}>\n {children}\n </AccordionContentInner>\n </DisclosurePanel>\n );\n}\n\nAccordionContentComponent.displayName = 'AccordionContent';\n\n// ============================================================================\n// Exports\n// ============================================================================\n\n/**\n * Direct named exports (not Object.assign compound pattern)\n *\n * Accordion follows React Aria's direct export pattern because:\n * - Simpler structure (only 4 components)\n * - Better tree-shaking with named exports\n * - Clearer imports: import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '...'\n */\nexport const Accordion = AccordionRoot;\nexport const AccordionItem = AccordionItemComponent;\nexport const AccordionTrigger = AccordionTriggerComponent;\nexport const AccordionContent = AccordionContentComponent;\n\n// Re-export types for convenience\nexport type {\n AccordionProps,\n AccordionItemProps,\n AccordionTriggerProps,\n AccordionContentProps,\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, Key } from 'react';\n\n/**\n * Accordion Type Schema\n * Defines expansion mode: single (one item at a time) or multiple (any number)\n *\n * @see accordion-prd.md FR-005, FR-006 (Expansion Modes)\n */\nexport const AccordionTypeSchema = z.enum(['single', 'multiple']);\nexport type AccordionType = z.infer<typeof AccordionTypeSchema>;\n\n/**\n * Heading Level Schema\n * Configurable heading level for document structure (h1-h6)\n *\n * @see accordion-prd.md FR-003 (AccordionTrigger with as prop)\n */\nexport const HeadingLevelSchema = z.enum(['h1', 'h2', 'h3', 'h4', 'h5', 'h6']);\nexport type HeadingLevel = z.infer<typeof HeadingLevelSchema>;\n\n/**\n * Key Schema for item identification\n * Supports both string and number keys per React Aria convention\n */\nexport const KeySchema = z.union([z.string(), z.number()]);\n\n/**\n * Accordion root component props schema\n *\n * @see accordion-prd.md FR-001 (Accordion Root Component)\n * @see accordion-prd.md FR-007 (Controlled Mode)\n * @see accordion-prd.md FR-008 (Uncontrolled Mode)\n */\nexport const AccordionPropsSchema = BaseComponentPropsSchema.extend({\n // Expansion mode: 'single' (one at a time) or 'multiple' (any number)\n type: AccordionTypeSchema.optional().default('single'),\n\n // Allow all items to be collapsed (only applies to type=\"single\")\n // When false, one item must always be expanded\n collapsible: z.boolean().optional().default(false),\n\n // Controlled mode: currently expanded keys\n expandedKeys: z.custom<Set<Key>>().optional(),\n\n // Uncontrolled mode: initial expanded keys\n defaultExpandedKeys: z.array(KeySchema).optional(),\n\n // Expansion change handler\n onExpandedChange: z.custom<(keys: Set<Key>) => void>().optional(),\n\n // Disable all items\n isDisabled: z.boolean().optional().default(false),\n\n // Keys of items to disable individually\n disabledKeys: z.array(KeySchema).optional(),\n\n // Children: AccordionItem components\n children: z.custom<ReactNode>(),\n});\n\nexport type AccordionProps = z.infer<typeof AccordionPropsSchema>;\n\n/**\n * AccordionItem component props schema\n *\n * @see accordion-prd.md FR-002 (AccordionItem Component)\n */\nexport const AccordionItemPropsSchema = BaseComponentPropsSchema.extend({\n // Unique identifier (required)\n id: KeySchema,\n\n // Disable this specific item\n isDisabled: z.boolean().optional(),\n\n // Children: AccordionTrigger + AccordionContent\n children: z.custom<ReactNode>(),\n});\n\nexport type AccordionItemProps = z.infer<typeof AccordionItemPropsSchema>;\n\n/**\n * AccordionTrigger component props schema\n *\n * @see accordion-prd.md FR-003 (AccordionTrigger Component)\n */\nexport const AccordionTriggerPropsSchema = BaseComponentPropsSchema.extend({\n // Heading level for proper document structure (default: h3)\n as: HeadingLevelSchema.optional().default('h3'),\n\n // Custom icon to replace default chevron\n icon: z.custom<ReactNode>().optional(),\n\n // Hide the expand/collapse icon entirely\n hideIcon: z.boolean().optional().default(false),\n\n // Trigger content (text, icons, custom content)\n children: z.custom<ReactNode>(),\n});\n\nexport type AccordionTriggerProps = z.infer<typeof AccordionTriggerPropsSchema>;\n\n/**\n * AccordionContent component props schema\n *\n * @see accordion-prd.md FR-004 (AccordionContent Component)\n * @see accordion-prd.md FR-010 (Animated Transitions)\n */\nexport const AccordionContentPropsSchema = BaseComponentPropsSchema.extend({\n // Preserve component state when collapsed using React Activity API\n // When true, wraps content in <Activity> component\n // Effects are cleaned up when hidden, restored when visible\n preserveState: z.boolean().optional().default(false),\n\n // Panel content\n children: z.custom<ReactNode>(),\n});\n\nexport type AccordionContentProps = z.infer<typeof AccordionContentPropsSchema>;\n"]}
1
+ {"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Accordion/Accordion.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Accordion/Accordion.types.ts"],"names":["cn","inputs","twMerge","clsx","Activity","ReactActivity","children","mode","jsx","AccordionContext","createContext","accordionVariants","cva","accordionItemVariants","accordionTriggerVariants","accordionChevronVariants","accordionContentVariants","accordionContentInnerVariants","getHeadingLevel","level","getFirstAccordionItemId","childArray","Children","child","isValidElement","childProps","AccordionRoot","type","collapsible","expandedKeys","defaultExpandedKeys","onExpandedChange","isDisabled","disabledKeys","className","props","allowsMultipleExpanded","effectiveDefaultExpandedKeys","useMemo","firstItemId","contextValue","DisclosureGroup","AccordionItemComponent","id","isDisabledProp","useContext","isDisabledFromKeys","Disclosure","composeRenderProps","AccordionTriggerComponent","headingLevel","icon","hideIcon","isExpanded","DisclosureStateContext","Heading","jsxs","Button","ChevronDown","AccordionContentInner","preserveState","AccordionContentComponent","DisclosurePanel","Accordion","AccordionItem","AccordionTrigger","AccordionContent","BaseComponentPropsSchema","z","AccordionTypeSchema","HeadingLevelSchema","KeySchema","AccordionPropsSchema","AccordionItemPropsSchema","AccordionTriggerPropsSchema","AccordionContentPropsSchema"],"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","'use client';\n\n/**\n * Accordion Component - Implementation\n *\n * Accessible accordion/disclosure group component combining React Aria primitives with CVA styling.\n * Follows Themis library patterns with compound component structure and direct named exports.\n *\n * Key Features:\n * - React Aria DisclosureGroup for full accessibility (WCAG 2.2 AAA)\n * - CVA variants for consistent styling\n * - React 19.2 Activity API for state preservation (preserveState prop)\n * - Single/Multiple expansion modes\n * - Controlled and uncontrolled state management\n * - Configurable heading levels for document structure\n * - Custom icon support\n *\n * @see accordion-prd.md (Full requirements)\n * @see Accordion.types.ts (Zod schemas)\n * @see plan.md (Implementation approach)\n */\n\n// React 19.2 Activity API - may not be available in all builds\n// Import conditionally to support environments where Activity is unavailable\nimport {\n Activity as ReactActivity,\n type ReactNode,\n type ReactElement,\n useMemo,\n useContext,\n createContext,\n Children,\n isValidElement,\n} from 'react';\n\n// Activity component with fallback for environments where it's not available\n// The fallback simply renders children directly - no state preservation when Activity unavailable\nconst Activity = ReactActivity ?? function ActivityFallback({\n children,\n mode,\n}: {\n children: ReactNode;\n mode: 'visible' | 'hidden';\n}): ReactElement {\n return <div data-activity-mode={mode}>{children}</div>;\n};\n\nimport {\n DisclosureGroup,\n Disclosure,\n DisclosurePanel,\n Heading,\n Button,\n composeRenderProps,\n DisclosureStateContext,\n type Key as AriaKey,\n} from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { ChevronDown } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport type {\n AccordionProps,\n AccordionItemProps,\n AccordionTriggerProps,\n AccordionContentProps,\n HeadingLevel,\n} from './Accordion.types';\n\n// ============================================================================\n// Context for disabledKeys\n// ============================================================================\n\n/**\n * Context to pass disabledKeys from Accordion to AccordionItem\n * Since DisclosureGroup doesn't support disabledKeys directly, we handle it via context\n */\ninterface AccordionContextValue {\n disabledKeys?: (string | number)[];\n}\n\nconst AccordionContext = createContext<AccordionContextValue>({});\n\n// ============================================================================\n// CVA Variants\n// ============================================================================\n\n/**\n * Accordion root CVA variants\n *\n * @see accordion-prd.md FR-001 (Accordion Root)\n */\nexport const accordionVariants = cva('w-full', {\n variants: {},\n defaultVariants: {},\n});\n\n/**\n * AccordionItem CVA variants\n *\n * @see accordion-prd.md FR-002 (AccordionItem)\n * @see accordion-prd.md DS-001 (Visual Design - borders)\n */\nexport const accordionItemVariants = cva(\n [\n 'border-b border-[var(--border)]',\n // Last item has no border (handled by last:border-b-0)\n 'last:border-b-0',\n ].join(' '),\n {\n variants: {},\n defaultVariants: {},\n }\n);\n\n/**\n * AccordionTrigger CVA variants\n *\n * @see accordion-prd.md FR-003 (AccordionTrigger)\n * @see accordion-prd.md AR-006 (Touch Target Size - 44x44px)\n * @see accordion-prd.md DS-002 (Typography)\n */\nexport const accordionTriggerVariants = cva(\n [\n // Layout\n 'flex flex-1 items-center justify-between py-4 font-medium w-full',\n // Text styling\n 'text-sm text-[var(--content-foreground)]',\n // Hover state\n 'hover:underline',\n // Focus visible ring (WCAG 2.4.13)\n 'focus-visible:outline-none focus-visible:ring-2',\n 'focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2',\n 'focus-visible:ring-offset-[var(--content-background)]',\n // WCAG 2.2 AAA: 44px minimum touch target\n 'min-h-[44px]',\n // Disabled state\n 'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n // Transition for smooth interactions\n 'transition-all',\n ].join(' '),\n {\n variants: {},\n defaultVariants: {},\n }\n);\n\n/**\n * Chevron icon CVA variants\n *\n * @see accordion-prd.md FR-010 (Animated Transitions)\n */\nexport const accordionChevronVariants = cva(\n [\n 'h-4 w-4 shrink-0',\n 'text-[var(--menu-muted)]',\n // Smooth rotation transition\n 'transition-transform duration-200 ease-out',\n // Reduced motion support\n 'motion-reduce:transition-none',\n ].join(' '),\n {\n variants: {\n isExpanded: {\n true: 'rotate-180',\n false: 'rotate-0',\n },\n },\n defaultVariants: {\n isExpanded: false,\n },\n }\n);\n\n/**\n * AccordionContent CVA variants\n *\n * @see accordion-prd.md FR-004 (AccordionContent)\n * @see accordion-prd.md FR-010 (Animated Transitions)\n */\nexport const accordionContentVariants = cva(\n [\n 'overflow-hidden',\n 'text-sm text-[var(--menu-muted)]',\n ].join(' '),\n {\n variants: {},\n defaultVariants: {},\n }\n);\n\n/**\n * AccordionContent inner wrapper CVA variants\n */\nexport const accordionContentInnerVariants = cva('pb-4 pt-0', {\n variants: {},\n defaultVariants: {},\n});\n\n// ============================================================================\n// Helper Functions\n// ============================================================================\n\n/**\n * Convert heading level string to number for React Aria Heading\n */\nfunction getHeadingLevel(level: HeadingLevel): 1 | 2 | 3 | 4 | 5 | 6 {\n const levelMap: Record<HeadingLevel, 1 | 2 | 3 | 4 | 5 | 6> = {\n h1: 1,\n h2: 2,\n h3: 3,\n h4: 4,\n h5: 5,\n h6: 6,\n };\n return levelMap[level];\n}\n\n/**\n * Get the first AccordionItem id from children\n * Used for auto-expanding first item when collapsible={false}\n */\nfunction getFirstAccordionItemId(children: ReactNode): AriaKey | undefined {\n const childArray = Children.toArray(children);\n for (const child of childArray) {\n if (isValidElement(child)) {\n const childProps = child.props as Record<string, unknown>;\n if (childProps && typeof childProps === 'object' && 'id' in childProps) {\n return childProps.id as AriaKey;\n }\n }\n }\n return undefined;\n}\n\n// ============================================================================\n// Components\n// ============================================================================\n\n/**\n * Accordion Root Component\n *\n * Container for accordion items. Manages expansion state and provides\n * context to child components.\n *\n * @see accordion-prd.md FR-001 (Accordion Root Component)\n * @see accordion-prd.md FR-005 (Single Expansion Mode)\n * @see accordion-prd.md FR-006 (Multiple Expansion Mode)\n * @see accordion-prd.md FR-007 (Controlled Mode)\n * @see accordion-prd.md FR-008 (Uncontrolled Mode)\n *\n * @example\n * // Uncontrolled single mode\n * <Accordion type=\"single\" collapsible>\n * <AccordionItem id=\"item-1\">\n * <AccordionTrigger>Section 1</AccordionTrigger>\n * <AccordionContent>Content 1</AccordionContent>\n * </AccordionItem>\n * </Accordion>\n *\n * @example\n * // Controlled multiple mode\n * <Accordion\n * type=\"multiple\"\n * expandedKeys={expandedKeys}\n * onExpandedChange={setExpandedKeys}\n * >\n * ...\n * </Accordion>\n */\nfunction AccordionRoot({\n type = 'single',\n collapsible = false,\n expandedKeys,\n defaultExpandedKeys,\n onExpandedChange,\n isDisabled = false,\n disabledKeys,\n className,\n children,\n ...props\n}: AccordionProps) {\n // Map type prop to React Aria's allowsMultipleExpanded\n const allowsMultipleExpanded = type === 'multiple';\n\n // Auto-expand first item when collapsible={false} and no default provided\n // This ensures one item is always expanded in non-collapsible single mode\n const effectiveDefaultExpandedKeys = useMemo(() => {\n if (!collapsible && type === 'single' && !defaultExpandedKeys && !expandedKeys) {\n const firstItemId = getFirstAccordionItemId(children);\n return firstItemId ? [firstItemId] : undefined;\n }\n return defaultExpandedKeys;\n }, [collapsible, type, defaultExpandedKeys, expandedKeys, children]);\n\n // Context value for passing disabledKeys to AccordionItem\n const contextValue = useMemo(\n () => ({ disabledKeys }),\n [disabledKeys]\n );\n\n return (\n <AccordionContext.Provider value={contextValue}>\n <DisclosureGroup\n allowsMultipleExpanded={allowsMultipleExpanded}\n expandedKeys={expandedKeys as Set<AriaKey> | undefined}\n defaultExpandedKeys={effectiveDefaultExpandedKeys as Iterable<AriaKey> | undefined}\n onExpandedChange={onExpandedChange as ((keys: Set<AriaKey>) => void) | undefined}\n isDisabled={isDisabled}\n className={cn(accordionVariants(), className)}\n {...props}\n >\n {children}\n </DisclosureGroup>\n </AccordionContext.Provider>\n );\n}\n\nAccordionRoot.displayName = 'Accordion';\n\n/**\n * AccordionItem Component\n *\n * Wrapper for each expandable disclosure section.\n *\n * @see accordion-prd.md FR-002 (AccordionItem Component)\n *\n * @example\n * <AccordionItem id=\"faq-1\" isDisabled={!isAuthenticated}>\n * <AccordionTrigger>Members-only FAQ</AccordionTrigger>\n * <AccordionContent>This content is for members only.</AccordionContent>\n * </AccordionItem>\n */\nfunction AccordionItemComponent({\n id,\n isDisabled: isDisabledProp,\n className,\n children,\n ...props\n}: AccordionItemProps) {\n // Check if this item is in the disabledKeys array\n const { disabledKeys } = useContext(AccordionContext);\n const isDisabledFromKeys = disabledKeys?.includes(id as string | number) ?? false;\n const isDisabled = isDisabledProp || isDisabledFromKeys;\n\n return (\n <Disclosure\n id={id}\n isDisabled={isDisabled}\n className={composeRenderProps(className, (className) =>\n cn(accordionItemVariants(), className)\n )}\n {...props}\n >\n {children}\n </Disclosure>\n );\n}\n\nAccordionItemComponent.displayName = 'AccordionItem';\n\n/**\n * AccordionTrigger Component\n *\n * Clickable button that toggles accordion content visibility.\n * Wrapped in a Heading for proper document structure.\n *\n * @see accordion-prd.md FR-003 (AccordionTrigger Component)\n * @see accordion-prd.md AR-002 (ARIA Attributes)\n * @see accordion-prd.md AR-003 (Keyboard Navigation)\n *\n * @example\n * // Default with chevron\n * <AccordionTrigger>Is it accessible?</AccordionTrigger>\n *\n * @example\n * // Custom heading level\n * <AccordionTrigger as=\"h2\">Important Section</AccordionTrigger>\n *\n * @example\n * // Custom icon\n * <AccordionTrigger icon={<PlusIcon className=\"h-4 w-4\" />}>\n * Click to expand\n * </AccordionTrigger>\n */\nfunction AccordionTriggerComponent({\n as: headingLevel = 'h3',\n icon,\n hideIcon = false,\n className,\n children,\n ...props\n}: AccordionTriggerProps) {\n // Access disclosure state from context\n const state = useContext(DisclosureStateContext);\n const isExpanded = state?.isExpanded ?? false;\n\n return (\n <Heading level={getHeadingLevel(headingLevel)}>\n <Button\n slot=\"trigger\"\n className={composeRenderProps(className, (className) =>\n cn(accordionTriggerVariants(), className)\n )}\n {...props}\n >\n <span className=\"flex-1 text-left\">{children}</span>\n {!hideIcon && (\n icon ?? (\n <ChevronDown\n aria-hidden=\"true\"\n className={cn(accordionChevronVariants({ isExpanded }))}\n />\n )\n )}\n </Button>\n </Heading>\n );\n}\n\nAccordionTriggerComponent.displayName = 'AccordionTrigger';\n\n/**\n * AccordionContent Component\n *\n * Expandable container for accordion content.\n * Supports animated height transitions and React Activity state preservation.\n *\n * @see accordion-prd.md FR-004 (AccordionContent Component)\n * @see accordion-prd.md FR-010 (Animated Transitions)\n *\n * @example\n * // Standard content\n * <AccordionContent>\n * Yes. It adheres to the WAI-ARIA design pattern.\n * </AccordionContent>\n *\n * @example\n * // With state preservation\n * <AccordionContent preserveState>\n * <form>\n * <input name=\"email\" />\n * </form>\n * </AccordionContent>\n */\n/**\n * Inner component for AccordionContent with state preservation\n * Uses DisclosureStateContext to get isExpanded state\n */\nfunction AccordionContentInner({\n preserveState,\n children,\n}: {\n preserveState: boolean;\n children: ReactNode;\n}) {\n const state = useContext(DisclosureStateContext);\n const isExpanded = state?.isExpanded ?? false;\n\n if (preserveState) {\n return (\n <Activity mode={isExpanded ? 'visible' : 'hidden'}>\n <div className={accordionContentInnerVariants()}>{children}</div>\n </Activity>\n );\n }\n\n return <div className={accordionContentInnerVariants()}>{children}</div>;\n}\n\nfunction AccordionContentComponent({\n preserveState = false,\n className,\n children,\n ...props\n}: AccordionContentProps) {\n return (\n <DisclosurePanel\n className={composeRenderProps(className, (className) =>\n cn(accordionContentVariants(), 'animate-accordion', className)\n )}\n {...props}\n >\n <AccordionContentInner preserveState={preserveState}>\n {children}\n </AccordionContentInner>\n </DisclosurePanel>\n );\n}\n\nAccordionContentComponent.displayName = 'AccordionContent';\n\n// ============================================================================\n// Exports\n// ============================================================================\n\n/**\n * Direct named exports (not Object.assign compound pattern)\n *\n * Accordion follows React Aria's direct export pattern because:\n * - Simpler structure (only 4 components)\n * - Better tree-shaking with named exports\n * - Clearer imports: import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '...'\n */\nexport const Accordion = AccordionRoot;\nexport const AccordionItem = AccordionItemComponent;\nexport const AccordionTrigger = AccordionTriggerComponent;\nexport const AccordionContent = AccordionContentComponent;\n\n// Re-export types for convenience\nexport type {\n AccordionProps,\n AccordionItemProps,\n AccordionTriggerProps,\n AccordionContentProps,\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, Key } from 'react';\n\n/**\n * Accordion Type Schema\n * Defines expansion mode: single (one item at a time) or multiple (any number)\n *\n * @see accordion-prd.md FR-005, FR-006 (Expansion Modes)\n */\nexport const AccordionTypeSchema = z.enum(['single', 'multiple']);\nexport type AccordionType = z.infer<typeof AccordionTypeSchema>;\n\n/**\n * Heading Level Schema\n * Configurable heading level for document structure (h1-h6)\n *\n * @see accordion-prd.md FR-003 (AccordionTrigger with as prop)\n */\nexport const HeadingLevelSchema = z.enum(['h1', 'h2', 'h3', 'h4', 'h5', 'h6']);\nexport type HeadingLevel = z.infer<typeof HeadingLevelSchema>;\n\n/**\n * Key Schema for item identification\n * Supports both string and number keys per React Aria convention\n */\nexport const KeySchema = z.union([z.string(), z.number()]);\n\n/**\n * Accordion root component props schema\n *\n * @see accordion-prd.md FR-001 (Accordion Root Component)\n * @see accordion-prd.md FR-007 (Controlled Mode)\n * @see accordion-prd.md FR-008 (Uncontrolled Mode)\n */\nexport const AccordionPropsSchema = BaseComponentPropsSchema.extend({\n // Expansion mode: 'single' (one at a time) or 'multiple' (any number)\n type: AccordionTypeSchema.optional().default('single'),\n\n // Allow all items to be collapsed (only applies to type=\"single\")\n // When false, one item must always be expanded\n collapsible: z.boolean().optional().default(false),\n\n // Controlled mode: currently expanded keys\n expandedKeys: z.custom<Set<Key>>().optional(),\n\n // Uncontrolled mode: initial expanded keys\n defaultExpandedKeys: z.array(KeySchema).optional(),\n\n // Expansion change handler\n onExpandedChange: z.custom<(keys: Set<Key>) => void>().optional(),\n\n // Disable all items\n isDisabled: z.boolean().optional().default(false),\n\n // Keys of items to disable individually\n disabledKeys: z.array(KeySchema).optional(),\n\n // Children: AccordionItem components\n children: z.custom<ReactNode>(),\n});\n\nexport type AccordionProps = z.infer<typeof AccordionPropsSchema>;\n\n/**\n * AccordionItem component props schema\n *\n * @see accordion-prd.md FR-002 (AccordionItem Component)\n */\nexport const AccordionItemPropsSchema = BaseComponentPropsSchema.extend({\n // Unique identifier (required)\n id: KeySchema,\n\n // Disable this specific item\n isDisabled: z.boolean().optional(),\n\n // Children: AccordionTrigger + AccordionContent\n children: z.custom<ReactNode>(),\n});\n\nexport type AccordionItemProps = z.infer<typeof AccordionItemPropsSchema>;\n\n/**\n * AccordionTrigger component props schema\n *\n * @see accordion-prd.md FR-003 (AccordionTrigger Component)\n */\nexport const AccordionTriggerPropsSchema = BaseComponentPropsSchema.extend({\n // Heading level for proper document structure (default: h3)\n as: HeadingLevelSchema.optional().default('h3'),\n\n // Custom icon to replace default chevron\n icon: z.custom<ReactNode>().optional(),\n\n // Hide the expand/collapse icon entirely\n hideIcon: z.boolean().optional().default(false),\n\n // Trigger content (text, icons, custom content)\n children: z.custom<ReactNode>(),\n});\n\nexport type AccordionTriggerProps = z.infer<typeof AccordionTriggerPropsSchema>;\n\n/**\n * AccordionContent component props schema\n *\n * @see accordion-prd.md FR-004 (AccordionContent Component)\n * @see accordion-prd.md FR-010 (Animated Transitions)\n */\nexport const AccordionContentPropsSchema = BaseComponentPropsSchema.extend({\n // Preserve component state when collapsed using React Activity API\n // When true, wraps content in <Activity> component\n // Effects are cleaned up when hidden, restored when visible\n preserveState: z.boolean().optional().default(false),\n\n // Panel content\n children: z.custom<ReactNode>(),\n});\n\nexport type AccordionContentProps = z.infer<typeof AccordionContentPropsSchema>;\n"]}