@rakeyshgidwani/roger-ui-bank-theme-jeremy 0.5.3

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 (961) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/README.md +137 -0
  3. package/dist/components/ui/accessibility-demo.d.ts +7 -0
  4. package/dist/components/ui/accessibility-demo.d.ts.map +1 -0
  5. package/dist/components/ui/accessibility-demo.esm.js +95 -0
  6. package/dist/components/ui/accessibility-demo.js +95 -0
  7. package/dist/components/ui/advanced-component-architecture-demo.d.ts +4 -0
  8. package/dist/components/ui/advanced-component-architecture-demo.d.ts.map +1 -0
  9. package/dist/components/ui/advanced-component-architecture-demo.esm.js +257 -0
  10. package/dist/components/ui/advanced-component-architecture-demo.js +257 -0
  11. package/dist/components/ui/advanced-transition-system-demo.d.ts +3 -0
  12. package/dist/components/ui/advanced-transition-system-demo.d.ts.map +1 -0
  13. package/dist/components/ui/advanced-transition-system-demo.esm.js +60 -0
  14. package/dist/components/ui/advanced-transition-system-demo.js +60 -0
  15. package/dist/components/ui/advanced-transition-system.d.ts +45 -0
  16. package/dist/components/ui/advanced-transition-system.d.ts.map +1 -0
  17. package/dist/components/ui/advanced-transition-system.esm.js +213 -0
  18. package/dist/components/ui/advanced-transition-system.js +213 -0
  19. package/dist/components/ui/animation/animated-container.d.ts +13 -0
  20. package/dist/components/ui/animation/animated-container.d.ts.map +1 -0
  21. package/dist/components/ui/animation/animated-container.esm.js +106 -0
  22. package/dist/components/ui/animation/animated-container.js +106 -0
  23. package/dist/components/ui/animation/index.d.ts +7 -0
  24. package/dist/components/ui/animation/index.d.ts.map +1 -0
  25. package/dist/components/ui/animation/index.esm.js +4 -0
  26. package/dist/components/ui/animation/index.js +4 -0
  27. package/dist/components/ui/animation/staggered-container.d.ts +10 -0
  28. package/dist/components/ui/animation/staggered-container.d.ts.map +1 -0
  29. package/dist/components/ui/animation/staggered-container.esm.js +37 -0
  30. package/dist/components/ui/animation/staggered-container.js +37 -0
  31. package/dist/components/ui/animation-demo.d.ts +3 -0
  32. package/dist/components/ui/animation-demo.d.ts.map +1 -0
  33. package/dist/components/ui/animation-demo.esm.js +31 -0
  34. package/dist/components/ui/animation-demo.js +31 -0
  35. package/dist/components/ui/badge.d.ts +10 -0
  36. package/dist/components/ui/badge.d.ts.map +1 -0
  37. package/dist/components/ui/badge.esm.js +20 -0
  38. package/dist/components/ui/badge.js +20 -0
  39. package/dist/components/ui/battery-conscious-animation-demo.d.ts +4 -0
  40. package/dist/components/ui/battery-conscious-animation-demo.d.ts.map +1 -0
  41. package/dist/components/ui/battery-conscious-animation-demo.esm.js +140 -0
  42. package/dist/components/ui/battery-conscious-animation-demo.js +140 -0
  43. package/dist/components/ui/border-radius-shadow-demo.d.ts +3 -0
  44. package/dist/components/ui/border-radius-shadow-demo.d.ts.map +1 -0
  45. package/dist/components/ui/border-radius-shadow-demo.esm.js +7 -0
  46. package/dist/components/ui/border-radius-shadow-demo.js +7 -0
  47. package/dist/components/ui/button.d.ts +11 -0
  48. package/dist/components/ui/button.d.ts.map +1 -0
  49. package/dist/components/ui/button.esm.js +19 -0
  50. package/dist/components/ui/button.js +19 -0
  51. package/dist/components/ui/card.d.ts +37 -0
  52. package/dist/components/ui/card.d.ts.map +1 -0
  53. package/dist/components/ui/card.esm.js +93 -0
  54. package/dist/components/ui/card.js +93 -0
  55. package/dist/components/ui/checkbox.d.ts +8 -0
  56. package/dist/components/ui/checkbox.d.ts.map +1 -0
  57. package/dist/components/ui/checkbox.esm.js +12 -0
  58. package/dist/components/ui/checkbox.js +12 -0
  59. package/dist/components/ui/color-preview.d.ts +16 -0
  60. package/dist/components/ui/color-preview.d.ts.map +1 -0
  61. package/dist/components/ui/color-preview.esm.js +57 -0
  62. package/dist/components/ui/color-preview.js +57 -0
  63. package/dist/components/ui/data-display/chart.d.ts +5 -0
  64. package/dist/components/ui/data-display/chart.d.ts.map +1 -0
  65. package/dist/components/ui/data-display/chart.esm.js +233 -0
  66. package/dist/components/ui/data-display/chart.js +233 -0
  67. package/dist/components/ui/data-display/data-grid-simple.d.ts +5 -0
  68. package/dist/components/ui/data-display/data-grid-simple.d.ts.map +1 -0
  69. package/dist/components/ui/data-display/data-grid-simple.esm.js +19 -0
  70. package/dist/components/ui/data-display/data-grid-simple.js +19 -0
  71. package/dist/components/ui/data-display/data-grid.d.ts +5 -0
  72. package/dist/components/ui/data-display/data-grid.d.ts.map +1 -0
  73. package/dist/components/ui/data-display/data-grid.esm.js +195 -0
  74. package/dist/components/ui/data-display/data-grid.js +195 -0
  75. package/dist/components/ui/data-display/list.d.ts +5 -0
  76. package/dist/components/ui/data-display/list.d.ts.map +1 -0
  77. package/dist/components/ui/data-display/list.esm.js +100 -0
  78. package/dist/components/ui/data-display/list.js +100 -0
  79. package/dist/components/ui/data-display/table.d.ts +5 -0
  80. package/dist/components/ui/data-display/table.d.ts.map +1 -0
  81. package/dist/components/ui/data-display/table.esm.js +125 -0
  82. package/dist/components/ui/data-display/table.js +125 -0
  83. package/dist/components/ui/data-display/timeline.d.ts +5 -0
  84. package/dist/components/ui/data-display/timeline.d.ts.map +1 -0
  85. package/dist/components/ui/data-display/timeline.esm.js +104 -0
  86. package/dist/components/ui/data-display/timeline.js +104 -0
  87. package/dist/components/ui/data-display/tree.d.ts +5 -0
  88. package/dist/components/ui/data-display/tree.d.ts.map +1 -0
  89. package/dist/components/ui/data-display/tree.esm.js +231 -0
  90. package/dist/components/ui/data-display/tree.js +231 -0
  91. package/dist/components/ui/data-display/types.d.ts +483 -0
  92. package/dist/components/ui/data-display/types.d.ts.map +1 -0
  93. package/dist/components/ui/data-display/types.esm.js +8 -0
  94. package/dist/components/ui/data-display/types.js +8 -0
  95. package/dist/components/ui/enterprise-mobile-experience-demo.d.ts +3 -0
  96. package/dist/components/ui/enterprise-mobile-experience-demo.d.ts.map +1 -0
  97. package/dist/components/ui/enterprise-mobile-experience-demo.esm.js +77 -0
  98. package/dist/components/ui/enterprise-mobile-experience-demo.js +77 -0
  99. package/dist/components/ui/enterprise-mobile-experience.d.ts +72 -0
  100. package/dist/components/ui/enterprise-mobile-experience.d.ts.map +1 -0
  101. package/dist/components/ui/enterprise-mobile-experience.esm.js +157 -0
  102. package/dist/components/ui/enterprise-mobile-experience.js +157 -0
  103. package/dist/components/ui/feedback/alert.d.ts +5 -0
  104. package/dist/components/ui/feedback/alert.d.ts.map +1 -0
  105. package/dist/components/ui/feedback/alert.esm.js +51 -0
  106. package/dist/components/ui/feedback/alert.js +51 -0
  107. package/dist/components/ui/feedback/index.d.ts +10 -0
  108. package/dist/components/ui/feedback/index.d.ts.map +1 -0
  109. package/dist/components/ui/feedback/index.esm.js +10 -0
  110. package/dist/components/ui/feedback/index.js +10 -0
  111. package/dist/components/ui/feedback/progress.d.ts +5 -0
  112. package/dist/components/ui/feedback/progress.d.ts.map +1 -0
  113. package/dist/components/ui/feedback/progress.esm.js +77 -0
  114. package/dist/components/ui/feedback/progress.js +77 -0
  115. package/dist/components/ui/feedback/skeleton.d.ts +8 -0
  116. package/dist/components/ui/feedback/skeleton.d.ts.map +1 -0
  117. package/dist/components/ui/feedback/skeleton.esm.js +77 -0
  118. package/dist/components/ui/feedback/skeleton.js +77 -0
  119. package/dist/components/ui/feedback/status-alert-example.d.ts +3 -0
  120. package/dist/components/ui/feedback/status-alert-example.d.ts.map +1 -0
  121. package/dist/components/ui/feedback/status-alert-example.esm.js +68 -0
  122. package/dist/components/ui/feedback/status-alert-example.js +68 -0
  123. package/dist/components/ui/feedback/toast-context.d.ts +27 -0
  124. package/dist/components/ui/feedback/toast-context.d.ts.map +1 -0
  125. package/dist/components/ui/feedback/toast-context.esm.js +95 -0
  126. package/dist/components/ui/feedback/toast-context.js +95 -0
  127. package/dist/components/ui/feedback/toast-example.d.ts +4 -0
  128. package/dist/components/ui/feedback/toast-example.d.ts.map +1 -0
  129. package/dist/components/ui/feedback/toast-example.esm.js +40 -0
  130. package/dist/components/ui/feedback/toast-example.js +40 -0
  131. package/dist/components/ui/feedback/toast-renderer.d.ts +11 -0
  132. package/dist/components/ui/feedback/toast-renderer.d.ts.map +1 -0
  133. package/dist/components/ui/feedback/toast-renderer.esm.js +23 -0
  134. package/dist/components/ui/feedback/toast-renderer.js +23 -0
  135. package/dist/components/ui/feedback/toast.d.ts +8 -0
  136. package/dist/components/ui/feedback/toast.d.ts.map +1 -0
  137. package/dist/components/ui/feedback/toast.esm.js +143 -0
  138. package/dist/components/ui/feedback/toast.js +143 -0
  139. package/dist/components/ui/feedback/types.d.ts +127 -0
  140. package/dist/components/ui/feedback/types.d.ts.map +1 -0
  141. package/dist/components/ui/feedback/types.esm.js +2 -0
  142. package/dist/components/ui/feedback/types.js +2 -0
  143. package/dist/components/ui/font-preview.d.ts +15 -0
  144. package/dist/components/ui/font-preview.d.ts.map +1 -0
  145. package/dist/components/ui/font-preview.esm.js +62 -0
  146. package/dist/components/ui/font-preview.js +62 -0
  147. package/dist/components/ui/form-demo.d.ts +4 -0
  148. package/dist/components/ui/form-demo.d.ts.map +1 -0
  149. package/dist/components/ui/form-demo.esm.js +192 -0
  150. package/dist/components/ui/form-demo.js +192 -0
  151. package/dist/components/ui/hardware-acceleration-demo.d.ts +4 -0
  152. package/dist/components/ui/hardware-acceleration-demo.d.ts.map +1 -0
  153. package/dist/components/ui/hardware-acceleration-demo.esm.js +107 -0
  154. package/dist/components/ui/hardware-acceleration-demo.js +107 -0
  155. package/dist/components/ui/input.d.ts +9 -0
  156. package/dist/components/ui/input.d.ts.map +1 -0
  157. package/dist/components/ui/input.esm.js +17 -0
  158. package/dist/components/ui/input.js +17 -0
  159. package/dist/components/ui/label.d.ts +5 -0
  160. package/dist/components/ui/label.d.ts.map +1 -0
  161. package/dist/components/ui/label.esm.js +6 -0
  162. package/dist/components/ui/label.js +6 -0
  163. package/dist/components/ui/layout/container.d.ts +57 -0
  164. package/dist/components/ui/layout/container.d.ts.map +1 -0
  165. package/dist/components/ui/layout/container.esm.js +173 -0
  166. package/dist/components/ui/layout/container.js +173 -0
  167. package/dist/components/ui/layout/index.d.ts +9 -0
  168. package/dist/components/ui/layout/index.d.ts.map +1 -0
  169. package/dist/components/ui/layout/index.esm.js +6 -0
  170. package/dist/components/ui/layout/index.js +6 -0
  171. package/dist/components/ui/layout/responsive-grid.d.ts +93 -0
  172. package/dist/components/ui/layout/responsive-grid.d.ts.map +1 -0
  173. package/dist/components/ui/layout/responsive-grid.esm.js +124 -0
  174. package/dist/components/ui/layout/responsive-grid.js +124 -0
  175. package/dist/components/ui/layout-demo.d.ts +4 -0
  176. package/dist/components/ui/layout-demo.d.ts.map +1 -0
  177. package/dist/components/ui/layout-demo.esm.js +77 -0
  178. package/dist/components/ui/layout-demo.js +77 -0
  179. package/dist/components/ui/layouts/adaptive-layout.d.ts +18 -0
  180. package/dist/components/ui/layouts/adaptive-layout.d.ts.map +1 -0
  181. package/dist/components/ui/layouts/adaptive-layout.esm.js +54 -0
  182. package/dist/components/ui/layouts/adaptive-layout.js +54 -0
  183. package/dist/components/ui/layouts/desktop-layout.d.ts +15 -0
  184. package/dist/components/ui/layouts/desktop-layout.d.ts.map +1 -0
  185. package/dist/components/ui/layouts/desktop-layout.esm.js +40 -0
  186. package/dist/components/ui/layouts/desktop-layout.js +40 -0
  187. package/dist/components/ui/layouts/index.d.ts +9 -0
  188. package/dist/components/ui/layouts/index.d.ts.map +1 -0
  189. package/dist/components/ui/layouts/index.esm.js +4 -0
  190. package/dist/components/ui/layouts/index.js +4 -0
  191. package/dist/components/ui/layouts/mobile-layout.d.ts +15 -0
  192. package/dist/components/ui/layouts/mobile-layout.d.ts.map +1 -0
  193. package/dist/components/ui/layouts/mobile-layout.esm.js +50 -0
  194. package/dist/components/ui/layouts/mobile-layout.js +50 -0
  195. package/dist/components/ui/layouts/tablet-layout.d.ts +15 -0
  196. package/dist/components/ui/layouts/tablet-layout.d.ts.map +1 -0
  197. package/dist/components/ui/layouts/tablet-layout.esm.js +54 -0
  198. package/dist/components/ui/layouts/tablet-layout.js +54 -0
  199. package/dist/components/ui/mobile-form-validation.d.ts +32 -0
  200. package/dist/components/ui/mobile-form-validation.d.ts.map +1 -0
  201. package/dist/components/ui/mobile-form-validation.esm.js +218 -0
  202. package/dist/components/ui/mobile-form-validation.js +218 -0
  203. package/dist/components/ui/mobile-input-demo.d.ts +3 -0
  204. package/dist/components/ui/mobile-input-demo.d.ts.map +1 -0
  205. package/dist/components/ui/mobile-input-demo.esm.js +15 -0
  206. package/dist/components/ui/mobile-input-demo.js +15 -0
  207. package/dist/components/ui/mobile-input.d.ts +66 -0
  208. package/dist/components/ui/mobile-input.d.ts.map +1 -0
  209. package/dist/components/ui/mobile-input.esm.js +199 -0
  210. package/dist/components/ui/mobile-input.js +199 -0
  211. package/dist/components/ui/mobile-skeleton-loading-demo.d.ts +4 -0
  212. package/dist/components/ui/mobile-skeleton-loading-demo.d.ts.map +1 -0
  213. package/dist/components/ui/mobile-skeleton-loading-demo.esm.js +145 -0
  214. package/dist/components/ui/mobile-skeleton-loading-demo.js +145 -0
  215. package/dist/components/ui/navigation/breadcrumb.d.ts +9 -0
  216. package/dist/components/ui/navigation/breadcrumb.d.ts.map +1 -0
  217. package/dist/components/ui/navigation/breadcrumb.esm.js +60 -0
  218. package/dist/components/ui/navigation/breadcrumb.js +60 -0
  219. package/dist/components/ui/navigation/index.d.ts +16 -0
  220. package/dist/components/ui/navigation/index.d.ts.map +1 -0
  221. package/dist/components/ui/navigation/index.esm.js +15 -0
  222. package/dist/components/ui/navigation/index.js +15 -0
  223. package/dist/components/ui/navigation/menu.d.ts +9 -0
  224. package/dist/components/ui/navigation/menu.d.ts.map +1 -0
  225. package/dist/components/ui/navigation/menu.esm.js +192 -0
  226. package/dist/components/ui/navigation/menu.js +192 -0
  227. package/dist/components/ui/navigation/navigation-demo.d.ts +8 -0
  228. package/dist/components/ui/navigation/navigation-demo.d.ts.map +1 -0
  229. package/dist/components/ui/navigation/navigation-demo.esm.js +144 -0
  230. package/dist/components/ui/navigation/navigation-demo.js +144 -0
  231. package/dist/components/ui/navigation/pagination.d.ts +9 -0
  232. package/dist/components/ui/navigation/pagination.d.ts.map +1 -0
  233. package/dist/components/ui/navigation/pagination.esm.js +155 -0
  234. package/dist/components/ui/navigation/pagination.js +155 -0
  235. package/dist/components/ui/navigation/progressive-navigation.d.ts +37 -0
  236. package/dist/components/ui/navigation/progressive-navigation.d.ts.map +1 -0
  237. package/dist/components/ui/navigation/progressive-navigation.esm.js +145 -0
  238. package/dist/components/ui/navigation/progressive-navigation.js +145 -0
  239. package/dist/components/ui/navigation/sidebar.d.ts +9 -0
  240. package/dist/components/ui/navigation/sidebar.d.ts.map +1 -0
  241. package/dist/components/ui/navigation/sidebar.esm.js +176 -0
  242. package/dist/components/ui/navigation/sidebar.js +176 -0
  243. package/dist/components/ui/navigation/stepper.d.ts +9 -0
  244. package/dist/components/ui/navigation/stepper.d.ts.map +1 -0
  245. package/dist/components/ui/navigation/stepper.esm.js +144 -0
  246. package/dist/components/ui/navigation/stepper.js +144 -0
  247. package/dist/components/ui/navigation/subscription-badge.d.ts +9 -0
  248. package/dist/components/ui/navigation/subscription-badge.d.ts.map +1 -0
  249. package/dist/components/ui/navigation/subscription-badge.esm.js +58 -0
  250. package/dist/components/ui/navigation/subscription-badge.js +58 -0
  251. package/dist/components/ui/navigation/tabs.d.ts +9 -0
  252. package/dist/components/ui/navigation/tabs.d.ts.map +1 -0
  253. package/dist/components/ui/navigation/tabs.esm.js +101 -0
  254. package/dist/components/ui/navigation/tabs.js +101 -0
  255. package/dist/components/ui/navigation/types.d.ts +277 -0
  256. package/dist/components/ui/navigation/types.d.ts.map +1 -0
  257. package/dist/components/ui/navigation/types.esm.js +5 -0
  258. package/dist/components/ui/navigation/types.js +5 -0
  259. package/dist/components/ui/navigation/user-avatar.d.ts +9 -0
  260. package/dist/components/ui/navigation/user-avatar.d.ts.map +1 -0
  261. package/dist/components/ui/navigation/user-avatar.esm.js +55 -0
  262. package/dist/components/ui/navigation/user-avatar.js +55 -0
  263. package/dist/components/ui/navigation/user-menu-examples.d.ts +8 -0
  264. package/dist/components/ui/navigation/user-menu-examples.d.ts.map +1 -0
  265. package/dist/components/ui/navigation/user-menu-examples.esm.js +125 -0
  266. package/dist/components/ui/navigation/user-menu-examples.js +125 -0
  267. package/dist/components/ui/navigation/user-menu-types.d.ts +218 -0
  268. package/dist/components/ui/navigation/user-menu-types.d.ts.map +1 -0
  269. package/dist/components/ui/navigation/user-menu-types.esm.js +5 -0
  270. package/dist/components/ui/navigation/user-menu-types.js +5 -0
  271. package/dist/components/ui/navigation/user-menu.d.ts +9 -0
  272. package/dist/components/ui/navigation/user-menu.d.ts.map +1 -0
  273. package/dist/components/ui/navigation/user-menu.esm.js +205 -0
  274. package/dist/components/ui/navigation/user-menu.js +205 -0
  275. package/dist/components/ui/overlay/backdrop.d.ts +15 -0
  276. package/dist/components/ui/overlay/backdrop.d.ts.map +1 -0
  277. package/dist/components/ui/overlay/backdrop.esm.js +44 -0
  278. package/dist/components/ui/overlay/backdrop.js +44 -0
  279. package/dist/components/ui/overlay/focus-manager.d.ts +13 -0
  280. package/dist/components/ui/overlay/focus-manager.d.ts.map +1 -0
  281. package/dist/components/ui/overlay/focus-manager.esm.js +101 -0
  282. package/dist/components/ui/overlay/focus-manager.js +101 -0
  283. package/dist/components/ui/overlay/index.d.ts +10 -0
  284. package/dist/components/ui/overlay/index.d.ts.map +1 -0
  285. package/dist/components/ui/overlay/index.esm.js +9 -0
  286. package/dist/components/ui/overlay/index.js +9 -0
  287. package/dist/components/ui/overlay/modal.d.ts +8 -0
  288. package/dist/components/ui/overlay/modal.d.ts.map +1 -0
  289. package/dist/components/ui/overlay/modal.esm.js +118 -0
  290. package/dist/components/ui/overlay/modal.js +118 -0
  291. package/dist/components/ui/overlay/overlay-manager.d.ts +17 -0
  292. package/dist/components/ui/overlay/overlay-manager.d.ts.map +1 -0
  293. package/dist/components/ui/overlay/overlay-manager.esm.js +73 -0
  294. package/dist/components/ui/overlay/overlay-manager.js +73 -0
  295. package/dist/components/ui/overlay/popover.d.ts +9 -0
  296. package/dist/components/ui/overlay/popover.d.ts.map +1 -0
  297. package/dist/components/ui/overlay/popover.esm.js +284 -0
  298. package/dist/components/ui/overlay/popover.js +284 -0
  299. package/dist/components/ui/overlay/portal.d.ts +5 -0
  300. package/dist/components/ui/overlay/portal.d.ts.map +1 -0
  301. package/dist/components/ui/overlay/portal.esm.js +52 -0
  302. package/dist/components/ui/overlay/portal.js +52 -0
  303. package/dist/components/ui/overlay/tooltip.d.ts +6 -0
  304. package/dist/components/ui/overlay/tooltip.d.ts.map +1 -0
  305. package/dist/components/ui/overlay/tooltip.esm.js +219 -0
  306. package/dist/components/ui/overlay/tooltip.js +219 -0
  307. package/dist/components/ui/overlay/types.d.ts +171 -0
  308. package/dist/components/ui/overlay/types.d.ts.map +1 -0
  309. package/dist/components/ui/overlay/types.esm.js +2 -0
  310. package/dist/components/ui/overlay/types.js +2 -0
  311. package/dist/components/ui/performance-demo.d.ts +3 -0
  312. package/dist/components/ui/performance-demo.d.ts.map +1 -0
  313. package/dist/components/ui/performance-demo.esm.js +111 -0
  314. package/dist/components/ui/performance-demo.js +111 -0
  315. package/dist/components/ui/semantic-input-system-demo.d.ts +3 -0
  316. package/dist/components/ui/semantic-input-system-demo.d.ts.map +1 -0
  317. package/dist/components/ui/semantic-input-system-demo.esm.js +89 -0
  318. package/dist/components/ui/semantic-input-system-demo.js +89 -0
  319. package/dist/components/ui/theme-customizer.d.ts +27 -0
  320. package/dist/components/ui/theme-customizer.d.ts.map +1 -0
  321. package/dist/components/ui/theme-customizer.esm.js +140 -0
  322. package/dist/components/ui/theme-customizer.js +140 -0
  323. package/dist/components/ui/theme-preview.d.ts +11 -0
  324. package/dist/components/ui/theme-preview.d.ts.map +1 -0
  325. package/dist/components/ui/theme-preview.esm.js +49 -0
  326. package/dist/components/ui/theme-preview.js +49 -0
  327. package/dist/components/ui/theme-switcher.d.ts +11 -0
  328. package/dist/components/ui/theme-switcher.d.ts.map +1 -0
  329. package/dist/components/ui/theme-switcher.esm.js +87 -0
  330. package/dist/components/ui/theme-switcher.js +87 -0
  331. package/dist/components/ui/theme-toggle.d.ts +3 -0
  332. package/dist/components/ui/theme-toggle.d.ts.map +1 -0
  333. package/dist/components/ui/theme-toggle.esm.js +36 -0
  334. package/dist/components/ui/theme-toggle.js +36 -0
  335. package/dist/components/ui/token-demo.d.ts +3 -0
  336. package/dist/components/ui/token-demo.d.ts.map +1 -0
  337. package/dist/components/ui/token-demo.esm.js +50 -0
  338. package/dist/components/ui/token-demo.js +50 -0
  339. package/dist/components/ui/touch-demo.d.ts +3 -0
  340. package/dist/components/ui/touch-demo.d.ts.map +1 -0
  341. package/dist/components/ui/touch-demo.esm.js +97 -0
  342. package/dist/components/ui/touch-demo.js +97 -0
  343. package/dist/components/ui/touch-friendly-interface-demo.d.ts +3 -0
  344. package/dist/components/ui/touch-friendly-interface-demo.d.ts.map +1 -0
  345. package/dist/components/ui/touch-friendly-interface-demo.esm.js +64 -0
  346. package/dist/components/ui/touch-friendly-interface-demo.js +64 -0
  347. package/dist/components/ui/touch-friendly-interface.d.ts +31 -0
  348. package/dist/components/ui/touch-friendly-interface.d.ts.map +1 -0
  349. package/dist/components/ui/touch-friendly-interface.esm.js +119 -0
  350. package/dist/components/ui/touch-friendly-interface.js +119 -0
  351. package/dist/hooks/index.d.ts +47 -0
  352. package/dist/hooks/index.d.ts.map +1 -0
  353. package/dist/hooks/index.esm.js +32 -0
  354. package/dist/hooks/index.js +32 -0
  355. package/dist/hooks/use-accessibility-support.d.ts +74 -0
  356. package/dist/hooks/use-accessibility-support.d.ts.map +1 -0
  357. package/dist/hooks/use-accessibility-support.esm.js +377 -0
  358. package/dist/hooks/use-accessibility-support.js +377 -0
  359. package/dist/hooks/use-adaptive-layout.d.ts +58 -0
  360. package/dist/hooks/use-adaptive-layout.d.ts.map +1 -0
  361. package/dist/hooks/use-adaptive-layout.esm.js +219 -0
  362. package/dist/hooks/use-adaptive-layout.js +219 -0
  363. package/dist/hooks/use-advanced-patterns.d.ts +88 -0
  364. package/dist/hooks/use-advanced-patterns.d.ts.map +1 -0
  365. package/dist/hooks/use-advanced-patterns.esm.js +186 -0
  366. package/dist/hooks/use-advanced-patterns.js +186 -0
  367. package/dist/hooks/use-advanced-transition-system.d.ts +59 -0
  368. package/dist/hooks/use-advanced-transition-system.d.ts.map +1 -0
  369. package/dist/hooks/use-advanced-transition-system.esm.js +287 -0
  370. package/dist/hooks/use-advanced-transition-system.js +287 -0
  371. package/dist/hooks/use-animation-profile.d.ts +45 -0
  372. package/dist/hooks/use-animation-profile.d.ts.map +1 -0
  373. package/dist/hooks/use-animation-profile.esm.js +226 -0
  374. package/dist/hooks/use-animation-profile.js +226 -0
  375. package/dist/hooks/use-battery-animations.d.ts +53 -0
  376. package/dist/hooks/use-battery-animations.d.ts.map +1 -0
  377. package/dist/hooks/use-battery-animations.esm.js +310 -0
  378. package/dist/hooks/use-battery-animations.js +310 -0
  379. package/dist/hooks/use-battery-conscious-loading.d.ts +58 -0
  380. package/dist/hooks/use-battery-conscious-loading.d.ts.map +1 -0
  381. package/dist/hooks/use-battery-conscious-loading.esm.js +381 -0
  382. package/dist/hooks/use-battery-conscious-loading.js +381 -0
  383. package/dist/hooks/use-battery-optimization.d.ts +45 -0
  384. package/dist/hooks/use-battery-optimization.d.ts.map +1 -0
  385. package/dist/hooks/use-battery-optimization.esm.js +268 -0
  386. package/dist/hooks/use-battery-optimization.js +268 -0
  387. package/dist/hooks/use-battery-status.d.ts +57 -0
  388. package/dist/hooks/use-battery-status.d.ts.map +1 -0
  389. package/dist/hooks/use-battery-status.esm.js +219 -0
  390. package/dist/hooks/use-battery-status.js +219 -0
  391. package/dist/hooks/use-component-performance.d.ts +67 -0
  392. package/dist/hooks/use-component-performance.d.ts.map +1 -0
  393. package/dist/hooks/use-component-performance.esm.js +239 -0
  394. package/dist/hooks/use-component-performance.js +239 -0
  395. package/dist/hooks/use-device-loading-states.d.ts +61 -0
  396. package/dist/hooks/use-device-loading-states.d.ts.map +1 -0
  397. package/dist/hooks/use-device-loading-states.esm.js +358 -0
  398. package/dist/hooks/use-device-loading-states.js +358 -0
  399. package/dist/hooks/use-device.d.ts +22 -0
  400. package/dist/hooks/use-device.d.ts.map +1 -0
  401. package/dist/hooks/use-device.esm.js +93 -0
  402. package/dist/hooks/use-device.js +93 -0
  403. package/dist/hooks/use-enterprise-mobile-experience.d.ts +84 -0
  404. package/dist/hooks/use-enterprise-mobile-experience.d.ts.map +1 -0
  405. package/dist/hooks/use-enterprise-mobile-experience.esm.js +350 -0
  406. package/dist/hooks/use-enterprise-mobile-experience.js +350 -0
  407. package/dist/hooks/use-form-feedback.d.ts +91 -0
  408. package/dist/hooks/use-form-feedback.d.ts.map +1 -0
  409. package/dist/hooks/use-form-feedback.esm.js +318 -0
  410. package/dist/hooks/use-form-feedback.js +318 -0
  411. package/dist/hooks/use-form-performance.d.ts +88 -0
  412. package/dist/hooks/use-form-performance.d.ts.map +1 -0
  413. package/dist/hooks/use-form-performance.esm.js +420 -0
  414. package/dist/hooks/use-form-performance.js +420 -0
  415. package/dist/hooks/use-frame-rate.d.ts +47 -0
  416. package/dist/hooks/use-frame-rate.d.ts.map +1 -0
  417. package/dist/hooks/use-frame-rate.esm.js +178 -0
  418. package/dist/hooks/use-frame-rate.js +178 -0
  419. package/dist/hooks/use-gestures.d.ts +94 -0
  420. package/dist/hooks/use-gestures.d.ts.map +1 -0
  421. package/dist/hooks/use-gestures.esm.js +236 -0
  422. package/dist/hooks/use-gestures.js +236 -0
  423. package/dist/hooks/use-hardware-acceleration.d.ts +53 -0
  424. package/dist/hooks/use-hardware-acceleration.d.ts.map +1 -0
  425. package/dist/hooks/use-hardware-acceleration.esm.js +248 -0
  426. package/dist/hooks/use-hardware-acceleration.js +248 -0
  427. package/dist/hooks/use-input-accessibility.d.ts +58 -0
  428. package/dist/hooks/use-input-accessibility.d.ts.map +1 -0
  429. package/dist/hooks/use-input-accessibility.esm.js +351 -0
  430. package/dist/hooks/use-input-accessibility.js +351 -0
  431. package/dist/hooks/use-input-performance.d.ts +55 -0
  432. package/dist/hooks/use-input-performance.d.ts.map +1 -0
  433. package/dist/hooks/use-input-performance.esm.js +423 -0
  434. package/dist/hooks/use-input-performance.js +423 -0
  435. package/dist/hooks/use-layout-performance.d.ts +39 -0
  436. package/dist/hooks/use-layout-performance.d.ts.map +1 -0
  437. package/dist/hooks/use-layout-performance.esm.js +233 -0
  438. package/dist/hooks/use-layout-performance.js +233 -0
  439. package/dist/hooks/use-loading-accessibility.d.ts +62 -0
  440. package/dist/hooks/use-loading-accessibility.d.ts.map +1 -0
  441. package/dist/hooks/use-loading-accessibility.esm.js +425 -0
  442. package/dist/hooks/use-loading-accessibility.js +425 -0
  443. package/dist/hooks/use-loading-performance.d.ts +51 -0
  444. package/dist/hooks/use-loading-performance.d.ts.map +1 -0
  445. package/dist/hooks/use-loading-performance.esm.js +402 -0
  446. package/dist/hooks/use-loading-performance.js +402 -0
  447. package/dist/hooks/use-memory-usage.d.ts +51 -0
  448. package/dist/hooks/use-memory-usage.d.ts.map +1 -0
  449. package/dist/hooks/use-memory-usage.esm.js +211 -0
  450. package/dist/hooks/use-memory-usage.js +211 -0
  451. package/dist/hooks/use-mobile-form-layout.d.ts +127 -0
  452. package/dist/hooks/use-mobile-form-layout.d.ts.map +1 -0
  453. package/dist/hooks/use-mobile-form-layout.esm.js +371 -0
  454. package/dist/hooks/use-mobile-form-layout.js +371 -0
  455. package/dist/hooks/use-mobile-form-validation.d.ts +100 -0
  456. package/dist/hooks/use-mobile-form-validation.d.ts.map +1 -0
  457. package/dist/hooks/use-mobile-form-validation.esm.js +405 -0
  458. package/dist/hooks/use-mobile-form-validation.js +405 -0
  459. package/dist/hooks/use-mobile-keyboard-optimization.d.ts +70 -0
  460. package/dist/hooks/use-mobile-keyboard-optimization.d.ts.map +1 -0
  461. package/dist/hooks/use-mobile-keyboard-optimization.esm.js +358 -0
  462. package/dist/hooks/use-mobile-keyboard-optimization.js +358 -0
  463. package/dist/hooks/use-mobile-layout.d.ts +56 -0
  464. package/dist/hooks/use-mobile-layout.d.ts.map +1 -0
  465. package/dist/hooks/use-mobile-layout.esm.js +215 -0
  466. package/dist/hooks/use-mobile-layout.js +215 -0
  467. package/dist/hooks/use-mobile-optimization.d.ts +55 -0
  468. package/dist/hooks/use-mobile-optimization.d.ts.map +1 -0
  469. package/dist/hooks/use-mobile-optimization.esm.js +310 -0
  470. package/dist/hooks/use-mobile-optimization.js +310 -0
  471. package/dist/hooks/use-mobile-skeleton.d.ts +59 -0
  472. package/dist/hooks/use-mobile-skeleton.d.ts.map +1 -0
  473. package/dist/hooks/use-mobile-skeleton.esm.js +300 -0
  474. package/dist/hooks/use-mobile-skeleton.js +300 -0
  475. package/dist/hooks/use-mobile-touch.d.ts +86 -0
  476. package/dist/hooks/use-mobile-touch.d.ts.map +1 -0
  477. package/dist/hooks/use-mobile-touch.esm.js +316 -0
  478. package/dist/hooks/use-mobile-touch.js +316 -0
  479. package/dist/hooks/use-performance-throttling.d.ts +48 -0
  480. package/dist/hooks/use-performance-throttling.d.ts.map +1 -0
  481. package/dist/hooks/use-performance-throttling.esm.js +280 -0
  482. package/dist/hooks/use-performance-throttling.js +280 -0
  483. package/dist/hooks/use-performance.d.ts +73 -0
  484. package/dist/hooks/use-performance.d.ts.map +1 -0
  485. package/dist/hooks/use-performance.esm.js +219 -0
  486. package/dist/hooks/use-performance.js +219 -0
  487. package/dist/hooks/use-reusable-architecture.d.ts +94 -0
  488. package/dist/hooks/use-reusable-architecture.d.ts.map +1 -0
  489. package/dist/hooks/use-reusable-architecture.esm.js +261 -0
  490. package/dist/hooks/use-reusable-architecture.js +261 -0
  491. package/dist/hooks/use-semantic-input-types.d.ts +57 -0
  492. package/dist/hooks/use-semantic-input-types.d.ts.map +1 -0
  493. package/dist/hooks/use-semantic-input-types.esm.js +291 -0
  494. package/dist/hooks/use-semantic-input-types.js +291 -0
  495. package/dist/hooks/use-semantic-input.d.ts +73 -0
  496. package/dist/hooks/use-semantic-input.d.ts.map +1 -0
  497. package/dist/hooks/use-semantic-input.esm.js +462 -0
  498. package/dist/hooks/use-semantic-input.js +462 -0
  499. package/dist/hooks/use-tablet-layout.d.ts +74 -0
  500. package/dist/hooks/use-tablet-layout.d.ts.map +1 -0
  501. package/dist/hooks/use-tablet-layout.esm.js +279 -0
  502. package/dist/hooks/use-tablet-layout.js +279 -0
  503. package/dist/hooks/use-touch-friendly-input.d.ts +75 -0
  504. package/dist/hooks/use-touch-friendly-input.d.ts.map +1 -0
  505. package/dist/hooks/use-touch-friendly-input.esm.js +406 -0
  506. package/dist/hooks/use-touch-friendly-input.js +406 -0
  507. package/dist/hooks/use-touch-friendly-interface.d.ts +56 -0
  508. package/dist/hooks/use-touch-friendly-interface.d.ts.map +1 -0
  509. package/dist/hooks/use-touch-friendly-interface.esm.js +242 -0
  510. package/dist/hooks/use-touch-friendly-interface.js +242 -0
  511. package/dist/hooks/use-touch-optimization.d.ts +66 -0
  512. package/dist/hooks/use-touch-optimization.d.ts.map +1 -0
  513. package/dist/hooks/use-touch-optimization.esm.js +293 -0
  514. package/dist/hooks/use-touch-optimization.js +293 -0
  515. package/dist/index.d.ts +388 -0
  516. package/dist/index.d.ts.map +1 -0
  517. package/dist/index.esm.js +233 -0
  518. package/dist/index.js +233 -0
  519. package/dist/lib/utils.d.ts +3 -0
  520. package/dist/lib/utils.d.ts.map +1 -0
  521. package/dist/lib/utils.esm.js +5 -0
  522. package/dist/lib/utils.js +5 -0
  523. package/dist/plugins/css-purge-optimizer.d.ts +25 -0
  524. package/dist/plugins/css-purge-optimizer.d.ts.map +1 -0
  525. package/dist/plugins/css-purge-optimizer.esm.js +414 -0
  526. package/dist/plugins/css-purge-optimizer.js +414 -0
  527. package/dist/plugins/performance-monitor.d.ts +29 -0
  528. package/dist/plugins/performance-monitor.d.ts.map +1 -0
  529. package/dist/plugins/performance-monitor.esm.js +221 -0
  530. package/dist/plugins/performance-monitor.js +221 -0
  531. package/dist/plugins/progressive-css-loader.d.ts +21 -0
  532. package/dist/plugins/progressive-css-loader.d.ts.map +1 -0
  533. package/dist/plugins/progressive-css-loader.esm.js +227 -0
  534. package/dist/plugins/progressive-css-loader.js +227 -0
  535. package/dist/plugins/theme-css-generator.d.ts +3 -0
  536. package/dist/plugins/theme-css-generator.d.ts.map +1 -0
  537. package/dist/plugins/theme-css-generator.esm.js +277 -0
  538. package/dist/plugins/theme-css-generator.js +277 -0
  539. package/dist/provider.d.ts +9 -0
  540. package/dist/provider.d.ts.map +1 -0
  541. package/dist/provider.esm.js +4 -0
  542. package/dist/provider.js +4 -0
  543. package/dist/styles/layers/validation.d.ts +20 -0
  544. package/dist/styles/layers/validation.d.ts.map +1 -0
  545. package/dist/styles/layers/validation.esm.js +275 -0
  546. package/dist/styles/layers/validation.js +275 -0
  547. package/dist/styles.css +25372 -0
  548. package/dist/theme.d.ts +7 -0
  549. package/dist/theme.d.ts.map +1 -0
  550. package/dist/theme.esm.js +679 -0
  551. package/dist/theme.js +679 -0
  552. package/dist/themes/ThemeContext.d.ts +23 -0
  553. package/dist/themes/ThemeContext.d.ts.map +1 -0
  554. package/dist/themes/ThemeContext.esm.js +5 -0
  555. package/dist/themes/ThemeContext.js +5 -0
  556. package/dist/themes/ThemeProvider.d.ts +3 -0
  557. package/dist/themes/ThemeProvider.d.ts.map +1 -0
  558. package/dist/themes/ThemeProvider.esm.js +200 -0
  559. package/dist/themes/ThemeProvider.js +200 -0
  560. package/dist/themes/accessibility/index.d.ts +19 -0
  561. package/dist/themes/accessibility/index.d.ts.map +1 -0
  562. package/dist/themes/accessibility/index.esm.js +23 -0
  563. package/dist/themes/accessibility/index.js +23 -0
  564. package/dist/themes/accessibility.d.ts +59 -0
  565. package/dist/themes/accessibility.d.ts.map +1 -0
  566. package/dist/themes/accessibility.esm.js +194 -0
  567. package/dist/themes/accessibility.js +194 -0
  568. package/dist/themes/aria-patterns.d.ts +153 -0
  569. package/dist/themes/aria-patterns.d.ts.map +1 -0
  570. package/dist/themes/aria-patterns.esm.js +364 -0
  571. package/dist/themes/aria-patterns.js +364 -0
  572. package/dist/themes/base-themes.d.ts +36 -0
  573. package/dist/themes/base-themes.d.ts.map +1 -0
  574. package/dist/themes/base-themes.esm.js +53 -0
  575. package/dist/themes/base-themes.js +53 -0
  576. package/dist/themes/colorManager.d.ts +64 -0
  577. package/dist/themes/colorManager.d.ts.map +1 -0
  578. package/dist/themes/colorManager.esm.js +316 -0
  579. package/dist/themes/colorManager.js +316 -0
  580. package/dist/themes/examples/dark-theme.d.ts +13 -0
  581. package/dist/themes/examples/dark-theme.d.ts.map +1 -0
  582. package/dist/themes/examples/dark-theme.esm.js +150 -0
  583. package/dist/themes/examples/dark-theme.js +150 -0
  584. package/dist/themes/examples/minimal-theme.d.ts +6 -0
  585. package/dist/themes/examples/minimal-theme.d.ts.map +1 -0
  586. package/dist/themes/examples/minimal-theme.esm.js +103 -0
  587. package/dist/themes/examples/minimal-theme.js +103 -0
  588. package/dist/themes/focus-management.d.ts +110 -0
  589. package/dist/themes/focus-management.d.ts.map +1 -0
  590. package/dist/themes/focus-management.esm.js +565 -0
  591. package/dist/themes/focus-management.js +565 -0
  592. package/dist/themes/fontLoader.d.ts +49 -0
  593. package/dist/themes/fontLoader.d.ts.map +1 -0
  594. package/dist/themes/fontLoader.esm.js +172 -0
  595. package/dist/themes/fontLoader.js +172 -0
  596. package/dist/themes/high-contrast.d.ts +70 -0
  597. package/dist/themes/high-contrast.d.ts.map +1 -0
  598. package/dist/themes/high-contrast.esm.js +457 -0
  599. package/dist/themes/high-contrast.js +457 -0
  600. package/dist/themes/index.d.ts +9 -0
  601. package/dist/themes/index.d.ts.map +1 -0
  602. package/dist/themes/index.esm.js +13 -0
  603. package/dist/themes/index.js +13 -0
  604. package/dist/themes/inheritance.d.ts +90 -0
  605. package/dist/themes/inheritance.d.ts.map +1 -0
  606. package/dist/themes/inheritance.esm.js +192 -0
  607. package/dist/themes/inheritance.js +192 -0
  608. package/dist/themes/keyboard-navigation.d.ts +213 -0
  609. package/dist/themes/keyboard-navigation.d.ts.map +1 -0
  610. package/dist/themes/keyboard-navigation.esm.js +458 -0
  611. package/dist/themes/keyboard-navigation.js +458 -0
  612. package/dist/themes/motion-reduction.d.ts +121 -0
  613. package/dist/themes/motion-reduction.d.ts.map +1 -0
  614. package/dist/themes/motion-reduction.esm.js +505 -0
  615. package/dist/themes/motion-reduction.js +505 -0
  616. package/dist/themes/navigation.d.ts +201 -0
  617. package/dist/themes/navigation.d.ts.map +1 -0
  618. package/dist/themes/navigation.esm.js +5 -0
  619. package/dist/themes/navigation.js +5 -0
  620. package/dist/themes/phase1-constants.d.ts +23 -0
  621. package/dist/themes/phase1-constants.d.ts.map +1 -0
  622. package/dist/themes/phase1-constants.esm.js +180 -0
  623. package/dist/themes/phase1-constants.js +180 -0
  624. package/dist/themes/screen-reader.d.ts +86 -0
  625. package/dist/themes/screen-reader.d.ts.map +1 -0
  626. package/dist/themes/screen-reader.esm.js +544 -0
  627. package/dist/themes/screen-reader.js +544 -0
  628. package/dist/themes/systemThemeDetector.d.ts +58 -0
  629. package/dist/themes/systemThemeDetector.d.ts.map +1 -0
  630. package/dist/themes/systemThemeDetector.esm.js +153 -0
  631. package/dist/themes/systemThemeDetector.js +153 -0
  632. package/dist/themes/themeCSSUpdater.d.ts +46 -0
  633. package/dist/themes/themeCSSUpdater.d.ts.map +1 -0
  634. package/dist/themes/themeCSSUpdater.esm.js +227 -0
  635. package/dist/themes/themeCSSUpdater.js +227 -0
  636. package/dist/themes/themePersistence.d.ts +84 -0
  637. package/dist/themes/themePersistence.d.ts.map +1 -0
  638. package/dist/themes/themePersistence.esm.js +207 -0
  639. package/dist/themes/themePersistence.js +207 -0
  640. package/dist/themes/themes/default.d.ts +9 -0
  641. package/dist/themes/themes/default.d.ts.map +1 -0
  642. package/dist/themes/themes/default.esm.js +587 -0
  643. package/dist/themes/themes/default.js +587 -0
  644. package/dist/themes/themes/jeremy.d.ts +7 -0
  645. package/dist/themes/themes/jeremy.d.ts.map +1 -0
  646. package/dist/themes/themes/jeremy.esm.js +679 -0
  647. package/dist/themes/themes/jeremy.js +679 -0
  648. package/dist/themes/types.d.ts +462 -0
  649. package/dist/themes/types.d.ts.map +1 -0
  650. package/dist/themes/types.esm.js +3 -0
  651. package/dist/themes/types.js +3 -0
  652. package/dist/themes/useSystemTheme.d.ts +11 -0
  653. package/dist/themes/useSystemTheme.d.ts.map +1 -0
  654. package/dist/themes/useSystemTheme.esm.js +40 -0
  655. package/dist/themes/useSystemTheme.js +40 -0
  656. package/dist/themes/useTheme.d.ts +70 -0
  657. package/dist/themes/useTheme.d.ts.map +1 -0
  658. package/dist/themes/useTheme.esm.js +82 -0
  659. package/dist/themes/useTheme.js +82 -0
  660. package/dist/themes/validation.d.ts +88 -0
  661. package/dist/themes/validation.d.ts.map +1 -0
  662. package/dist/themes/validation.esm.js +627 -0
  663. package/dist/themes/validation.js +627 -0
  664. package/dist/tokens/index.d.ts +11 -0
  665. package/dist/tokens/index.d.ts.map +1 -0
  666. package/dist/tokens/index.esm.js +11 -0
  667. package/dist/tokens/index.js +11 -0
  668. package/dist/tokens/tokenExporter.d.ts +84 -0
  669. package/dist/tokens/tokenExporter.d.ts.map +1 -0
  670. package/dist/tokens/tokenExporter.esm.js +333 -0
  671. package/dist/tokens/tokenExporter.js +333 -0
  672. package/dist/tokens/tokenGenerator.d.ts +37 -0
  673. package/dist/tokens/tokenGenerator.d.ts.map +1 -0
  674. package/dist/tokens/tokenGenerator.esm.js +244 -0
  675. package/dist/tokens/tokenGenerator.js +244 -0
  676. package/dist/tokens/tokenManager.d.ts +92 -0
  677. package/dist/tokens/tokenManager.d.ts.map +1 -0
  678. package/dist/tokens/tokenManager.esm.js +194 -0
  679. package/dist/tokens/tokenManager.js +194 -0
  680. package/dist/tokens/tokenValidator.d.ts +91 -0
  681. package/dist/tokens/tokenValidator.d.ts.map +1 -0
  682. package/dist/tokens/tokenValidator.esm.js +423 -0
  683. package/dist/tokens/tokenValidator.js +423 -0
  684. package/dist/tokens/types.d.ts +58 -0
  685. package/dist/tokens/types.d.ts.map +1 -0
  686. package/dist/tokens/types.esm.js +1 -0
  687. package/dist/tokens/types.js +1 -0
  688. package/dist/types.d.ts +462 -0
  689. package/dist/types.d.ts.map +1 -0
  690. package/dist/types.esm.js +3 -0
  691. package/dist/types.js +3 -0
  692. package/dist/utils/bundle-analyzer.d.ts +43 -0
  693. package/dist/utils/bundle-analyzer.d.ts.map +1 -0
  694. package/dist/utils/bundle-analyzer.esm.js +202 -0
  695. package/dist/utils/bundle-analyzer.js +202 -0
  696. package/dist/utils/bundle-splitting.d.ts +71 -0
  697. package/dist/utils/bundle-splitting.d.ts.map +1 -0
  698. package/dist/utils/bundle-splitting.esm.js +355 -0
  699. package/dist/utils/bundle-splitting.js +355 -0
  700. package/dist/utils/lazy-loading.d.ts +72 -0
  701. package/dist/utils/lazy-loading.d.ts.map +1 -0
  702. package/dist/utils/lazy-loading.esm.js +336 -0
  703. package/dist/utils/lazy-loading.js +336 -0
  704. package/dist/utils/performance-monitor.d.ts +81 -0
  705. package/dist/utils/performance-monitor.d.ts.map +1 -0
  706. package/dist/utils/performance-monitor.esm.js +392 -0
  707. package/dist/utils/performance-monitor.js +392 -0
  708. package/dist/utils/progressive-css-injector.d.ts +80 -0
  709. package/dist/utils/progressive-css-injector.d.ts.map +1 -0
  710. package/dist/utils/progressive-css-injector.esm.js +217 -0
  711. package/dist/utils/progressive-css-injector.js +217 -0
  712. package/dist/utils/tree-shaking.d.ts +47 -0
  713. package/dist/utils/tree-shaking.d.ts.map +1 -0
  714. package/dist/utils/tree-shaking.esm.js +204 -0
  715. package/dist/utils/tree-shaking.js +204 -0
  716. package/package.json +92 -0
  717. package/src/components/ui/accessibility-demo.tsx +274 -0
  718. package/src/components/ui/advanced-component-architecture-demo.tsx +919 -0
  719. package/src/components/ui/advanced-transition-system-demo.tsx +673 -0
  720. package/src/components/ui/advanced-transition-system.tsx +398 -0
  721. package/src/components/ui/animation/animated-container.tsx +169 -0
  722. package/src/components/ui/animation/index.ts +19 -0
  723. package/src/components/ui/animation/staggered-container.tsx +69 -0
  724. package/src/components/ui/animation-demo.tsx +253 -0
  725. package/src/components/ui/badge.tsx +33 -0
  726. package/src/components/ui/battery-conscious-animation-demo.tsx +571 -0
  727. package/src/components/ui/border-radius-shadow-demo.tsx +187 -0
  728. package/src/components/ui/button.tsx +41 -0
  729. package/src/components/ui/card.tsx +207 -0
  730. package/src/components/ui/checkbox.tsx +32 -0
  731. package/src/components/ui/color-preview.tsx +411 -0
  732. package/src/components/ui/data-display/chart.tsx +656 -0
  733. package/src/components/ui/data-display/data-grid-simple.tsx +76 -0
  734. package/src/components/ui/data-display/data-grid.tsx +684 -0
  735. package/src/components/ui/data-display/list.tsx +459 -0
  736. package/src/components/ui/data-display/table.tsx +486 -0
  737. package/src/components/ui/data-display/timeline.tsx +444 -0
  738. package/src/components/ui/data-display/tree.tsx +605 -0
  739. package/src/components/ui/data-display/types.ts +540 -0
  740. package/src/components/ui/enterprise-mobile-experience-demo.tsx +752 -0
  741. package/src/components/ui/enterprise-mobile-experience.tsx +467 -0
  742. package/src/components/ui/feedback/alert.tsx +163 -0
  743. package/src/components/ui/feedback/index.ts +35 -0
  744. package/src/components/ui/feedback/progress.tsx +279 -0
  745. package/src/components/ui/feedback/skeleton.tsx +185 -0
  746. package/src/components/ui/feedback/status-alert-example.ts +71 -0
  747. package/src/components/ui/feedback/toast-context.tsx +145 -0
  748. package/src/components/ui/feedback/toast-example.tsx +65 -0
  749. package/src/components/ui/feedback/toast-renderer.tsx +61 -0
  750. package/src/components/ui/feedback/toast.tsx +285 -0
  751. package/src/components/ui/feedback/types.ts +145 -0
  752. package/src/components/ui/font-preview.tsx +288 -0
  753. package/src/components/ui/form-demo.tsx +556 -0
  754. package/src/components/ui/hardware-acceleration-demo.tsx +550 -0
  755. package/src/components/ui/input.tsx +37 -0
  756. package/src/components/ui/label.tsx +16 -0
  757. package/src/components/ui/layout/container.tsx +312 -0
  758. package/src/components/ui/layout/index.ts +10 -0
  759. package/src/components/ui/layout/responsive-grid.tsx +286 -0
  760. package/src/components/ui/layout-demo.tsx +370 -0
  761. package/src/components/ui/layouts/adaptive-layout.tsx +120 -0
  762. package/src/components/ui/layouts/desktop-layout.tsx +213 -0
  763. package/src/components/ui/layouts/index.ts +10 -0
  764. package/src/components/ui/layouts/mobile-layout.tsx +165 -0
  765. package/src/components/ui/layouts/tablet-layout.tsx +200 -0
  766. package/src/components/ui/mobile-form-validation.tsx +454 -0
  767. package/src/components/ui/mobile-input-demo.tsx +201 -0
  768. package/src/components/ui/mobile-input.tsx +283 -0
  769. package/src/components/ui/mobile-skeleton-loading-demo.tsx +641 -0
  770. package/src/components/ui/navigation/breadcrumb.tsx +160 -0
  771. package/src/components/ui/navigation/index.ts +51 -0
  772. package/src/components/ui/navigation/menu.tsx +376 -0
  773. package/src/components/ui/navigation/navigation-demo.tsx +326 -0
  774. package/src/components/ui/navigation/pagination.tsx +274 -0
  775. package/src/components/ui/navigation/progressive-navigation.tsx +453 -0
  776. package/src/components/ui/navigation/sidebar.tsx +385 -0
  777. package/src/components/ui/navigation/stepper.tsx +305 -0
  778. package/src/components/ui/navigation/subscription-badge.tsx +110 -0
  779. package/src/components/ui/navigation/tabs.tsx +207 -0
  780. package/src/components/ui/navigation/types.ts +354 -0
  781. package/src/components/ui/navigation/user-avatar.tsx +111 -0
  782. package/src/components/ui/navigation/user-menu-examples.tsx +551 -0
  783. package/src/components/ui/navigation/user-menu-types.ts +308 -0
  784. package/src/components/ui/navigation/user-menu.tsx +414 -0
  785. package/src/components/ui/overlay/backdrop.tsx +83 -0
  786. package/src/components/ui/overlay/focus-manager.tsx +146 -0
  787. package/src/components/ui/overlay/index.ts +36 -0
  788. package/src/components/ui/overlay/modal.tsx +273 -0
  789. package/src/components/ui/overlay/overlay-manager.tsx +113 -0
  790. package/src/components/ui/overlay/popover.tsx +465 -0
  791. package/src/components/ui/overlay/portal.tsx +82 -0
  792. package/src/components/ui/overlay/tooltip.tsx +306 -0
  793. package/src/components/ui/overlay/types.ts +196 -0
  794. package/src/components/ui/performance-demo.tsx +599 -0
  795. package/src/components/ui/semantic-input-system-demo.tsx +505 -0
  796. package/src/components/ui/semantic-input-system-demo.tsx.disabled +873 -0
  797. package/src/components/ui/theme-customizer.tsx +389 -0
  798. package/src/components/ui/theme-preview.tsx +310 -0
  799. package/src/components/ui/theme-switcher.tsx +267 -0
  800. package/src/components/ui/theme-toggle.tsx +56 -0
  801. package/src/components/ui/token-demo.tsx +198 -0
  802. package/src/components/ui/touch-demo.tsx +465 -0
  803. package/src/components/ui/touch-friendly-interface-demo.tsx +522 -0
  804. package/src/components/ui/touch-friendly-interface.tsx +299 -0
  805. package/src/hooks/index.ts +190 -0
  806. package/src/hooks/use-accessibility-support.ts +518 -0
  807. package/src/hooks/use-adaptive-layout.ts +293 -0
  808. package/src/hooks/use-advanced-patterns.ts +294 -0
  809. package/src/hooks/use-advanced-transition-system.ts +393 -0
  810. package/src/hooks/use-animation-profile.ts +288 -0
  811. package/src/hooks/use-battery-animations.ts +384 -0
  812. package/src/hooks/use-battery-conscious-loading.ts +475 -0
  813. package/src/hooks/use-battery-optimization.ts +330 -0
  814. package/src/hooks/use-battery-status.ts +299 -0
  815. package/src/hooks/use-component-performance.ts +345 -0
  816. package/src/hooks/use-device-loading-states.ts +459 -0
  817. package/src/hooks/use-device.tsx +119 -0
  818. package/src/hooks/use-enterprise-mobile-experience.ts +488 -0
  819. package/src/hooks/use-form-feedback.ts +403 -0
  820. package/src/hooks/use-form-performance.ts +513 -0
  821. package/src/hooks/use-frame-rate.ts +251 -0
  822. package/src/hooks/use-gestures.ts +338 -0
  823. package/src/hooks/use-hardware-acceleration.ts +341 -0
  824. package/src/hooks/use-input-accessibility.ts +455 -0
  825. package/src/hooks/use-input-performance.ts +506 -0
  826. package/src/hooks/use-layout-performance.ts +319 -0
  827. package/src/hooks/use-loading-accessibility.ts +535 -0
  828. package/src/hooks/use-loading-performance.ts +473 -0
  829. package/src/hooks/use-memory-usage.ts +287 -0
  830. package/src/hooks/use-mobile-form-layout.ts +464 -0
  831. package/src/hooks/use-mobile-form-validation.ts +518 -0
  832. package/src/hooks/use-mobile-keyboard-optimization.ts +472 -0
  833. package/src/hooks/use-mobile-layout.ts +302 -0
  834. package/src/hooks/use-mobile-optimization.ts +406 -0
  835. package/src/hooks/use-mobile-skeleton.ts +402 -0
  836. package/src/hooks/use-mobile-touch.ts +414 -0
  837. package/src/hooks/use-performance-throttling.ts +348 -0
  838. package/src/hooks/use-performance.ts +316 -0
  839. package/src/hooks/use-reusable-architecture.ts +414 -0
  840. package/src/hooks/use-semantic-input-types.ts +357 -0
  841. package/src/hooks/use-semantic-input.ts +565 -0
  842. package/src/hooks/use-tablet-layout.ts +384 -0
  843. package/src/hooks/use-touch-friendly-input.ts +524 -0
  844. package/src/hooks/use-touch-friendly-interface.ts +331 -0
  845. package/src/hooks/use-touch-optimization.ts +375 -0
  846. package/src/index.css +1049 -0
  847. package/src/index.ts +412 -0
  848. package/src/lib/utils.ts +6 -0
  849. package/src/plugins/css-purge-optimizer.ts +491 -0
  850. package/src/plugins/performance-monitor.ts +292 -0
  851. package/src/plugins/progressive-css-loader.ts +269 -0
  852. package/src/plugins/theme-css-generator.ts +334 -0
  853. package/src/provider.tsx +20 -0
  854. package/src/styles/base/fonts.css +30 -0
  855. package/src/styles/base/index.css +7 -0
  856. package/src/styles/base/reset.css +48 -0
  857. package/src/styles/base/theme.css +1068 -0
  858. package/src/styles/base/typography.css +68 -0
  859. package/src/styles/base/variables.css +5 -0
  860. package/src/styles/components/CLAUDE.md +62 -0
  861. package/src/styles/components/base/badge.css +432 -0
  862. package/src/styles/components/base/button.css +980 -0
  863. package/src/styles/components/base/card.css +605 -0
  864. package/src/styles/components/base/checkbox.css +446 -0
  865. package/src/styles/components/base/index.css +9 -0
  866. package/src/styles/components/base/input.css +891 -0
  867. package/src/styles/components/base/label.css +300 -0
  868. package/src/styles/components/data-display/chart.css +353 -0
  869. package/src/styles/components/data-display/data-grid.css +619 -0
  870. package/src/styles/components/data-display/index.css +9 -0
  871. package/src/styles/components/data-display/list.css +560 -0
  872. package/src/styles/components/data-display/table.css +498 -0
  873. package/src/styles/components/data-display/timeline.css +764 -0
  874. package/src/styles/components/data-display/tree.css +881 -0
  875. package/src/styles/components/feedback/alert.css +358 -0
  876. package/src/styles/components/feedback/index.css +7 -0
  877. package/src/styles/components/feedback/progress.css +468 -0
  878. package/src/styles/components/feedback/skeleton.css +337 -0
  879. package/src/styles/components/feedback/toast.css +564 -0
  880. package/src/styles/components/index.css +20 -0
  881. package/src/styles/components/layout/container.css +466 -0
  882. package/src/styles/components/layout/index.css +5 -0
  883. package/src/styles/components/layout/responsive-grid.css +422 -0
  884. package/src/styles/components/navigation/breadcrumb.css +465 -0
  885. package/src/styles/components/navigation/index.css +11 -0
  886. package/src/styles/components/navigation/menu.css +572 -0
  887. package/src/styles/components/navigation/pagination.css +635 -0
  888. package/src/styles/components/navigation/progressive-navigation.css +633 -0
  889. package/src/styles/components/navigation/sidebar.css +807 -0
  890. package/src/styles/components/navigation/stepper.css +519 -0
  891. package/src/styles/components/navigation/tabs.css +404 -0
  892. package/src/styles/components/navigation/user-menu.css +582 -0
  893. package/src/styles/components/overlay/backdrop.css +243 -0
  894. package/src/styles/components/overlay/index.css +8 -0
  895. package/src/styles/components/overlay/modal.css +482 -0
  896. package/src/styles/components/overlay/popover.css +607 -0
  897. package/src/styles/components/overlay/portal.css +213 -0
  898. package/src/styles/components/overlay/tooltip.css +488 -0
  899. package/src/styles/components/ui/index.css +4 -0
  900. package/src/styles/components/ui/theme-toggle.css +200 -0
  901. package/src/styles/generated-theme-variables.css +1 -0
  902. package/src/styles/index.css +5 -0
  903. package/src/styles/layers/index.css +33 -0
  904. package/src/styles/layers/overrides.css +108 -0
  905. package/src/styles/layers/validation.css +159 -0
  906. package/src/styles/layers/validation.js +310 -0
  907. package/src/styles/progressive.css +17 -0
  908. package/src/styles/themes/jeremy.css +646 -0
  909. package/src/styles/utilities/advanced-transition-system.css +467 -0
  910. package/src/styles/utilities/battery-conscious-animations.css +289 -0
  911. package/src/styles/utilities/design-system-utilities.css +278 -0
  912. package/src/styles/utilities/enterprise-mobile-experience.css +817 -0
  913. package/src/styles/utilities/hardware-acceleration.css +121 -0
  914. package/src/styles/utilities/index.css +23 -0
  915. package/src/styles/utilities/mobile-skeleton-loading.css +596 -0
  916. package/src/styles/utilities/semantic-input-system.css +445 -0
  917. package/src/styles/utilities/touch-friendly-interface.css +247 -0
  918. package/src/styles/utilities/touch-optimization.css +165 -0
  919. package/src/theme.ts +683 -0
  920. package/src/themes/README.md +272 -0
  921. package/src/themes/ThemeContext.tsx +31 -0
  922. package/src/themes/ThemeProvider.tsx +232 -0
  923. package/src/themes/accessibility/index.ts +27 -0
  924. package/src/themes/accessibility.ts +259 -0
  925. package/src/themes/aria-patterns.ts +420 -0
  926. package/src/themes/base-themes.ts +64 -0
  927. package/src/themes/colorManager.ts +380 -0
  928. package/src/themes/examples/dark-theme.ts +154 -0
  929. package/src/themes/examples/minimal-theme.ts +108 -0
  930. package/src/themes/focus-management.ts +701 -0
  931. package/src/themes/fontLoader.ts +201 -0
  932. package/src/themes/high-contrast.ts +621 -0
  933. package/src/themes/index.ts +20 -0
  934. package/src/themes/inheritance.ts +227 -0
  935. package/src/themes/keyboard-navigation.ts +550 -0
  936. package/src/themes/motion-reduction.ts +662 -0
  937. package/src/themes/navigation.ts +238 -0
  938. package/src/themes/phase1-constants.ts +189 -0
  939. package/src/themes/screen-reader.ts +645 -0
  940. package/src/themes/systemThemeDetector.ts +182 -0
  941. package/src/themes/themeCSSUpdater.ts +262 -0
  942. package/src/themes/themePersistence.ts +238 -0
  943. package/src/themes/themes/default.ts +590 -0
  944. package/src/themes/themes/jeremy.ts +683 -0
  945. package/src/themes/types.ts +540 -0
  946. package/src/themes/useSystemTheme.ts +48 -0
  947. package/src/themes/useTheme.ts +87 -0
  948. package/src/themes/validation.ts +711 -0
  949. package/src/tokens/index.ts +34 -0
  950. package/src/tokens/tokenExporter.ts +397 -0
  951. package/src/tokens/tokenGenerator.ts +276 -0
  952. package/src/tokens/tokenManager.ts +248 -0
  953. package/src/tokens/tokenValidator.ts +543 -0
  954. package/src/tokens/types.ts +78 -0
  955. package/src/types.ts +540 -0
  956. package/src/utils/bundle-analyzer.ts +260 -0
  957. package/src/utils/bundle-splitting.ts +483 -0
  958. package/src/utils/lazy-loading.ts +441 -0
  959. package/src/utils/performance-monitor.ts +513 -0
  960. package/src/utils/progressive-css-injector.ts +254 -0
  961. package/src/utils/tree-shaking.ts +274 -0
package/src/styles/components/layout/responsive-grid.css ADDED
@@ -0,0 +1,422 @@
1
+ /* Responsive Grid Component Styles */
2
+ /* Implements Phase 2 responsive grid system with 1-5 column progression */
3
+
4
+ /* Responsive Grid CSS Variables */
5
+ :root {
6
+ /* Default Grid Configuration */
7
+ --responsive-grid-columns-xs: 1;
8
+ --responsive-grid-columns-sm: 2;
9
+ --responsive-grid-columns-md: 2;
10
+ --responsive-grid-columns-lg: 3;
11
+ --responsive-grid-columns-xl: 4;
12
+ --responsive-grid-columns-2xl: 4;
13
+ --responsive-grid-columns-3xl: 5;
14
+
15
+ /* Default Gap Configuration */
16
+ --responsive-grid-gap-xs: 16px;
17
+ --responsive-grid-gap-sm: 20px;
18
+ --responsive-grid-gap-md: 24px;
19
+ --responsive-grid-gap-lg: 28px;
20
+ --responsive-grid-gap-xl: 32px;
21
+ --responsive-grid-gap-2xl: 36px;
22
+ --responsive-grid-gap-3xl: 40px;
23
+
24
+ /* Grid Alignment */
25
+ --responsive-grid-align-items: stretch;
26
+ --responsive-grid-justify-items: stretch;
27
+
28
+ /* Auto-fit Configuration */
29
+ --responsive-grid-min-item-width: 250px;
30
+
31
+ /* Grid Item Configuration */
32
+ --responsive-grid-item-align-self: auto;
33
+ --responsive-grid-item-justify-self: auto;
34
+
35
+ /* Animation Variables */
36
+ --responsive-grid-transition: var(--cs-transitions-duration-normal) var(--cs-transitions-easing-ease);
37
+ }
38
+
39
+ /* Base Responsive Grid */
40
+ .responsive-grid {
41
+ display: grid;
42
+ width: 100%;
43
+ align-items: var(--responsive-grid-align-items);
44
+ justify-items: var(--responsive-grid-justify-items);
45
+ transition: var(--responsive-grid-transition);
46
+ }
47
+
48
+ /* Auto-fit Grid */
49
+ .responsive-grid--auto-fit {
50
+ grid-template-columns: repeat(auto-fit, minmax(var(--responsive-grid-min-item-width), 1fr));
51
+ }
52
+
53
+ /* Fixed Column Grid - Responsive Breakpoints */
54
+ .responsive-grid:not(.responsive-grid--auto-fit) {
55
+ /* xs breakpoint (475px): 1 column */
56
+ grid-template-columns: repeat(var(--responsive-grid-columns-xs), 1fr);
57
+ gap: var(--responsive-grid-gap-xs);
58
+ }
59
+
60
+ /* sm breakpoint (640px): 2 columns */
61
+ @media (min-width: 640px) {
62
+ .responsive-grid:not(.responsive-grid--auto-fit) {
63
+ grid-template-columns: repeat(var(--responsive-grid-columns-sm), 1fr);
64
+ gap: var(--responsive-grid-gap-sm);
65
+ }
66
+ }
67
+
68
+ /* md breakpoint (768px): 2 columns */
69
+ @media (min-width: 768px) {
70
+ .responsive-grid:not(.responsive-grid--auto-fit) {
71
+ grid-template-columns: repeat(var(--responsive-grid-columns-md), 1fr);
72
+ gap: var(--responsive-grid-gap-md);
73
+ }
74
+ }
75
+
76
+ /* lg breakpoint (1024px): 3 columns */
77
+ @media (min-width: 1024px) {
78
+ .responsive-grid:not(.responsive-grid--auto-fit) {
79
+ grid-template-columns: repeat(var(--responsive-grid-columns-lg), 1fr);
80
+ gap: var(--responsive-grid-gap-lg);
81
+ }
82
+ }
83
+
84
+ /* xl breakpoint (1280px): 4 columns */
85
+ @media (min-width: 1280px) {
86
+ .responsive-grid:not(.responsive-grid--auto-fit) {
87
+ grid-template-columns: repeat(var(--responsive-grid-columns-xl), 1fr);
88
+ gap: var(--responsive-grid-gap-xl);
89
+ }
90
+ }
91
+
92
+ /* 2xl breakpoint (1536px): 4 columns */
93
+ @media (min-width: 1536px) {
94
+ .responsive-grid:not(.responsive-grid--auto-fit) {
95
+ grid-template-columns: repeat(var(--responsive-grid-columns-2xl), 1fr);
96
+ gap: var(--responsive-grid-gap-2xl);
97
+ }
98
+ }
99
+
100
+ /* 3xl breakpoint (1920px): 5 columns */
101
+ @media (min-width: 1920px) {
102
+ .responsive-grid:not(.responsive-grid--auto-fit) {
103
+ grid-template-columns: repeat(var(--responsive-grid-columns-3xl), 1fr);
104
+ gap: var(--responsive-grid-gap-3xl);
105
+ }
106
+ }
107
+
108
+ /* Auto-fit Grid Gap Responsiveness */
109
+ .responsive-grid--auto-fit {
110
+ gap: var(--responsive-grid-gap-xs);
111
+ }
112
+
113
+ @media (min-width: 640px) {
114
+ .responsive-grid--auto-fit {
115
+ gap: var(--responsive-grid-gap-sm);
116
+ }
117
+ }
118
+
119
+ @media (min-width: 768px) {
120
+ .responsive-grid--auto-fit {
121
+ gap: var(--responsive-grid-gap-md);
122
+ }
123
+ }
124
+
125
+ @media (min-width: 1024px) {
126
+ .responsive-grid--auto-fit {
127
+ gap: var(--responsive-grid-gap-lg);
128
+ }
129
+ }
130
+
131
+ @media (min-width: 1280px) {
132
+ .responsive-grid--auto-fit {
133
+ gap: var(--responsive-grid-gap-xl);
134
+ }
135
+ }
136
+
137
+ @media (min-width: 1536px) {
138
+ .responsive-grid--auto-fit {
139
+ gap: var(--responsive-grid-gap-2xl);
140
+ }
141
+ }
142
+
143
+ @media (min-width: 1920px) {
144
+ .responsive-grid--auto-fit {
145
+ gap: var(--responsive-grid-gap-3xl);
146
+ }
147
+ }
148
+
149
+ /* Grid Patterns */
150
+
151
+ /* Content Pattern - Optimized for reading content */
152
+ .responsive-grid--content {
153
+ --responsive-grid-columns-xs: 1;
154
+ --responsive-grid-columns-sm: 1;
155
+ --responsive-grid-columns-md: 2;
156
+ --responsive-grid-columns-lg: 2;
157
+ --responsive-grid-columns-xl: 3;
158
+ --responsive-grid-columns-2xl: 3;
159
+ --responsive-grid-columns-3xl: 4;
160
+ }
161
+
162
+ /* Dashboard Pattern - More columns for data visualization */
163
+ .responsive-grid--dashboard {
164
+ --responsive-grid-columns-xs: 1;
165
+ --responsive-grid-columns-sm: 2;
166
+ --responsive-grid-columns-md: 3;
167
+ --responsive-grid-columns-lg: 4;
168
+ --responsive-grid-columns-xl: 5;
169
+ --responsive-grid-columns-2xl: 6;
170
+ --responsive-grid-columns-3xl: 7;
171
+
172
+ --responsive-grid-gap-xs: 12px;
173
+ --responsive-grid-gap-sm: 16px;
174
+ --responsive-grid-gap-md: 20px;
175
+ --responsive-grid-gap-lg: 24px;
176
+ --responsive-grid-gap-xl: 28px;
177
+ --responsive-grid-gap-2xl: 32px;
178
+ --responsive-grid-gap-3xl: 36px;
179
+ }
180
+
181
+ /* Gallery Pattern - Many small items */
182
+ .responsive-grid--gallery {
183
+ --responsive-grid-columns-xs: 2;
184
+ --responsive-grid-columns-sm: 3;
185
+ --responsive-grid-columns-md: 4;
186
+ --responsive-grid-columns-lg: 5;
187
+ --responsive-grid-columns-xl: 6;
188
+ --responsive-grid-columns-2xl: 7;
189
+ --responsive-grid-columns-3xl: 8;
190
+
191
+ --responsive-grid-gap-xs: 8px;
192
+ --responsive-grid-gap-sm: 12px;
193
+ --responsive-grid-gap-md: 16px;
194
+ --responsive-grid-gap-lg: 20px;
195
+ --responsive-grid-gap-xl: 24px;
196
+ --responsive-grid-gap-2xl: 28px;
197
+ --responsive-grid-gap-3xl: 32px;
198
+ }
199
+
200
+ /* Cards Pattern - Larger spacing for card layouts */
201
+ .responsive-grid--cards {
202
+ --responsive-grid-columns-xs: 1;
203
+ --responsive-grid-columns-sm: 1;
204
+ --responsive-grid-columns-md: 2;
205
+ --responsive-grid-columns-lg: 3;
206
+ --responsive-grid-columns-xl: 3;
207
+ --responsive-grid-columns-2xl: 4;
208
+ --responsive-grid-columns-3xl: 4;
209
+
210
+ --responsive-grid-gap-xs: 20px;
211
+ --responsive-grid-gap-sm: 24px;
212
+ --responsive-grid-gap-md: 28px;
213
+ --responsive-grid-gap-lg: 32px;
214
+ --responsive-grid-gap-xl: 36px;
215
+ --responsive-grid-gap-2xl: 40px;
216
+ --responsive-grid-gap-3xl: 44px;
217
+ }
218
+
219
+ /* Grid Item */
220
+ .responsive-grid-item {
221
+ align-self: var(--responsive-grid-item-align-self);
222
+ justify-self: var(--responsive-grid-item-justify-self);
223
+ transition: var(--responsive-grid-transition);
224
+ }
225
+
226
+ /* Grid Item Spanning - xs breakpoint */
227
+ .responsive-grid-item--has-span {
228
+ grid-column: span var(--responsive-grid-item-col-span-xs, 1);
229
+ grid-row: span var(--responsive-grid-item-row-span-xs, 1);
230
+ }
231
+
232
+ .responsive-grid-item--has-position {
233
+ grid-column-start: var(--responsive-grid-item-col-start-xs, auto);
234
+ grid-row-start: var(--responsive-grid-item-row-start-xs, auto);
235
+ }
236
+
237
+ /* Grid Item Spanning - sm breakpoint */
238
+ @media (min-width: 640px) {
239
+ .responsive-grid-item--has-span {
240
+ grid-column: span var(--responsive-grid-item-col-span-sm, var(--responsive-grid-item-col-span-xs, 1));
241
+ grid-row: span var(--responsive-grid-item-row-span-sm, var(--responsive-grid-item-row-span-xs, 1));
242
+ }
243
+
244
+ .responsive-grid-item--has-position {
245
+ grid-column-start: var(--responsive-grid-item-col-start-sm, var(--responsive-grid-item-col-start-xs, auto));
246
+ grid-row-start: var(--responsive-grid-item-row-start-sm, var(--responsive-grid-item-row-start-xs, auto));
247
+ }
248
+ }
249
+
250
+ /* Grid Item Spanning - md breakpoint */
251
+ @media (min-width: 768px) {
252
+ .responsive-grid-item--has-span {
253
+ grid-column: span var(--responsive-grid-item-col-span-md, var(--responsive-grid-item-col-span-sm, var(--responsive-grid-item-col-span-xs, 1)));
254
+ grid-row: span var(--responsive-grid-item-row-span-md, var(--responsive-grid-item-row-span-sm, var(--responsive-grid-item-row-span-xs, 1)));
255
+ }
256
+
257
+ .responsive-grid-item--has-position {
258
+ grid-column-start: var(--responsive-grid-item-col-start-md, var(--responsive-grid-item-col-start-sm, var(--responsive-grid-item-col-start-xs, auto)));
259
+ grid-row-start: var(--responsive-grid-item-row-start-md, var(--responsive-grid-item-row-start-sm, var(--responsive-grid-item-row-start-xs, auto)));
260
+ }
261
+ }
262
+
263
+ /* Grid Item Spanning - lg breakpoint */
264
+ @media (min-width: 1024px) {
265
+ .responsive-grid-item--has-span {
266
+ grid-column: span var(--responsive-grid-item-col-span-lg, var(--responsive-grid-item-col-span-md, var(--responsive-grid-item-col-span-sm, var(--responsive-grid-item-col-span-xs, 1))));
267
+ grid-row: span var(--responsive-grid-item-row-span-lg, var(--responsive-grid-item-row-span-md, var(--responsive-grid-item-row-span-sm, var(--responsive-grid-item-row-span-xs, 1))));
268
+ }
269
+
270
+ .responsive-grid-item--has-position {
271
+ grid-column-start: var(--responsive-grid-item-col-start-lg, var(--responsive-grid-item-col-start-md, var(--responsive-grid-item-col-start-sm, var(--responsive-grid-item-col-start-xs, auto))));
272
+ grid-row-start: var(--responsive-grid-item-row-start-lg, var(--responsive-grid-item-row-start-md, var(--responsive-grid-item-row-start-sm, var(--responsive-grid-item-row-start-xs, auto))));
273
+ }
274
+ }
275
+
276
+ /* Grid Item Spanning - xl breakpoint */
277
+ @media (min-width: 1280px) {
278
+ .responsive-grid-item--has-span {
279
+ grid-column: span var(--responsive-grid-item-col-span-xl, var(--responsive-grid-item-col-span-lg, var(--responsive-grid-item-col-span-md, var(--responsive-grid-item-col-span-sm, var(--responsive-grid-item-col-span-xs, 1)))));
280
+ grid-row: span var(--responsive-grid-item-row-span-xl, var(--responsive-grid-item-row-span-lg, var(--responsive-grid-item-row-span-md, var(--responsive-grid-item-row-span-sm, var(--responsive-grid-item-row-span-xs, 1)))));
281
+ }
282
+
283
+ .responsive-grid-item--has-position {
284
+ grid-column-start: var(--responsive-grid-item-col-start-xl, var(--responsive-grid-item-col-start-lg, var(--responsive-grid-item-col-start-md, var(--responsive-grid-item-col-start-sm, var(--responsive-grid-item-col-start-xs, auto)))));
285
+ grid-row-start: var(--responsive-grid-item-row-start-xl, var(--responsive-grid-item-row-start-lg, var(--responsive-grid-item-row-start-md, var(--responsive-grid-item-row-start-sm, var(--responsive-grid-item-row-start-xs, auto)))));
286
+ }
287
+ }
288
+
289
+ /* Grid Item Spanning - 2xl breakpoint */
290
+ @media (min-width: 1536px) {
291
+ .responsive-grid-item--has-span {
292
+ grid-column: span var(--responsive-grid-item-col-span-2xl, var(--responsive-grid-item-col-span-xl, var(--responsive-grid-item-col-span-lg, var(--responsive-grid-item-col-span-md, var(--responsive-grid-item-col-span-sm, var(--responsive-grid-item-col-span-xs, 1))))));
293
+ grid-row: span var(--responsive-grid-item-row-span-2xl, var(--responsive-grid-item-row-span-xl, var(--responsive-grid-item-row-span-lg, var(--responsive-grid-item-row-span-md, var(--responsive-grid-item-row-span-sm, var(--responsive-grid-item-row-span-xs, 1))))));
294
+ }
295
+
296
+ .responsive-grid-item--has-position {
297
+ grid-column-start: var(--responsive-grid-item-col-start-2xl, var(--responsive-grid-item-col-start-xl, var(--responsive-grid-item-col-start-lg, var(--responsive-grid-item-col-start-md, var(--responsive-grid-item-col-start-sm, var(--responsive-grid-item-col-start-xs, auto))))));
298
+ grid-row-start: var(--responsive-grid-item-row-start-2xl, var(--responsive-grid-item-row-start-xl, var(--responsive-grid-item-row-start-lg, var(--responsive-grid-item-row-start-md, var(--responsive-grid-item-row-start-sm, var(--responsive-grid-item-row-start-xs, auto))))));
299
+ }
300
+ }
301
+
302
+ /* Grid Item Spanning - 3xl breakpoint */
303
+ @media (min-width: 1920px) {
304
+ .responsive-grid-item--has-span {
305
+ grid-column: span var(--responsive-grid-item-col-span-3xl, var(--responsive-grid-item-col-span-2xl, var(--responsive-grid-item-col-span-xl, var(--responsive-grid-item-col-span-lg, var(--responsive-grid-item-col-span-md, var(--responsive-grid-item-col-span-sm, var(--responsive-grid-item-col-span-xs, 1)))))));
306
+ grid-row: span var(--responsive-grid-item-row-span-3xl, var(--responsive-grid-item-row-span-2xl, var(--responsive-grid-item-row-span-xl, var(--responsive-grid-item-row-span-lg, var(--responsive-grid-item-row-span-md, var(--responsive-grid-item-row-span-sm, var(--responsive-grid-item-row-span-xs, 1)))))));
307
+ }
308
+
309
+ .responsive-grid-item--has-position {
310
+ grid-column-start: var(--responsive-grid-item-col-start-3xl, var(--responsive-grid-item-col-start-2xl, var(--responsive-grid-item-col-start-xl, var(--responsive-grid-item-col-start-lg, var(--responsive-grid-item-col-start-md, var(--responsive-grid-item-col-start-sm, var(--responsive-grid-item-col-start-xs, auto)))))));
311
+ grid-row-start: var(--responsive-grid-item-row-start-3xl, var(--responsive-grid-item-row-start-2xl, var(--responsive-grid-item-row-start-xl, var(--responsive-grid-item-row-start-lg, var(--responsive-grid-item-row-start-md, var(--responsive-grid-item-row-start-sm, var(--responsive-grid-item-row-start-xs, auto)))))));
312
+ }
313
+ }
314
+
315
+ /* Dark Mode Support */
316
+ .dark .responsive-grid {
317
+ /* Grid styles automatically inherit from CSS variables */
318
+ }
319
+
320
+ /* High Contrast Mode Support */
321
+ @media (prefers-contrast: high) {
322
+ .responsive-grid-item {
323
+ outline: 1px solid var(--cs-colors-border);
324
+ outline-offset: -1px;
325
+ }
326
+ }
327
+
328
+ /* Reduced Motion Support */
329
+ @media (prefers-reduced-motion: reduce) {
330
+ .responsive-grid,
331
+ .responsive-grid-item {
332
+ transition: none;
333
+ }
334
+ }
335
+
336
+ /* Focus Management */
337
+ .responsive-grid:focus-within {
338
+ /* Enhance focus visibility when grid contains focused elements */
339
+ }
340
+
341
+ .responsive-grid-item:focus-within {
342
+ outline: var(--cs-accessibility-focus-ring-width) solid var(--cs-accessibility-focus-ring-color);
343
+ outline-offset: var(--cs-accessibility-focus-ring-offset);
344
+ }
345
+
346
+ /* Print Styles */
347
+ @media print {
348
+ .responsive-grid {
349
+ display: block;
350
+ }
351
+
352
+ .responsive-grid-item {
353
+ display: block;
354
+ break-inside: avoid;
355
+ margin-bottom: 1rem;
356
+ }
357
+ }
358
+
359
+ /* Container Queries for Adaptive Layouts */
360
+ @container (min-width: 768px) {
361
+ .responsive-grid {
362
+ /* Adjust grid behavior based on container size */
363
+ }
364
+ }
365
+
366
+ /* Utility Classes for Layout Control */
367
+
368
+ /* Gap utilities */
369
+ .responsive-grid--gap-xs {
370
+ --responsive-grid-gap-xs: 8px;
371
+ --responsive-grid-gap-sm: 12px;
372
+ --responsive-grid-gap-md: 16px;
373
+ --responsive-grid-gap-lg: 20px;
374
+ --responsive-grid-gap-xl: 24px;
375
+ --responsive-grid-gap-2xl: 28px;
376
+ --responsive-grid-gap-3xl: 32px;
377
+ }
378
+
379
+ .responsive-grid--gap-sm {
380
+ --responsive-grid-gap-xs: 12px;
381
+ --responsive-grid-gap-sm: 16px;
382
+ --responsive-grid-gap-md: 20px;
383
+ --responsive-grid-gap-lg: 24px;
384
+ --responsive-grid-gap-xl: 28px;
385
+ --responsive-grid-gap-2xl: 32px;
386
+ --responsive-grid-gap-3xl: 36px;
387
+ }
388
+
389
+ .responsive-grid--gap-lg {
390
+ --responsive-grid-gap-xs: 20px;
391
+ --responsive-grid-gap-sm: 24px;
392
+ --responsive-grid-gap-md: 28px;
393
+ --responsive-grid-gap-lg: 32px;
394
+ --responsive-grid-gap-xl: 36px;
395
+ --responsive-grid-gap-2xl: 40px;
396
+ --responsive-grid-gap-3xl: 44px;
397
+ }
398
+
399
+ /* Alignment utilities */
400
+ .responsive-grid--items-start {
401
+ --responsive-grid-align-items: start;
402
+ }
403
+
404
+ .responsive-grid--items-center {
405
+ --responsive-grid-align-items: center;
406
+ }
407
+
408
+ .responsive-grid--items-end {
409
+ --responsive-grid-align-items: end;
410
+ }
411
+
412
+ .responsive-grid--justify-start {
413
+ --responsive-grid-justify-items: start;
414
+ }
415
+
416
+ .responsive-grid--justify-center {
417
+ --responsive-grid-justify-items: center;
418
+ }
419
+
420
+ .responsive-grid--justify-end {
421
+ --responsive-grid-justify-items: end;
422
+ }