@fpkit/acss 0.5.13 → 0.6.1

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 (280) hide show
  1. package/libs/{chunk-PQ2K3BM6.cjs → chunk-2NRIP6RB.cjs} +3 -3
  2. package/libs/chunk-33PNJ4LO.cjs +15 -0
  3. package/libs/chunk-33PNJ4LO.cjs.map +1 -0
  4. package/libs/chunk-4BZKFPEC.cjs +17 -0
  5. package/libs/chunk-4BZKFPEC.cjs.map +1 -0
  6. package/libs/{chunk-772NRB75.js → chunk-5QD3DWFI.js} +2 -2
  7. package/libs/chunk-6SAHIYCZ.js +7 -0
  8. package/libs/chunk-6SAHIYCZ.js.map +1 -0
  9. package/libs/{chunk-3MKLDCKQ.cjs → chunk-6WTC4JXH.cjs} +3 -3
  10. package/libs/chunk-75QHTLFO.js +7 -0
  11. package/libs/chunk-75QHTLFO.js.map +1 -0
  12. package/libs/{chunk-ZANSFMTD.js → chunk-7XPFW7CB.js} +3 -3
  13. package/libs/chunk-BFK62VX5.js +5 -0
  14. package/libs/chunk-BFK62VX5.js.map +1 -0
  15. package/libs/{chunk-ROZI23GS.cjs → chunk-DKTHCQ5P.cjs} +4 -4
  16. package/libs/chunk-E2AJURUW.cjs +13 -0
  17. package/libs/chunk-E2AJURUW.cjs.map +1 -0
  18. package/libs/{chunk-L75OQKEI.cjs → chunk-ENTCUJ3A.cjs} +3 -3
  19. package/libs/chunk-ENTCUJ3A.cjs.map +1 -0
  20. package/libs/chunk-F5EYMVQM.js +10 -0
  21. package/libs/chunk-F5EYMVQM.js.map +1 -0
  22. package/libs/chunk-FVROL3V5.js +9 -0
  23. package/libs/chunk-FVROL3V5.js.map +1 -0
  24. package/libs/chunk-GT77BX4L.cjs +17 -0
  25. package/libs/chunk-GT77BX4L.cjs.map +1 -0
  26. package/libs/chunk-GUJSMQ3V.cjs +16 -0
  27. package/libs/chunk-GUJSMQ3V.cjs.map +1 -0
  28. package/libs/chunk-HHLNOC5T.js +7 -0
  29. package/libs/chunk-HHLNOC5T.js.map +1 -0
  30. package/libs/chunk-HRRHPLER.js +8 -0
  31. package/libs/chunk-HRRHPLER.js.map +1 -0
  32. package/libs/chunk-IEB64SWY.js +8 -0
  33. package/libs/chunk-IEB64SWY.js.map +1 -0
  34. package/libs/{chunk-NGTJDDFO.js → chunk-IQ76HGVP.js} +2 -2
  35. package/libs/chunk-IRLFZ3OL.js +9 -0
  36. package/libs/chunk-IRLFZ3OL.js.map +1 -0
  37. package/libs/{chunk-JJ43O4Y5.js → chunk-KK47SYZI.js} +2 -2
  38. package/libs/chunk-O3JIHC5M.cjs +15 -0
  39. package/libs/chunk-O3JIHC5M.cjs.map +1 -0
  40. package/libs/chunk-O5XAJ7BY.cjs +18 -0
  41. package/libs/chunk-O5XAJ7BY.cjs.map +1 -0
  42. package/libs/chunk-OVWLQYMK.js +10 -0
  43. package/libs/chunk-OVWLQYMK.js.map +1 -0
  44. package/libs/chunk-PNWIRCG3.cjs +7 -0
  45. package/libs/chunk-PNWIRCG3.cjs.map +1 -0
  46. package/libs/{chunk-D4YLRWAO.cjs → chunk-QVW6W76L.cjs} +6 -6
  47. package/libs/chunk-T4T6GWYQ.cjs +17 -0
  48. package/libs/chunk-T4T6GWYQ.cjs.map +1 -0
  49. package/libs/chunk-TON2YGMD.cjs +9 -0
  50. package/libs/chunk-TON2YGMD.cjs.map +1 -0
  51. package/libs/chunk-UEPAWMDF.js +8 -0
  52. package/libs/chunk-UEPAWMDF.js.map +1 -0
  53. package/libs/{chunk-LT5KZ2QW.cjs → chunk-US2I5GI7.cjs} +3 -3
  54. package/libs/{chunk-B7F5FS6D.cjs → chunk-W2UIN7EV.cjs} +3 -3
  55. package/libs/{chunk-P2DC76ZZ.cjs → chunk-W5TKWBFC.cjs} +3 -3
  56. package/libs/chunk-WXBFBWYF.cjs +16 -0
  57. package/libs/chunk-WXBFBWYF.cjs.map +1 -0
  58. package/libs/{chunk-VUH3FXGJ.js → chunk-X3JCTEPD.js} +5 -5
  59. package/libs/chunk-X5LGFCWG.js +9 -0
  60. package/libs/chunk-X5LGFCWG.js.map +1 -0
  61. package/libs/{chunk-5M57K4SW.js → chunk-Y2PFDELK.js} +2 -2
  62. package/libs/{chunk-ETFLFC2S.js → chunk-ZFJ4U45S.js} +2 -2
  63. package/libs/{component-props-a8a2f97e.d.ts → component-props-67d978a2.d.ts} +4 -4
  64. package/libs/components/alert/alert.css +1 -1
  65. package/libs/components/alert/alert.css.map +1 -1
  66. package/libs/components/alert/alert.min.css +2 -2
  67. package/libs/components/breadcrumbs/breadcrumb.cjs +6 -6
  68. package/libs/components/breadcrumbs/breadcrumb.d.cts +11 -11
  69. package/libs/components/breadcrumbs/breadcrumb.d.ts +11 -11
  70. package/libs/components/breadcrumbs/breadcrumb.js +3 -3
  71. package/libs/components/button.cjs +6 -4
  72. package/libs/components/button.d.cts +97 -4
  73. package/libs/components/button.d.ts +97 -4
  74. package/libs/components/button.js +4 -2
  75. package/libs/components/card.cjs +7 -7
  76. package/libs/components/card.d.cts +14 -14
  77. package/libs/components/card.d.ts +14 -14
  78. package/libs/components/card.js +2 -2
  79. package/libs/components/dialog/dialog.cjs +9 -7
  80. package/libs/components/dialog/dialog.d.cts +3 -3
  81. package/libs/components/dialog/dialog.d.ts +3 -3
  82. package/libs/components/dialog/dialog.js +7 -5
  83. package/libs/components/form/fields.cjs +4 -4
  84. package/libs/components/form/fields.d.cts +16 -7
  85. package/libs/components/form/fields.d.ts +16 -7
  86. package/libs/components/form/fields.js +2 -2
  87. package/libs/components/form/inputs.cjs +6 -4
  88. package/libs/components/form/inputs.d.cts +50 -2
  89. package/libs/components/form/inputs.d.ts +50 -2
  90. package/libs/components/form/inputs.js +4 -2
  91. package/libs/components/form/textarea.cjs +5 -4
  92. package/libs/components/form/textarea.d.cts +32 -23
  93. package/libs/components/form/textarea.d.ts +32 -23
  94. package/libs/components/form/textarea.js +3 -2
  95. package/libs/components/heading/heading.cjs +3 -3
  96. package/libs/components/heading/heading.d.cts +2 -2
  97. package/libs/components/heading/heading.d.ts +2 -2
  98. package/libs/components/heading/heading.js +2 -2
  99. package/libs/components/icons/icon.cjs +4 -4
  100. package/libs/components/icons/icon.d.cts +38 -38
  101. package/libs/components/icons/icon.d.ts +38 -38
  102. package/libs/components/icons/icon.js +2 -2
  103. package/libs/components/link/link.cjs +4 -4
  104. package/libs/components/link/link.css +1 -1
  105. package/libs/components/link/link.css.map +1 -1
  106. package/libs/components/link/link.d.cts +3 -19
  107. package/libs/components/link/link.d.ts +3 -19
  108. package/libs/components/link/link.js +2 -2
  109. package/libs/components/link/link.min.css +2 -2
  110. package/libs/components/list/list.cjs +5 -5
  111. package/libs/components/list/list.css +1 -0
  112. package/libs/components/list/list.css.map +1 -0
  113. package/libs/components/list/list.d.cts +120 -33
  114. package/libs/components/list/list.d.ts +120 -33
  115. package/libs/components/list/list.js +2 -2
  116. package/libs/components/list/list.min.css +3 -0
  117. package/libs/components/modal.cjs +6 -4
  118. package/libs/components/modal.d.cts +8 -8
  119. package/libs/components/modal.d.ts +8 -8
  120. package/libs/components/modal.js +5 -3
  121. package/libs/components/nav/nav.cjs +7 -7
  122. package/libs/components/nav/nav.css +1 -1
  123. package/libs/components/nav/nav.css.map +1 -1
  124. package/libs/components/nav/nav.d.cts +550 -34
  125. package/libs/components/nav/nav.d.ts +550 -34
  126. package/libs/components/nav/nav.js +3 -3
  127. package/libs/components/nav/nav.min.css +2 -2
  128. package/libs/components/popover/popover.d.cts +5 -5
  129. package/libs/components/popover/popover.d.ts +5 -5
  130. package/libs/components/tables/table.cjs +5 -5
  131. package/libs/components/tables/table.d.cts +8 -8
  132. package/libs/components/tables/table.d.ts +8 -8
  133. package/libs/components/tables/table.js +2 -2
  134. package/libs/components/tag/tag.css +1 -1
  135. package/libs/components/tag/tag.css.map +1 -1
  136. package/libs/components/tag/tag.min.css +2 -2
  137. package/libs/components/text/text.cjs +5 -5
  138. package/libs/components/text/text.d.cts +5 -5
  139. package/libs/components/text/text.d.ts +5 -5
  140. package/libs/components/text/text.js +2 -2
  141. package/libs/form.types-d25ebfac.d.ts +233 -0
  142. package/libs/{heading-3648c538.d.ts → heading-7446cb46.d.ts} +8 -8
  143. package/libs/hooks.cjs +9 -4
  144. package/libs/hooks.d.cts +137 -3
  145. package/libs/hooks.d.ts +137 -3
  146. package/libs/hooks.js +4 -3
  147. package/libs/icons.cjs +3 -3
  148. package/libs/icons.d.cts +2 -2
  149. package/libs/icons.d.ts +2 -2
  150. package/libs/icons.js +2 -2
  151. package/libs/index.cjs +53 -51
  152. package/libs/index.cjs.map +1 -1
  153. package/libs/index.css +1 -1
  154. package/libs/index.css.map +1 -1
  155. package/libs/index.d.cts +338 -49
  156. package/libs/index.d.ts +338 -49
  157. package/libs/index.js +24 -22
  158. package/libs/index.js.map +1 -1
  159. package/libs/link-5192f411.d.ts +323 -0
  160. package/libs/list.types-d26de310.d.ts +245 -0
  161. package/libs/{ui-645f95b5.d.ts → ui-d01b50d4.d.ts} +16 -12
  162. package/package.json +4 -6
  163. package/src/components/alert/alert.scss +1 -4
  164. package/src/components/breadcrumbs/breadcrumb.tsx +4 -1
  165. package/src/components/buttons/README.mdx +102 -1
  166. package/src/components/buttons/button.stories.tsx +106 -0
  167. package/src/components/buttons/button.tsx +82 -52
  168. package/src/components/dialog/dialog-a11y-review.md +653 -0
  169. package/src/components/form/README.mdx +725 -43
  170. package/src/components/form/WCAG-REVIEW.md +654 -0
  171. package/src/components/form/fields.tsx +10 -1
  172. package/src/components/form/form.stories.tsx +604 -23
  173. package/src/components/form/form.tsx +204 -63
  174. package/src/components/form/form.types.ts +378 -0
  175. package/src/components/form/input.stories.tsx +71 -3
  176. package/src/components/form/inputs.tsx +159 -67
  177. package/src/components/form/select.tsx +122 -66
  178. package/src/components/form/textarea.tsx +120 -73
  179. package/src/components/fp.tsx +86 -11
  180. package/src/components/link/README.mdx +923 -0
  181. package/src/components/link/link.scss +79 -26
  182. package/src/components/link/link.stories.tsx +383 -30
  183. package/src/components/link/link.test.tsx +677 -0
  184. package/src/components/link/link.tsx +163 -57
  185. package/src/components/link/link.types.ts +261 -0
  186. package/src/components/list/README.mdx +764 -0
  187. package/src/components/list/list.scss +285 -0
  188. package/src/components/list/list.stories.tsx +514 -27
  189. package/src/components/list/list.test.tsx +554 -0
  190. package/src/components/list/list.tsx +153 -51
  191. package/src/components/list/list.types.ts +255 -0
  192. package/src/components/nav/ACCESSIBILITY.md +649 -0
  193. package/src/components/nav/README.mdx +782 -0
  194. package/src/components/nav/nav.scss +37 -4
  195. package/src/components/nav/nav.stories.tsx +44 -6
  196. package/src/components/nav/nav.tsx +302 -51
  197. package/src/components/nav/nav.types.ts +308 -0
  198. package/src/components/tag/README.mdx +426 -0
  199. package/src/components/tag/tag.scss +101 -27
  200. package/src/components/tag/tag.stories.tsx +384 -10
  201. package/src/components/tag/tag.test.tsx +210 -0
  202. package/src/components/tag/tag.tsx +106 -9
  203. package/src/components/tag/tag.types.ts +107 -0
  204. package/src/components/ui.tsx +8 -3
  205. package/src/hooks/use-disabled-state.test.tsx +536 -0
  206. package/src/hooks/use-disabled-state.ts +246 -0
  207. package/src/hooks/useDisabledState.md +393 -0
  208. package/src/hooks.ts +6 -0
  209. package/src/index.scss +2 -0
  210. package/src/index.ts +2 -1
  211. package/src/sass/_globals.scss +2 -7
  212. package/src/styles/alert/alert.css +1 -3
  213. package/src/styles/alert/alert.css.map +1 -1
  214. package/src/styles/index.css +461 -81
  215. package/src/styles/index.css.map +1 -1
  216. package/src/styles/link/link.css +45 -28
  217. package/src/styles/link/link.css.map +1 -1
  218. package/src/styles/list/list.css +214 -0
  219. package/src/styles/list/list.css.map +1 -0
  220. package/src/styles/nav/nav.css +32 -6
  221. package/src/styles/nav/nav.css.map +1 -1
  222. package/src/styles/tag/tag.css +113 -35
  223. package/src/styles/tag/tag.css.map +1 -1
  224. package/src/styles/utilities/_disabled.scss +58 -0
  225. package/src/types/shared.ts +43 -6
  226. package/src/utils/accessibility.ts +109 -0
  227. package/libs/chunk-2LTJ7HHX.cjs +0 -18
  228. package/libs/chunk-2LTJ7HHX.cjs.map +0 -1
  229. package/libs/chunk-2Y7W75TT.js +0 -9
  230. package/libs/chunk-2Y7W75TT.js.map +0 -1
  231. package/libs/chunk-5S4ORA4C.cjs +0 -15
  232. package/libs/chunk-5S4ORA4C.cjs.map +0 -1
  233. package/libs/chunk-AHDJGCG5.cjs +0 -15
  234. package/libs/chunk-AHDJGCG5.cjs.map +0 -1
  235. package/libs/chunk-BHRQBJRY.js +0 -8
  236. package/libs/chunk-BHRQBJRY.js.map +0 -1
  237. package/libs/chunk-GZ4QFPRY.js +0 -9
  238. package/libs/chunk-GZ4QFPRY.js.map +0 -1
  239. package/libs/chunk-IYUN2EW3.cjs +0 -15
  240. package/libs/chunk-IYUN2EW3.cjs.map +0 -1
  241. package/libs/chunk-J32EZPYD.cjs +0 -15
  242. package/libs/chunk-J32EZPYD.cjs.map +0 -1
  243. package/libs/chunk-KUKIVRC2.js +0 -7
  244. package/libs/chunk-KUKIVRC2.js.map +0 -1
  245. package/libs/chunk-L75OQKEI.cjs.map +0 -1
  246. package/libs/chunk-M5RRNTVX.cjs +0 -15
  247. package/libs/chunk-M5RRNTVX.cjs.map +0 -1
  248. package/libs/chunk-OK5QEIMD.cjs +0 -17
  249. package/libs/chunk-OK5QEIMD.cjs.map +0 -1
  250. package/libs/chunk-P7TTEYCD.js +0 -7
  251. package/libs/chunk-P7TTEYCD.js.map +0 -1
  252. package/libs/chunk-QLZWHAMK.js +0 -8
  253. package/libs/chunk-QLZWHAMK.js.map +0 -1
  254. package/libs/chunk-RIVUMPOG.js +0 -8
  255. package/libs/chunk-RIVUMPOG.js.map +0 -1
  256. package/libs/chunk-S7BABR7Z.cjs +0 -13
  257. package/libs/chunk-S7BABR7Z.cjs.map +0 -1
  258. package/libs/chunk-SMYRLO3E.js +0 -8
  259. package/libs/chunk-SMYRLO3E.js.map +0 -1
  260. package/libs/chunk-TYRCEX2L.js +0 -8
  261. package/libs/chunk-TYRCEX2L.js.map +0 -1
  262. package/libs/chunk-XBA562WW.js +0 -8
  263. package/libs/chunk-XBA562WW.js.map +0 -1
  264. package/libs/chunk-XTQKWY7W.cjs +0 -32
  265. package/libs/chunk-XTQKWY7W.cjs.map +0 -1
  266. package/libs/inputs-f3a216db.d.ts +0 -45
  267. /package/libs/{chunk-PQ2K3BM6.cjs.map → chunk-2NRIP6RB.cjs.map} +0 -0
  268. /package/libs/{chunk-772NRB75.js.map → chunk-5QD3DWFI.js.map} +0 -0
  269. /package/libs/{chunk-3MKLDCKQ.cjs.map → chunk-6WTC4JXH.cjs.map} +0 -0
  270. /package/libs/{chunk-ZANSFMTD.js.map → chunk-7XPFW7CB.js.map} +0 -0
  271. /package/libs/{chunk-ROZI23GS.cjs.map → chunk-DKTHCQ5P.cjs.map} +0 -0
  272. /package/libs/{chunk-NGTJDDFO.js.map → chunk-IQ76HGVP.js.map} +0 -0
  273. /package/libs/{chunk-JJ43O4Y5.js.map → chunk-KK47SYZI.js.map} +0 -0
  274. /package/libs/{chunk-D4YLRWAO.cjs.map → chunk-QVW6W76L.cjs.map} +0 -0
  275. /package/libs/{chunk-LT5KZ2QW.cjs.map → chunk-US2I5GI7.cjs.map} +0 -0
  276. /package/libs/{chunk-B7F5FS6D.cjs.map → chunk-W2UIN7EV.cjs.map} +0 -0
  277. /package/libs/{chunk-P2DC76ZZ.cjs.map → chunk-W5TKWBFC.cjs.map} +0 -0
  278. /package/libs/{chunk-VUH3FXGJ.js.map → chunk-X3JCTEPD.js.map} +0 -0
  279. /package/libs/{chunk-5M57K4SW.js.map → chunk-Y2PFDELK.js.map} +0 -0
  280. /package/libs/{chunk-ETFLFC2S.js.map → chunk-ZFJ4U45S.js.map} +0 -0
@@ -2,30 +2,30 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var chunkP2DC76ZZ_cjs = require('../chunk-P2DC76ZZ.cjs');
6
- require('../chunk-L75OQKEI.cjs');
5
+ var chunkW5TKWBFC_cjs = require('../chunk-W5TKWBFC.cjs');
6
+ require('../chunk-ENTCUJ3A.cjs');
7
7
 
8
8
 
9
9
 
10
10
  Object.defineProperty(exports, 'Card', {
11
11
  enumerable: true,
12
- get: function () { return chunkP2DC76ZZ_cjs.d; }
12
+ get: function () { return chunkW5TKWBFC_cjs.d; }
13
13
  });
14
14
  Object.defineProperty(exports, 'Content', {
15
15
  enumerable: true,
16
- get: function () { return chunkP2DC76ZZ_cjs.b; }
16
+ get: function () { return chunkW5TKWBFC_cjs.b; }
17
17
  });
18
18
  Object.defineProperty(exports, 'Footer', {
19
19
  enumerable: true,
20
- get: function () { return chunkP2DC76ZZ_cjs.c; }
20
+ get: function () { return chunkW5TKWBFC_cjs.c; }
21
21
  });
22
22
  Object.defineProperty(exports, 'Title', {
23
23
  enumerable: true,
24
- get: function () { return chunkP2DC76ZZ_cjs.a; }
24
+ get: function () { return chunkW5TKWBFC_cjs.a; }
25
25
  });
26
26
  Object.defineProperty(exports, 'default', {
27
27
  enumerable: true,
28
- get: function () { return chunkP2DC76ZZ_cjs.e; }
28
+ get: function () { return chunkW5TKWBFC_cjs.e; }
29
29
  });
30
30
  //# sourceMappingURL=out.js.map
31
31
  //# sourceMappingURL=card.cjs.map
@@ -1,5 +1,5 @@
1
- import React__default from 'react';
2
- import { U as UI } from '../ui-645f95b5.js';
1
+ import React from 'react';
2
+ import { U as UI } from '../ui-d01b50d4.js';
3
3
 
4
4
  /**
5
5
  * Base props shared across all Card sub-components.
@@ -11,9 +11,9 @@ interface CardSubComponentProps {
11
11
  /** CSS class names to apply */
12
12
  className?: string;
13
13
  /** Inline styles to apply */
14
- style?: React__default.CSSProperties;
14
+ style?: React.CSSProperties;
15
15
  /** Child elements to render */
16
- children?: React__default.ReactNode;
16
+ children?: React.ReactNode;
17
17
  }
18
18
  /**
19
19
  * Props for the Card.Title sub-component.
@@ -65,13 +65,13 @@ interface CardFooterProps extends CardSubComponentProps {
65
65
  *
66
66
  * @extends React.ComponentProps<typeof UI>
67
67
  */
68
- interface CardProps extends React__default.ComponentProps<typeof UI> {
68
+ interface CardProps extends React.ComponentProps<typeof UI> {
69
69
  /**
70
70
  * HTML element to render the Card as.
71
71
  * Inherits from UI component's polymorphic `as` prop.
72
72
  * @default 'div'
73
73
  */
74
- as?: React__default.ElementType;
74
+ as?: React.ElementType;
75
75
  /**
76
76
  * ARIA role for the card.
77
77
  * Use 'article' for standalone content, 'region' with aria-label for landmarks.
@@ -115,7 +115,7 @@ interface CardProps extends React__default.ComponentProps<typeof UI> {
115
115
  * Click handler for interactive cards.
116
116
  * When provided without `interactive`, a warning will be logged in development.
117
117
  */
118
- onClick?: (event: React__default.MouseEvent | React__default.KeyboardEvent) => void;
118
+ onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;
119
119
  /**
120
120
  * Tab index for keyboard navigation.
121
121
  * Automatically set to 0 when `interactive` is true.
@@ -147,7 +147,7 @@ interface CardProps extends React__default.ComponentProps<typeof UI> {
147
147
  * ```
148
148
  */
149
149
  declare const Title: {
150
- ({ children, className, style, as, ...props }: CardTitleProps): React__default.JSX.Element;
150
+ ({ children, className, style, as, ...props }: CardTitleProps): React.JSX.Element;
151
151
  displayName: string;
152
152
  };
153
153
  /**
@@ -180,7 +180,7 @@ declare const Title: {
180
180
  * ```
181
181
  */
182
182
  declare const Content: {
183
- ({ children, className, style, as, ...props }: CardContentProps): React__default.JSX.Element;
183
+ ({ children, className, style, as, ...props }: CardContentProps): React.JSX.Element;
184
184
  displayName: string;
185
185
  };
186
186
  /**
@@ -210,7 +210,7 @@ declare const Content: {
210
210
  * ```
211
211
  */
212
212
  declare const Footer: {
213
- ({ children, className, style, as, ...props }: CardFooterProps): React__default.JSX.Element;
213
+ ({ children, className, style, as, ...props }: CardFooterProps): React.JSX.Element;
214
214
  displayName: string;
215
215
  };
216
216
  /**
@@ -283,18 +283,18 @@ declare const Footer: {
283
283
  * ```
284
284
  */
285
285
  declare const Card: {
286
- ({ as, styles, children, classes, id, interactive, onClick, tabIndex, role, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...props }: CardProps): React__default.JSX.Element;
286
+ ({ as, styles, children, classes, id, interactive, onClick, tabIndex, role, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...props }: CardProps): React.JSX.Element;
287
287
  displayName: string;
288
288
  Title: {
289
- ({ children, className, style, as, ...props }: CardTitleProps): React__default.JSX.Element;
289
+ ({ children, className, style, as, ...props }: CardTitleProps): React.JSX.Element;
290
290
  displayName: string;
291
291
  };
292
292
  Content: {
293
- ({ children, className, style, as, ...props }: CardContentProps): React__default.JSX.Element;
293
+ ({ children, className, style, as, ...props }: CardContentProps): React.JSX.Element;
294
294
  displayName: string;
295
295
  };
296
296
  Footer: {
297
- ({ children, className, style, as, ...props }: CardFooterProps): React__default.JSX.Element;
297
+ ({ children, className, style, as, ...props }: CardFooterProps): React.JSX.Element;
298
298
  displayName: string;
299
299
  };
300
300
  };
@@ -1,5 +1,5 @@
1
- import React__default from 'react';
2
- import { U as UI } from '../ui-645f95b5.js';
1
+ import React from 'react';
2
+ import { U as UI } from '../ui-d01b50d4.js';
3
3
 
4
4
  /**
5
5
  * Base props shared across all Card sub-components.
@@ -11,9 +11,9 @@ interface CardSubComponentProps {
11
11
  /** CSS class names to apply */
12
12
  className?: string;
13
13
  /** Inline styles to apply */
14
- style?: React__default.CSSProperties;
14
+ style?: React.CSSProperties;
15
15
  /** Child elements to render */
16
- children?: React__default.ReactNode;
16
+ children?: React.ReactNode;
17
17
  }
18
18
  /**
19
19
  * Props for the Card.Title sub-component.
@@ -65,13 +65,13 @@ interface CardFooterProps extends CardSubComponentProps {
65
65
  *
66
66
  * @extends React.ComponentProps<typeof UI>
67
67
  */
68
- interface CardProps extends React__default.ComponentProps<typeof UI> {
68
+ interface CardProps extends React.ComponentProps<typeof UI> {
69
69
  /**
70
70
  * HTML element to render the Card as.
71
71
  * Inherits from UI component's polymorphic `as` prop.
72
72
  * @default 'div'
73
73
  */
74
- as?: React__default.ElementType;
74
+ as?: React.ElementType;
75
75
  /**
76
76
  * ARIA role for the card.
77
77
  * Use 'article' for standalone content, 'region' with aria-label for landmarks.
@@ -115,7 +115,7 @@ interface CardProps extends React__default.ComponentProps<typeof UI> {
115
115
  * Click handler for interactive cards.
116
116
  * When provided without `interactive`, a warning will be logged in development.
117
117
  */
118
- onClick?: (event: React__default.MouseEvent | React__default.KeyboardEvent) => void;
118
+ onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;
119
119
  /**
120
120
  * Tab index for keyboard navigation.
121
121
  * Automatically set to 0 when `interactive` is true.
@@ -147,7 +147,7 @@ interface CardProps extends React__default.ComponentProps<typeof UI> {
147
147
  * ```
148
148
  */
149
149
  declare const Title: {
150
- ({ children, className, style, as, ...props }: CardTitleProps): React__default.JSX.Element;
150
+ ({ children, className, style, as, ...props }: CardTitleProps): React.JSX.Element;
151
151
  displayName: string;
152
152
  };
153
153
  /**
@@ -180,7 +180,7 @@ declare const Title: {
180
180
  * ```
181
181
  */
182
182
  declare const Content: {
183
- ({ children, className, style, as, ...props }: CardContentProps): React__default.JSX.Element;
183
+ ({ children, className, style, as, ...props }: CardContentProps): React.JSX.Element;
184
184
  displayName: string;
185
185
  };
186
186
  /**
@@ -210,7 +210,7 @@ declare const Content: {
210
210
  * ```
211
211
  */
212
212
  declare const Footer: {
213
- ({ children, className, style, as, ...props }: CardFooterProps): React__default.JSX.Element;
213
+ ({ children, className, style, as, ...props }: CardFooterProps): React.JSX.Element;
214
214
  displayName: string;
215
215
  };
216
216
  /**
@@ -283,18 +283,18 @@ declare const Footer: {
283
283
  * ```
284
284
  */
285
285
  declare const Card: {
286
- ({ as, styles, children, classes, id, interactive, onClick, tabIndex, role, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...props }: CardProps): React__default.JSX.Element;
286
+ ({ as, styles, children, classes, id, interactive, onClick, tabIndex, role, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...props }: CardProps): React.JSX.Element;
287
287
  displayName: string;
288
288
  Title: {
289
- ({ children, className, style, as, ...props }: CardTitleProps): React__default.JSX.Element;
289
+ ({ children, className, style, as, ...props }: CardTitleProps): React.JSX.Element;
290
290
  displayName: string;
291
291
  };
292
292
  Content: {
293
- ({ children, className, style, as, ...props }: CardContentProps): React__default.JSX.Element;
293
+ ({ children, className, style, as, ...props }: CardContentProps): React.JSX.Element;
294
294
  displayName: string;
295
295
  };
296
296
  Footer: {
297
- ({ children, className, style, as, ...props }: CardFooterProps): React__default.JSX.Element;
297
+ ({ children, className, style, as, ...props }: CardFooterProps): React.JSX.Element;
298
298
  displayName: string;
299
299
  };
300
300
  };
@@ -1,4 +1,4 @@
1
- export { d as Card, b as Content, c as Footer, a as Title, e as default } from '../chunk-JJ43O4Y5.js';
2
- import '../chunk-KUKIVRC2.js';
1
+ export { d as Card, b as Content, c as Footer, a as Title, e as default } from '../chunk-KK47SYZI.js';
2
+ import '../chunk-HHLNOC5T.js';
3
3
  //# sourceMappingURL=out.js.map
4
4
  //# sourceMappingURL=card.js.map
@@ -2,21 +2,23 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var chunkD4YLRWAO_cjs = require('../../chunk-D4YLRWAO.cjs');
6
- require('../../chunk-PQ2K3BM6.cjs');
7
- require('../../chunk-3MKLDCKQ.cjs');
8
- require('../../chunk-J32EZPYD.cjs');
9
- require('../../chunk-L75OQKEI.cjs');
5
+ var chunkQVW6W76L_cjs = require('../../chunk-QVW6W76L.cjs');
6
+ require('../../chunk-2NRIP6RB.cjs');
7
+ require('../../chunk-6WTC4JXH.cjs');
8
+ require('../../chunk-GT77BX4L.cjs');
9
+ require('../../chunk-PNWIRCG3.cjs');
10
+ require('../../chunk-TON2YGMD.cjs');
11
+ require('../../chunk-ENTCUJ3A.cjs');
10
12
 
11
13
 
12
14
 
13
15
  Object.defineProperty(exports, 'Dialog', {
14
16
  enumerable: true,
15
- get: function () { return chunkD4YLRWAO_cjs.a; }
17
+ get: function () { return chunkQVW6W76L_cjs.a; }
16
18
  });
17
19
  Object.defineProperty(exports, 'default', {
18
20
  enumerable: true,
19
- get: function () { return chunkD4YLRWAO_cjs.b; }
21
+ get: function () { return chunkQVW6W76L_cjs.b; }
20
22
  });
21
23
  //# sourceMappingURL=out.js.map
22
24
  //# sourceMappingURL=dialog.cjs.map
@@ -1,4 +1,4 @@
1
- import React__default, { ReactNode, CSSProperties } from 'react';
1
+ import React, { ReactNode, CSSProperties } from 'react';
2
2
 
3
3
  /**
4
4
  * Base properties shared by all dialog variants.
@@ -99,7 +99,7 @@ interface DialogProps extends BaseDialogProps {
99
99
  * @param {CSSProperties} [props.styles] - Inline styles to apply to dialog element
100
100
  * @returns {JSX.Element} A controlled dialog component
101
101
  */
102
- declare const Dialog: React__default.FC<DialogProps>;
103
- declare const _default: React__default.NamedExoticComponent<DialogProps>;
102
+ declare const Dialog: React.FC<DialogProps>;
103
+ declare const _default: React.NamedExoticComponent<DialogProps>;
104
104
 
105
105
  export { Dialog, _default as default };
@@ -1,4 +1,4 @@
1
- import React__default, { ReactNode, CSSProperties } from 'react';
1
+ import React, { ReactNode, CSSProperties } from 'react';
2
2
 
3
3
  /**
4
4
  * Base properties shared by all dialog variants.
@@ -99,7 +99,7 @@ interface DialogProps extends BaseDialogProps {
99
99
  * @param {CSSProperties} [props.styles] - Inline styles to apply to dialog element
100
100
  * @returns {JSX.Element} A controlled dialog component
101
101
  */
102
- declare const Dialog: React__default.FC<DialogProps>;
103
- declare const _default: React__default.NamedExoticComponent<DialogProps>;
102
+ declare const Dialog: React.FC<DialogProps>;
103
+ declare const _default: React.NamedExoticComponent<DialogProps>;
104
104
 
105
105
  export { Dialog, _default as default };
@@ -1,7 +1,9 @@
1
- export { a as Dialog, b as default } from '../../chunk-VUH3FXGJ.js';
2
- import '../../chunk-ETFLFC2S.js';
3
- import '../../chunk-772NRB75.js';
4
- import '../../chunk-QLZWHAMK.js';
5
- import '../../chunk-KUKIVRC2.js';
1
+ export { a as Dialog, b as default } from '../../chunk-X3JCTEPD.js';
2
+ import '../../chunk-ZFJ4U45S.js';
3
+ import '../../chunk-5QD3DWFI.js';
4
+ import '../../chunk-OVWLQYMK.js';
5
+ import '../../chunk-BFK62VX5.js';
6
+ import '../../chunk-75QHTLFO.js';
7
+ import '../../chunk-HHLNOC5T.js';
6
8
  //# sourceMappingURL=out.js.map
7
9
  //# sourceMappingURL=dialog.js.map
@@ -2,18 +2,18 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var chunkAHDJGCG5_cjs = require('../../chunk-AHDJGCG5.cjs');
6
- require('../../chunk-L75OQKEI.cjs');
5
+ var chunkO3JIHC5M_cjs = require('../../chunk-O3JIHC5M.cjs');
6
+ require('../../chunk-ENTCUJ3A.cjs');
7
7
 
8
8
 
9
9
 
10
10
  Object.defineProperty(exports, 'Field', {
11
11
  enumerable: true,
12
- get: function () { return chunkAHDJGCG5_cjs.a; }
12
+ get: function () { return chunkO3JIHC5M_cjs.a; }
13
13
  });
14
14
  Object.defineProperty(exports, 'default', {
15
15
  enumerable: true,
16
- get: function () { return chunkAHDJGCG5_cjs.b; }
16
+ get: function () { return chunkO3JIHC5M_cjs.b; }
17
17
  });
18
18
  //# sourceMappingURL=out.js.map
19
19
  //# sourceMappingURL=fields.cjs.map
@@ -1,23 +1,32 @@
1
- import React__default from 'react';
2
- import { U as UI } from '../../ui-645f95b5.js';
1
+ import React from 'react';
2
+ import { U as UI } from '../../ui-d01b50d4.js';
3
3
 
4
4
  type FieldProps = {
5
5
  /**
6
6
  * The label content
7
7
  */
8
- label: React__default.ReactNode;
9
- children: React__default.ReactNode;
10
- } & React__default.ComponentProps<'label'> & Partial<React__default.ComponentProps<typeof UI>>;
8
+ label: React.ReactNode;
9
+ /**
10
+ * ID of the associated form control (REQUIRED for accessibility)
11
+ * Must match the id of the child input/select/textarea element.
12
+ * This ensures proper label-to-input association for screen readers.
13
+ * @example "email-input"
14
+ * @see {@link https://www.w3.org/WAI/WCAG21/Understanding/labels-or-instructions.html|WCAG 3.3.2 Labels or Instructions}
15
+ */
16
+ labelFor: string;
17
+ children: React.ReactNode;
18
+ } & React.ComponentProps<'label'> & Partial<React.ComponentProps<typeof UI>>;
11
19
  /**
12
20
  * Field component that renders a label and children wrapped in a div element.
13
- * @param labelFor Defines the for attribute of the label element
21
+ * Ensures proper accessibility by requiring the labelFor prop to associate labels with form controls.
22
+ * @param labelFor Defines the for attribute of the label element (REQUIRED)
14
23
  * @param styles Custom styles to be applied to the component
15
24
  * @param label The label content
16
25
  * @param children The children to be rendered inside the component
17
26
  * @param props Additional props to be spread to the component
18
27
  */
19
28
  declare const Field: {
20
- ({ label, labelFor, id, styles, classes, children, ...props }: FieldProps): React__default.JSX.Element;
29
+ ({ label, labelFor, id, styles, classes, children, ...props }: FieldProps): React.JSX.Element;
21
30
  displayName: string;
22
31
  };
23
32
 
@@ -1,23 +1,32 @@
1
- import React__default from 'react';
2
- import { U as UI } from '../../ui-645f95b5.js';
1
+ import React from 'react';
2
+ import { U as UI } from '../../ui-d01b50d4.js';
3
3
 
4
4
  type FieldProps = {
5
5
  /**
6
6
  * The label content
7
7
  */
8
- label: React__default.ReactNode;
9
- children: React__default.ReactNode;
10
- } & React__default.ComponentProps<'label'> & Partial<React__default.ComponentProps<typeof UI>>;
8
+ label: React.ReactNode;
9
+ /**
10
+ * ID of the associated form control (REQUIRED for accessibility)
11
+ * Must match the id of the child input/select/textarea element.
12
+ * This ensures proper label-to-input association for screen readers.
13
+ * @example "email-input"
14
+ * @see {@link https://www.w3.org/WAI/WCAG21/Understanding/labels-or-instructions.html|WCAG 3.3.2 Labels or Instructions}
15
+ */
16
+ labelFor: string;
17
+ children: React.ReactNode;
18
+ } & React.ComponentProps<'label'> & Partial<React.ComponentProps<typeof UI>>;
11
19
  /**
12
20
  * Field component that renders a label and children wrapped in a div element.
13
- * @param labelFor Defines the for attribute of the label element
21
+ * Ensures proper accessibility by requiring the labelFor prop to associate labels with form controls.
22
+ * @param labelFor Defines the for attribute of the label element (REQUIRED)
14
23
  * @param styles Custom styles to be applied to the component
15
24
  * @param label The label content
16
25
  * @param children The children to be rendered inside the component
17
26
  * @param props Additional props to be spread to the component
18
27
  */
19
28
  declare const Field: {
20
- ({ label, labelFor, id, styles, classes, children, ...props }: FieldProps): React__default.JSX.Element;
29
+ ({ label, labelFor, id, styles, classes, children, ...props }: FieldProps): React.JSX.Element;
21
30
  displayName: string;
22
31
  };
23
32
 
@@ -1,4 +1,4 @@
1
- export { a as Field, b as default } from '../../chunk-RIVUMPOG.js';
2
- import '../../chunk-KUKIVRC2.js';
1
+ export { a as Field, b as default } from '../../chunk-HRRHPLER.js';
2
+ import '../../chunk-HHLNOC5T.js';
3
3
  //# sourceMappingURL=out.js.map
4
4
  //# sourceMappingURL=fields.js.map
@@ -2,18 +2,20 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var chunkIYUN2EW3_cjs = require('../../chunk-IYUN2EW3.cjs');
6
- require('../../chunk-S7BABR7Z.cjs');
5
+ var chunk4BZKFPEC_cjs = require('../../chunk-4BZKFPEC.cjs');
6
+ require('../../chunk-E2AJURUW.cjs');
7
+ require('../../chunk-PNWIRCG3.cjs');
8
+ require('../../chunk-TON2YGMD.cjs');
7
9
 
8
10
 
9
11
 
10
12
  Object.defineProperty(exports, 'Input', {
11
13
  enumerable: true,
12
- get: function () { return chunkIYUN2EW3_cjs.a; }
14
+ get: function () { return chunk4BZKFPEC_cjs.a; }
13
15
  });
14
16
  Object.defineProperty(exports, 'default', {
15
17
  enumerable: true,
16
- get: function () { return chunkIYUN2EW3_cjs.b; }
18
+ get: function () { return chunk4BZKFPEC_cjs.b; }
17
19
  });
18
20
  //# sourceMappingURL=out.js.map
19
21
  //# sourceMappingURL=inputs.cjs.map
@@ -1,2 +1,50 @@
1
- import 'react';
2
- export { I as Input, a as InputProps, I as default } from '../../inputs-f3a216db.js';
1
+ import React from 'react';
2
+ import { I as InputProps } from '../../form.types-d25ebfac.js';
3
+
4
+ /**
5
+ * Input component - Accessible text input with validation support
6
+ *
7
+ * A flexible input component that supports various input types, validation states,
8
+ * and proper ARIA attributes for accessibility. Integrates seamlessly with the
9
+ * Field component for complete form control composition.
10
+ *
11
+ * @component
12
+ * @example
13
+ * // Basic text input
14
+ * <Input
15
+ * id="username"
16
+ * name="username"
17
+ * placeholder="Enter username"
18
+ * required
19
+ * />
20
+ *
21
+ * @example
22
+ * // Input with error state
23
+ * <Input
24
+ * id="email"
25
+ * type="email"
26
+ * validationState="invalid"
27
+ * errorMessage="Please enter a valid email"
28
+ * aria-describedby="email-error"
29
+ * />
30
+ *
31
+ * @example
32
+ * // Controlled input with validation
33
+ * <Input
34
+ * id="password"
35
+ * type="password"
36
+ * value={password}
37
+ * onChange={(e) => setPassword(e.target.value)}
38
+ * minLength={8}
39
+ * required
40
+ * />
41
+ *
42
+ * @param {InputProps} props - Component props
43
+ * @returns {JSX.Element} Input element with proper accessibility attributes
44
+ *
45
+ * @see {@link https://www.w3.org/WAI/WCAG21/Understanding/error-identification.html|WCAG 3.3.1 Error Identification}
46
+ * @see {@link https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html|WCAG 4.1.2 Name, Role, Value}
47
+ */
48
+ declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
49
+
50
+ export { Input, InputProps, Input as default };
@@ -1,2 +1,50 @@
1
- import 'react';
2
- export { I as Input, a as InputProps, I as default } from '../../inputs-f3a216db.js';
1
+ import React from 'react';
2
+ import { I as InputProps } from '../../form.types-d25ebfac.js';
3
+
4
+ /**
5
+ * Input component - Accessible text input with validation support
6
+ *
7
+ * A flexible input component that supports various input types, validation states,
8
+ * and proper ARIA attributes for accessibility. Integrates seamlessly with the
9
+ * Field component for complete form control composition.
10
+ *
11
+ * @component
12
+ * @example
13
+ * // Basic text input
14
+ * <Input
15
+ * id="username"
16
+ * name="username"
17
+ * placeholder="Enter username"
18
+ * required
19
+ * />
20
+ *
21
+ * @example
22
+ * // Input with error state
23
+ * <Input
24
+ * id="email"
25
+ * type="email"
26
+ * validationState="invalid"
27
+ * errorMessage="Please enter a valid email"
28
+ * aria-describedby="email-error"
29
+ * />
30
+ *
31
+ * @example
32
+ * // Controlled input with validation
33
+ * <Input
34
+ * id="password"
35
+ * type="password"
36
+ * value={password}
37
+ * onChange={(e) => setPassword(e.target.value)}
38
+ * minLength={8}
39
+ * required
40
+ * />
41
+ *
42
+ * @param {InputProps} props - Component props
43
+ * @returns {JSX.Element} Input element with proper accessibility attributes
44
+ *
45
+ * @see {@link https://www.w3.org/WAI/WCAG21/Understanding/error-identification.html|WCAG 3.3.1 Error Identification}
46
+ * @see {@link https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html|WCAG 4.1.2 Name, Role, Value}
47
+ */
48
+ declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
49
+
50
+ export { Input, InputProps, Input as default };
@@ -1,4 +1,6 @@
1
- export { a as Input, b as default } from '../../chunk-BHRQBJRY.js';
2
- import '../../chunk-P7TTEYCD.js';
1
+ export { a as Input, b as default } from '../../chunk-F5EYMVQM.js';
2
+ import '../../chunk-6SAHIYCZ.js';
3
+ import '../../chunk-BFK62VX5.js';
4
+ import '../../chunk-75QHTLFO.js';
3
5
  //# sourceMappingURL=out.js.map
4
6
  //# sourceMappingURL=inputs.js.map
@@ -2,18 +2,19 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var chunkM5RRNTVX_cjs = require('../../chunk-M5RRNTVX.cjs');
6
- require('../../chunk-L75OQKEI.cjs');
5
+ var chunkWXBFBWYF_cjs = require('../../chunk-WXBFBWYF.cjs');
6
+ require('../../chunk-TON2YGMD.cjs');
7
+ require('../../chunk-ENTCUJ3A.cjs');
7
8
 
8
9
 
9
10
 
10
11
  Object.defineProperty(exports, 'Textarea', {
11
12
  enumerable: true,
12
- get: function () { return chunkM5RRNTVX_cjs.a; }
13
+ get: function () { return chunkWXBFBWYF_cjs.a; }
13
14
  });
14
15
  Object.defineProperty(exports, 'default', {
15
16
  enumerable: true,
16
- get: function () { return chunkM5RRNTVX_cjs.b; }
17
+ get: function () { return chunkWXBFBWYF_cjs.b; }
17
18
  });
18
19
  //# sourceMappingURL=out.js.map
19
20
  //# sourceMappingURL=textarea.cjs.map