siesa-ui-kit 1.0.3 → 1.0.5

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 (459) hide show
  1. package/README.md +28 -54
  2. package/claude/agents/siesa-ui-kit-specialist.md +2401 -0
  3. package/claude/prompts/component-template.md +121 -0
  4. package/claude/settings.local.json +61 -0
  5. package/docs/border-radius.md +1261 -0
  6. package/docs/colors.md +832 -0
  7. package/docs/dark-mode-guide.md +1426 -0
  8. package/docs/filters.md +1243 -0
  9. package/docs/icons.md +1283 -0
  10. package/docs/shadows.md +1377 -0
  11. package/docs/spacing.md +1684 -0
  12. package/docs/typography.md +1268 -0
  13. package/package.json +14 -34
  14. package/postcss.config.cjs +6 -0
  15. package/public/,Business Logo.png +0 -0
  16. package/public/.Siesa Logo.png +0 -0
  17. package/public/bg_siesa.png +0 -0
  18. package/public/siesa_logo_mobile.png +0 -0
  19. package/public/vite.svg +1 -0
  20. package/src/App.css +42 -0
  21. package/src/App.tsx +8 -0
  22. package/src/ButtonTest.tsx +147 -0
  23. package/src/assets/fonts/README.md +261 -0
  24. package/src/assets/fonts/SiesaBT/SiesaBT-Bold.otf +0 -0
  25. package/src/assets/fonts/SiesaBT/SiesaBT-Light.otf +0 -0
  26. package/src/assets/fonts/SiesaBT/SiesaBT-Regular.otf +0 -0
  27. package/src/assets/react.svg +1 -0
  28. package/src/components/Alert/Alert.stories.tsx +332 -0
  29. package/src/components/Alert/Alert.tsx +106 -0
  30. package/src/components/Alert/Alert.types.ts +54 -0
  31. package/src/components/Avatar/Avatar.stories.tsx +494 -0
  32. package/src/components/Avatar/Avatar.tsx +143 -0
  33. package/src/components/Avatar/Avatar.types.ts +53 -0
  34. package/src/components/Badge/Badge.stories.tsx +339 -0
  35. package/src/components/Badge/Badge.tsx +278 -0
  36. package/src/components/Badge/Badge.types.ts +58 -0
  37. package/src/components/Button/Button.stories.tsx +950 -0
  38. package/src/components/Button/Button.tsx +337 -0
  39. package/src/components/Button/Button.types.ts +180 -0
  40. package/src/components/Button/icons.tsx +87 -0
  41. package/{dist/components/Button/index.d.ts → src/components/Button/index.ts} +3 -4
  42. package/src/components/Checkbox/Checkbox.stories.tsx +453 -0
  43. package/src/components/Checkbox/Checkbox.tsx +208 -0
  44. package/src/components/Checkbox/Checkbox.types.ts +61 -0
  45. package/src/components/DescriptionList/DescriptionList.stories.tsx +250 -0
  46. package/src/components/DescriptionList/DescriptionList.tsx +96 -0
  47. package/src/components/DescriptionList/DescriptionList.types.ts +29 -0
  48. package/src/components/Divider/Divider.stories.tsx +263 -0
  49. package/src/components/Divider/Divider.tsx +80 -0
  50. package/src/components/Divider/Divider.types.ts +24 -0
  51. package/src/components/Dropdown/Dropdown.stories.tsx +552 -0
  52. package/src/components/Dropdown/Dropdown.tsx +422 -0
  53. package/src/components/Dropdown/Dropdown.types.ts +146 -0
  54. package/src/components/Dropdown/README.md +266 -0
  55. package/src/components/Dropdown/icons.tsx +72 -0
  56. package/{dist/components/Dropdown/index.d.ts → src/components/Dropdown/index.ts} +8 -4
  57. package/src/components/Input/Input.stories.tsx +583 -0
  58. package/src/components/Input/Input.tsx +204 -0
  59. package/src/components/Input/Input.types.ts +80 -0
  60. package/src/components/Input/icons.tsx +145 -0
  61. package/{dist/components/Input/index.d.ts → src/components/Input/index.ts} +2 -3
  62. package/src/components/LoginView/LoginView.stories.tsx +148 -0
  63. package/src/components/LoginView/LoginView.tsx +426 -0
  64. package/src/components/LoginView/LoginView.types.ts +52 -0
  65. package/src/components/LoginView/README.md +396 -0
  66. package/src/components/LoginView/icons.tsx +85 -0
  67. package/{dist/components/LoginView/index.d.ts → src/components/LoginView/index.ts} +3 -4
  68. package/src/components/Navbar/Navbar.stories.tsx +810 -0
  69. package/src/components/Navbar/Navbar.tsx +755 -0
  70. package/src/components/Navbar/Navbar.types.ts +219 -0
  71. package/src/components/Navbar/README.md +279 -0
  72. package/src/components/Navbar/icons.tsx +102 -0
  73. package/src/components/Navbar/index.ts +8 -0
  74. package/src/components/NavigationBar/NavigationBar.stories.tsx +406 -0
  75. package/src/components/NavigationBar/NavigationBar.tsx +246 -0
  76. package/src/components/NavigationBar/NavigationBar.types.ts +74 -0
  77. package/src/components/NavigationBar/README.md +469 -0
  78. package/{dist/components/NavigationBar/index.d.ts → src/components/NavigationBar/index.ts} +2 -3
  79. package/src/components/NavigationRail/NavigationRail.stories.tsx +417 -0
  80. package/src/components/NavigationRail/NavigationRail.tsx +418 -0
  81. package/src/components/NavigationRail/NavigationRail.types.ts +109 -0
  82. package/src/components/NavigationRail/README.md +224 -0
  83. package/{dist/components/NavigationRail/index.d.ts → src/components/NavigationRail/index.ts} +2 -3
  84. package/src/components/Notification/Notification.stories.tsx +513 -0
  85. package/src/components/Notification/Notification.tsx +145 -0
  86. package/src/components/Notification/Notification.types.ts +142 -0
  87. package/src/components/Notification/README.md +409 -0
  88. package/{dist/components/Notification/index.d.ts → src/components/Notification/index.ts} +3 -3
  89. package/src/components/POSConvention/POSConvention.stories.tsx +235 -0
  90. package/src/components/POSConvention/POSConvention.tsx +129 -0
  91. package/{dist/components/POSConvention/POSConvention.types.d.ts → src/components/POSConvention/POSConvention.types.ts} +38 -37
  92. package/src/components/POSConvention/README.md +123 -0
  93. package/src/components/POSConvention/icons.tsx +45 -0
  94. package/{dist/components/POSConvention/index.d.ts → src/components/POSConvention/index.ts} +3 -4
  95. package/src/components/POSLocationButton/POSLocationButton.stories.tsx +531 -0
  96. package/src/components/POSLocationButton/POSLocationButton.tsx +247 -0
  97. package/src/components/POSLocationButton/POSLocationButton.types.ts +87 -0
  98. package/src/components/POSLocationButton/README.md +253 -0
  99. package/src/components/POSLocationButton/icons.tsx +120 -0
  100. package/src/components/POSLocationButton/index.ts +14 -0
  101. package/src/components/POSNumberButton/POSNumberButton.stories.tsx +415 -0
  102. package/src/components/POSNumberButton/POSNumberButton.tsx +179 -0
  103. package/src/components/POSNumberButton/POSNumberButton.types.ts +51 -0
  104. package/src/components/POSNumberButton/README.md +321 -0
  105. package/{dist/components/POSNumberButton/index.d.ts → src/components/POSNumberButton/index.ts} +3 -3
  106. package/src/components/POSProductButton/POSProductButton.stories.tsx +318 -0
  107. package/src/components/POSProductButton/POSProductButton.tsx +152 -0
  108. package/src/components/POSProductButton/POSProductButton.types.ts +46 -0
  109. package/src/components/POSProductButton/README.md +269 -0
  110. package/{dist/components/POSProductButton/index.d.ts → src/components/POSProductButton/index.ts} +2 -3
  111. package/src/components/POSProductCard/POSProductCard.stories.tsx +642 -0
  112. package/src/components/POSProductCard/POSProductCard.tsx +208 -0
  113. package/src/components/POSProductCard/POSProductCard.types.ts +76 -0
  114. package/src/components/POSProductCard/README.md +179 -0
  115. package/src/components/POSProductCard/icons.tsx +26 -0
  116. package/{dist/components/POSProductCard/index.d.ts → src/components/POSProductCard/index.ts} +2 -3
  117. package/src/components/POSProductSidebarItems/POSProductSidebarItems.stories.tsx +753 -0
  118. package/src/components/POSProductSidebarItems/POSProductSidebarItems.tsx +332 -0
  119. package/src/components/POSProductSidebarItems/POSProductSidebarItems.types.ts +119 -0
  120. package/src/components/POSProductSidebarItems/README.md +198 -0
  121. package/src/components/POSProductSidebarItems/icons.tsx +21 -0
  122. package/{dist/components/POSProductSidebarItems/index.d.ts → src/components/POSProductSidebarItems/index.ts} +3 -4
  123. package/src/components/POSTable/POSTable.stories.tsx +737 -0
  124. package/src/components/POSTable/POSTable.tsx +401 -0
  125. package/src/components/POSTable/POSTable.types.ts +83 -0
  126. package/src/components/POSTable/README.md +286 -0
  127. package/src/components/POSTable/index.ts +7 -0
  128. package/src/components/Pagination/Pagination.stories.tsx +555 -0
  129. package/src/components/Pagination/Pagination.tsx +286 -0
  130. package/src/components/Pagination/Pagination.types.ts +93 -0
  131. package/src/components/Pagination/README.md +298 -0
  132. package/src/components/Pagination/icons.tsx +47 -0
  133. package/{dist/components/Pagination/index.d.ts → src/components/Pagination/index.ts} +3 -4
  134. package/src/components/Quantity/Quantity.stories.tsx +457 -0
  135. package/src/components/Quantity/Quantity.tsx +289 -0
  136. package/src/components/Quantity/Quantity.types.ts +70 -0
  137. package/src/components/Radio/Radio.stories.tsx +523 -0
  138. package/src/components/Radio/Radio.tsx +170 -0
  139. package/src/components/Radio/Radio.types.ts +122 -0
  140. package/src/components/Select/README.md +299 -0
  141. package/src/components/Select/Select.stories.tsx +673 -0
  142. package/src/components/Select/Select.tsx +454 -0
  143. package/src/components/Select/Select.types.ts +148 -0
  144. package/src/components/Select/icons.tsx +50 -0
  145. package/{dist/components/Select/index.d.ts → src/components/Select/index.ts} +3 -4
  146. package/src/components/SignUpView/SignUpView.stories.tsx +129 -0
  147. package/src/components/SignUpView/SignUpView.tsx +503 -0
  148. package/src/components/SignUpView/SignUpView.types.ts +58 -0
  149. package/src/components/SignUpView/icons.tsx +71 -0
  150. package/{dist/components/SignUpView/index.d.ts → src/components/SignUpView/index.ts} +3 -4
  151. package/src/components/Switch/README.md +112 -0
  152. package/src/components/Switch/Switch.stories.tsx +550 -0
  153. package/src/components/Switch/Switch.tsx +246 -0
  154. package/src/components/Switch/Switch.types.ts +67 -0
  155. package/src/components/Table/README.md +369 -0
  156. package/src/components/Table/Table.stories.tsx +805 -0
  157. package/src/components/Table/Table.tsx +688 -0
  158. package/src/components/Table/Table.types.ts +204 -0
  159. package/src/components/Table/index.ts +9 -0
  160. package/src/components/Tabs/README.md +201 -0
  161. package/src/components/Tabs/Tabs.stories.tsx +580 -0
  162. package/src/components/Tabs/Tabs.tsx +356 -0
  163. package/src/components/Tabs/Tabs.types.ts +127 -0
  164. package/src/components/Tabs/icons.tsx +129 -0
  165. package/src/components/Tabs/index.ts +11 -0
  166. package/src/components/Textarea/Textarea.stories.tsx +535 -0
  167. package/src/components/Textarea/Textarea.tsx +188 -0
  168. package/src/components/Textarea/Textarea.types.ts +54 -0
  169. package/src/context/ThemeContext.tsx +99 -0
  170. package/{dist/context/index.d.ts → src/context/index.ts} +1 -2
  171. package/src/index.css +29 -0
  172. package/src/index.ts +39 -0
  173. package/src/main.tsx +10 -0
  174. package/src/views/ProductsView/ProductsView.stories.tsx +344 -0
  175. package/src/views/ProductsView/ProductsView.tsx +480 -0
  176. package/src/views/ProductsView/ProductsView.types.ts +238 -0
  177. package/src/views/ProductsView/README.md +312 -0
  178. package/src/views/ProductsView/icons.tsx +38 -0
  179. package/src/views/ProductsView/index.ts +8 -0
  180. package/src/views/RecoverPasswordView/README.md +269 -0
  181. package/src/views/RecoverPasswordView/RecoverPasswordView.stories.tsx +131 -0
  182. package/src/views/RecoverPasswordView/RecoverPasswordView.tsx +376 -0
  183. package/src/views/RecoverPasswordView/RecoverPasswordView.types.ts +56 -0
  184. package/src/views/RecoverPasswordView/icons.tsx +17 -0
  185. package/{dist/views/RecoverPasswordView/index.d.ts → src/views/RecoverPasswordView/index.ts} +2 -3
  186. package/src/views/TableLayoutView/README.md +268 -0
  187. package/src/views/TableLayoutView/TableLayoutView.stories.tsx +235 -0
  188. package/src/views/TableLayoutView/TableLayoutView.tsx +461 -0
  189. package/src/views/TableLayoutView/TableLayoutView.types.ts +209 -0
  190. package/src/views/TableLayoutView/icons.tsx +113 -0
  191. package/src/views/TableLayoutView/index.ts +6 -0
  192. package/storybook/main.ts +20 -0
  193. package/storybook/preview.tsx +84 -0
  194. package/storybook/vitest.setup.ts +7 -0
  195. package/tailwind.config.js +128 -0
  196. package/dist/ButtonTest.d.ts +0 -6
  197. package/dist/ButtonTest.d.ts.map +0 -1
  198. package/dist/components/Alert/Alert.d.ts +0 -23
  199. package/dist/components/Alert/Alert.d.ts.map +0 -1
  200. package/dist/components/Alert/Alert.types.d.ts +0 -46
  201. package/dist/components/Alert/Alert.types.d.ts.map +0 -1
  202. package/dist/components/Avatar/Avatar.d.ts +0 -41
  203. package/dist/components/Avatar/Avatar.d.ts.map +0 -1
  204. package/dist/components/Avatar/Avatar.types.d.ts +0 -46
  205. package/dist/components/Avatar/Avatar.types.d.ts.map +0 -1
  206. package/dist/components/Badge/Badge.d.ts +0 -42
  207. package/dist/components/Badge/Badge.d.ts.map +0 -1
  208. package/dist/components/Badge/Badge.types.d.ts +0 -32
  209. package/dist/components/Badge/Badge.types.d.ts.map +0 -1
  210. package/dist/components/Button/Button.d.ts +0 -84
  211. package/dist/components/Button/Button.d.ts.map +0 -1
  212. package/dist/components/Button/Button.types.d.ts +0 -162
  213. package/dist/components/Button/Button.types.d.ts.map +0 -1
  214. package/dist/components/Button/icons.d.ts +0 -26
  215. package/dist/components/Button/icons.d.ts.map +0 -1
  216. package/dist/components/Button/index.d.ts.map +0 -1
  217. package/dist/components/Checkbox/Checkbox.d.ts +0 -31
  218. package/dist/components/Checkbox/Checkbox.d.ts.map +0 -1
  219. package/dist/components/Checkbox/Checkbox.types.d.ts +0 -53
  220. package/dist/components/Checkbox/Checkbox.types.d.ts.map +0 -1
  221. package/dist/components/DescriptionList/DescriptionList.d.ts +0 -38
  222. package/dist/components/DescriptionList/DescriptionList.d.ts.map +0 -1
  223. package/dist/components/DescriptionList/DescriptionList.types.d.ts +0 -27
  224. package/dist/components/DescriptionList/DescriptionList.types.d.ts.map +0 -1
  225. package/dist/components/Divider/Divider.d.ts +0 -33
  226. package/dist/components/Divider/Divider.d.ts.map +0 -1
  227. package/dist/components/Divider/Divider.types.d.ts +0 -22
  228. package/dist/components/Divider/Divider.types.d.ts.map +0 -1
  229. package/dist/components/Dropdown/Dropdown.d.ts +0 -66
  230. package/dist/components/Dropdown/Dropdown.d.ts.map +0 -1
  231. package/dist/components/Dropdown/Dropdown.types.d.ts +0 -124
  232. package/dist/components/Dropdown/Dropdown.types.d.ts.map +0 -1
  233. package/dist/components/Dropdown/icons.d.ts +0 -10
  234. package/dist/components/Dropdown/icons.d.ts.map +0 -1
  235. package/dist/components/Dropdown/index.d.ts.map +0 -1
  236. package/dist/components/DropdownItemCollapsible/DropdownItemCollapsible.d.ts +0 -101
  237. package/dist/components/DropdownItemCollapsible/DropdownItemCollapsible.d.ts.map +0 -1
  238. package/dist/components/DropdownItemCollapsible/DropdownItemCollapsible.types.d.ts +0 -95
  239. package/dist/components/DropdownItemCollapsible/DropdownItemCollapsible.types.d.ts.map +0 -1
  240. package/dist/components/DropdownItemCollapsible/icons.d.ts +0 -19
  241. package/dist/components/DropdownItemCollapsible/icons.d.ts.map +0 -1
  242. package/dist/components/DropdownItemCollapsible/index.d.ts +0 -9
  243. package/dist/components/DropdownItemCollapsible/index.d.ts.map +0 -1
  244. package/dist/components/DropdownItemHeading/DropdownItemHeading.d.ts +0 -75
  245. package/dist/components/DropdownItemHeading/DropdownItemHeading.d.ts.map +0 -1
  246. package/dist/components/DropdownItemHeading/DropdownItemHeading.types.d.ts +0 -85
  247. package/dist/components/DropdownItemHeading/DropdownItemHeading.types.d.ts.map +0 -1
  248. package/dist/components/DropdownItemHeading/icons.d.ts +0 -48
  249. package/dist/components/DropdownItemHeading/icons.d.ts.map +0 -1
  250. package/dist/components/DropdownItemHeading/index.d.ts +0 -4
  251. package/dist/components/DropdownItemHeading/index.d.ts.map +0 -1
  252. package/dist/components/Input/Input.d.ts +0 -40
  253. package/dist/components/Input/Input.d.ts.map +0 -1
  254. package/dist/components/Input/Input.types.d.ts +0 -71
  255. package/dist/components/Input/Input.types.d.ts.map +0 -1
  256. package/dist/components/Input/icons.d.ts +0 -15
  257. package/dist/components/Input/icons.d.ts.map +0 -1
  258. package/dist/components/Input/index.d.ts.map +0 -1
  259. package/dist/components/LoginView/LoginView.d.ts +0 -36
  260. package/dist/components/LoginView/LoginView.d.ts.map +0 -1
  261. package/dist/components/LoginView/LoginView.types.d.ts +0 -46
  262. package/dist/components/LoginView/LoginView.types.d.ts.map +0 -1
  263. package/dist/components/LoginView/icons.d.ts +0 -18
  264. package/dist/components/LoginView/icons.d.ts.map +0 -1
  265. package/dist/components/LoginView/index.d.ts.map +0 -1
  266. package/dist/components/Navbar/Navbar.d.ts +0 -63
  267. package/dist/components/Navbar/Navbar.d.ts.map +0 -1
  268. package/dist/components/Navbar/Navbar.types.d.ts +0 -194
  269. package/dist/components/Navbar/Navbar.types.d.ts.map +0 -1
  270. package/dist/components/Navbar/icons.d.ts +0 -12
  271. package/dist/components/Navbar/icons.d.ts.map +0 -1
  272. package/dist/components/Navbar/index.d.ts +0 -4
  273. package/dist/components/Navbar/index.d.ts.map +0 -1
  274. package/dist/components/NavigationBar/NavigationBar.d.ts +0 -75
  275. package/dist/components/NavigationBar/NavigationBar.d.ts.map +0 -1
  276. package/dist/components/NavigationBar/NavigationBar.types.d.ts +0 -63
  277. package/dist/components/NavigationBar/NavigationBar.types.d.ts.map +0 -1
  278. package/dist/components/NavigationBar/index.d.ts.map +0 -1
  279. package/dist/components/NavigationRail/NavigationRail.d.ts +0 -7
  280. package/dist/components/NavigationRail/NavigationRail.d.ts.map +0 -1
  281. package/dist/components/NavigationRail/NavigationRail.types.d.ts +0 -92
  282. package/dist/components/NavigationRail/NavigationRail.types.d.ts.map +0 -1
  283. package/dist/components/NavigationRail/index.d.ts.map +0 -1
  284. package/dist/components/NavigationRailItem/NavigationRailItem.d.ts +0 -90
  285. package/dist/components/NavigationRailItem/NavigationRailItem.d.ts.map +0 -1
  286. package/dist/components/NavigationRailItem/NavigationRailItem.types.d.ts +0 -155
  287. package/dist/components/NavigationRailItem/NavigationRailItem.types.d.ts.map +0 -1
  288. package/dist/components/NavigationRailItem/index.d.ts +0 -3
  289. package/dist/components/NavigationRailItem/index.d.ts.map +0 -1
  290. package/dist/components/NavigationRailPanel/NavigationRailPanel.d.ts +0 -124
  291. package/dist/components/NavigationRailPanel/NavigationRailPanel.d.ts.map +0 -1
  292. package/dist/components/NavigationRailPanel/NavigationRailPanel.types.d.ts +0 -154
  293. package/dist/components/NavigationRailPanel/NavigationRailPanel.types.d.ts.map +0 -1
  294. package/dist/components/NavigationRailPanel/index.d.ts +0 -3
  295. package/dist/components/NavigationRailPanel/index.d.ts.map +0 -1
  296. package/dist/components/NavigationRailTypes/NavigationRailTypes.d.ts +0 -99
  297. package/dist/components/NavigationRailTypes/NavigationRailTypes.d.ts.map +0 -1
  298. package/dist/components/NavigationRailTypes/NavigationRailTypes.types.d.ts +0 -111
  299. package/dist/components/NavigationRailTypes/NavigationRailTypes.types.d.ts.map +0 -1
  300. package/dist/components/NavigationRailTypes/icons.d.ts +0 -58
  301. package/dist/components/NavigationRailTypes/icons.d.ts.map +0 -1
  302. package/dist/components/NavigationRailTypes/index.d.ts +0 -4
  303. package/dist/components/NavigationRailTypes/index.d.ts.map +0 -1
  304. package/dist/components/Notification/Notification.d.ts +0 -52
  305. package/dist/components/Notification/Notification.d.ts.map +0 -1
  306. package/dist/components/Notification/Notification.types.d.ts +0 -138
  307. package/dist/components/Notification/Notification.types.d.ts.map +0 -1
  308. package/dist/components/Notification/index.d.ts.map +0 -1
  309. package/dist/components/POSConvention/POSConvention.d.ts +0 -55
  310. package/dist/components/POSConvention/POSConvention.d.ts.map +0 -1
  311. package/dist/components/POSConvention/POSConvention.types.d.ts.map +0 -1
  312. package/dist/components/POSConvention/icons.d.ts +0 -21
  313. package/dist/components/POSConvention/icons.d.ts.map +0 -1
  314. package/dist/components/POSConvention/index.d.ts.map +0 -1
  315. package/dist/components/POSLocationButton/POSLocationButton.d.ts +0 -73
  316. package/dist/components/POSLocationButton/POSLocationButton.d.ts.map +0 -1
  317. package/dist/components/POSLocationButton/POSLocationButton.types.d.ts +0 -75
  318. package/dist/components/POSLocationButton/POSLocationButton.types.d.ts.map +0 -1
  319. package/dist/components/POSLocationButton/icons.d.ts +0 -37
  320. package/dist/components/POSLocationButton/icons.d.ts.map +0 -1
  321. package/dist/components/POSLocationButton/index.d.ts +0 -4
  322. package/dist/components/POSLocationButton/index.d.ts.map +0 -1
  323. package/dist/components/POSNumberButton/POSNumberButton.d.ts +0 -61
  324. package/dist/components/POSNumberButton/POSNumberButton.d.ts.map +0 -1
  325. package/dist/components/POSNumberButton/POSNumberButton.types.d.ts +0 -43
  326. package/dist/components/POSNumberButton/POSNumberButton.types.d.ts.map +0 -1
  327. package/dist/components/POSNumberButton/index.d.ts.map +0 -1
  328. package/dist/components/POSProductButton/POSProductButton.d.ts +0 -59
  329. package/dist/components/POSProductButton/POSProductButton.d.ts.map +0 -1
  330. package/dist/components/POSProductButton/POSProductButton.types.d.ts +0 -40
  331. package/dist/components/POSProductButton/POSProductButton.types.d.ts.map +0 -1
  332. package/dist/components/POSProductButton/index.d.ts.map +0 -1
  333. package/dist/components/POSProductCard/POSProductCard.d.ts +0 -68
  334. package/dist/components/POSProductCard/POSProductCard.d.ts.map +0 -1
  335. package/dist/components/POSProductCard/POSProductCard.types.d.ts +0 -67
  336. package/dist/components/POSProductCard/POSProductCard.types.d.ts.map +0 -1
  337. package/dist/components/POSProductCard/icons.d.ts +0 -10
  338. package/dist/components/POSProductCard/icons.d.ts.map +0 -1
  339. package/dist/components/POSProductCard/index.d.ts.map +0 -1
  340. package/dist/components/POSProductSidebarItems/POSProductSidebarItems.d.ts +0 -57
  341. package/dist/components/POSProductSidebarItems/POSProductSidebarItems.d.ts.map +0 -1
  342. package/dist/components/POSProductSidebarItems/POSProductSidebarItems.types.d.ts +0 -85
  343. package/dist/components/POSProductSidebarItems/POSProductSidebarItems.types.d.ts.map +0 -1
  344. package/dist/components/POSProductSidebarItems/icons.d.ts +0 -9
  345. package/dist/components/POSProductSidebarItems/icons.d.ts.map +0 -1
  346. package/dist/components/POSProductSidebarItems/index.d.ts.map +0 -1
  347. package/dist/components/POSTable/POSTable.d.ts +0 -75
  348. package/dist/components/POSTable/POSTable.d.ts.map +0 -1
  349. package/dist/components/POSTable/POSTable.types.d.ts +0 -71
  350. package/dist/components/POSTable/POSTable.types.d.ts.map +0 -1
  351. package/dist/components/POSTable/index.d.ts +0 -3
  352. package/dist/components/POSTable/index.d.ts.map +0 -1
  353. package/dist/components/Pagination/Pagination.d.ts +0 -29
  354. package/dist/components/Pagination/Pagination.d.ts.map +0 -1
  355. package/dist/components/Pagination/Pagination.types.d.ts +0 -79
  356. package/dist/components/Pagination/Pagination.types.d.ts.map +0 -1
  357. package/dist/components/Pagination/icons.d.ts +0 -18
  358. package/dist/components/Pagination/icons.d.ts.map +0 -1
  359. package/dist/components/Pagination/index.d.ts.map +0 -1
  360. package/dist/components/Quantity/Quantity.d.ts +0 -38
  361. package/dist/components/Quantity/Quantity.d.ts.map +0 -1
  362. package/dist/components/Quantity/Quantity.types.d.ts +0 -59
  363. package/dist/components/Quantity/Quantity.types.d.ts.map +0 -1
  364. package/dist/components/Radio/Radio.d.ts +0 -45
  365. package/dist/components/Radio/Radio.d.ts.map +0 -1
  366. package/dist/components/Radio/Radio.types.d.ts +0 -115
  367. package/dist/components/Radio/Radio.types.d.ts.map +0 -1
  368. package/dist/components/Select/Select.d.ts +0 -37
  369. package/dist/components/Select/Select.d.ts.map +0 -1
  370. package/dist/components/Select/Select.types.d.ts +0 -124
  371. package/dist/components/Select/Select.types.d.ts.map +0 -1
  372. package/dist/components/Select/icons.d.ts +0 -16
  373. package/dist/components/Select/icons.d.ts.map +0 -1
  374. package/dist/components/Select/index.d.ts.map +0 -1
  375. package/dist/components/SignUpView/SignUpView.d.ts +0 -38
  376. package/dist/components/SignUpView/SignUpView.d.ts.map +0 -1
  377. package/dist/components/SignUpView/SignUpView.types.d.ts +0 -51
  378. package/dist/components/SignUpView/SignUpView.types.d.ts.map +0 -1
  379. package/dist/components/SignUpView/icons.d.ts +0 -18
  380. package/dist/components/SignUpView/icons.d.ts.map +0 -1
  381. package/dist/components/SignUpView/index.d.ts.map +0 -1
  382. package/dist/components/Switch/Switch.d.ts +0 -46
  383. package/dist/components/Switch/Switch.d.ts.map +0 -1
  384. package/dist/components/Switch/Switch.types.d.ts +0 -58
  385. package/dist/components/Switch/Switch.types.d.ts.map +0 -1
  386. package/dist/components/Table/Table.d.ts +0 -64
  387. package/dist/components/Table/Table.d.ts.map +0 -1
  388. package/dist/components/Table/Table.types.d.ts +0 -173
  389. package/dist/components/Table/Table.types.d.ts.map +0 -1
  390. package/dist/components/Table/index.d.ts +0 -3
  391. package/dist/components/Table/index.d.ts.map +0 -1
  392. package/dist/components/Tabs/Tabs.d.ts +0 -76
  393. package/dist/components/Tabs/Tabs.d.ts.map +0 -1
  394. package/dist/components/Tabs/Tabs.types.d.ts +0 -107
  395. package/dist/components/Tabs/Tabs.types.d.ts.map +0 -1
  396. package/dist/components/Tabs/icons.d.ts +0 -45
  397. package/dist/components/Tabs/icons.d.ts.map +0 -1
  398. package/dist/components/Tabs/index.d.ts +0 -4
  399. package/dist/components/Tabs/index.d.ts.map +0 -1
  400. package/dist/components/Textarea/Textarea.d.ts +0 -38
  401. package/dist/components/Textarea/Textarea.d.ts.map +0 -1
  402. package/dist/components/Textarea/Textarea.types.d.ts +0 -46
  403. package/dist/components/Textarea/Textarea.types.d.ts.map +0 -1
  404. package/dist/context/ThemeContext.d.ts +0 -46
  405. package/dist/context/ThemeContext.d.ts.map +0 -1
  406. package/dist/context/index.d.ts.map +0 -1
  407. package/dist/index.d.ts +0 -56
  408. package/dist/index.d.ts.map +0 -1
  409. package/dist/siesa-ui-kit.cjs +0 -1260
  410. package/dist/siesa-ui-kit.cjs.map +0 -1
  411. package/dist/siesa-ui-kit.mjs +0 -4496
  412. package/dist/siesa-ui-kit.mjs.map +0 -1
  413. package/dist/views/ListView/ListView.d.ts +0 -47
  414. package/dist/views/ListView/ListView.d.ts.map +0 -1
  415. package/dist/views/ListView/ListView.types.d.ts +0 -177
  416. package/dist/views/ListView/ListView.types.d.ts.map +0 -1
  417. package/dist/views/ListView/icons.d.ts +0 -60
  418. package/dist/views/ListView/icons.d.ts.map +0 -1
  419. package/dist/views/ListView/index.d.ts +0 -3
  420. package/dist/views/ListView/index.d.ts.map +0 -1
  421. package/dist/views/LoginView/LoginView.d.ts +0 -36
  422. package/dist/views/LoginView/LoginView.d.ts.map +0 -1
  423. package/dist/views/LoginView/LoginView.types.d.ts +0 -46
  424. package/dist/views/LoginView/LoginView.types.d.ts.map +0 -1
  425. package/dist/views/LoginView/icons.d.ts +0 -18
  426. package/dist/views/LoginView/icons.d.ts.map +0 -1
  427. package/dist/views/LoginView/index.d.ts +0 -4
  428. package/dist/views/LoginView/index.d.ts.map +0 -1
  429. package/dist/views/ProductsView/ProductsView.d.ts +0 -56
  430. package/dist/views/ProductsView/ProductsView.d.ts.map +0 -1
  431. package/dist/views/ProductsView/ProductsView.types.d.ts +0 -184
  432. package/dist/views/ProductsView/ProductsView.types.d.ts.map +0 -1
  433. package/dist/views/ProductsView/icons.d.ts +0 -12
  434. package/dist/views/ProductsView/icons.d.ts.map +0 -1
  435. package/dist/views/ProductsView/index.d.ts +0 -3
  436. package/dist/views/ProductsView/index.d.ts.map +0 -1
  437. package/dist/views/RecoverPasswordView/RecoverPasswordView.d.ts +0 -34
  438. package/dist/views/RecoverPasswordView/RecoverPasswordView.d.ts.map +0 -1
  439. package/dist/views/RecoverPasswordView/RecoverPasswordView.types.d.ts +0 -50
  440. package/dist/views/RecoverPasswordView/RecoverPasswordView.types.d.ts.map +0 -1
  441. package/dist/views/RecoverPasswordView/icons.d.ts +0 -9
  442. package/dist/views/RecoverPasswordView/icons.d.ts.map +0 -1
  443. package/dist/views/RecoverPasswordView/index.d.ts.map +0 -1
  444. package/dist/views/SignUpView/SignUpView.d.ts +0 -38
  445. package/dist/views/SignUpView/SignUpView.d.ts.map +0 -1
  446. package/dist/views/SignUpView/SignUpView.types.d.ts +0 -51
  447. package/dist/views/SignUpView/SignUpView.types.d.ts.map +0 -1
  448. package/dist/views/SignUpView/icons.d.ts +0 -18
  449. package/dist/views/SignUpView/icons.d.ts.map +0 -1
  450. package/dist/views/SignUpView/index.d.ts +0 -4
  451. package/dist/views/SignUpView/index.d.ts.map +0 -1
  452. package/dist/views/TableLayoutView/TableLayoutView.d.ts +0 -46
  453. package/dist/views/TableLayoutView/TableLayoutView.d.ts.map +0 -1
  454. package/dist/views/TableLayoutView/TableLayoutView.types.d.ts +0 -170
  455. package/dist/views/TableLayoutView/TableLayoutView.types.d.ts.map +0 -1
  456. package/dist/views/TableLayoutView/icons.d.ts +0 -27
  457. package/dist/views/TableLayoutView/icons.d.ts.map +0 -1
  458. package/dist/views/TableLayoutView/index.d.ts +0 -3
  459. package/dist/views/TableLayoutView/index.d.ts.map +0 -1
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- import type { NavigationRailProps } from './NavigationRail.types';
3
- /**
4
- * NavigationRail - Componente principal
5
- */
6
- export declare const NavigationRail: React.FC<NavigationRailProps>;
7
- //# sourceMappingURL=NavigationRail.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NavigationRail.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRail/NavigationRail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,mBAAmB,EAA2B,MAAM,wBAAwB,CAAC;AAwO3F;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqLxD,CAAC"}
@@ -1,92 +0,0 @@
1
- import type { ReactNode } from 'react';
2
- /**
3
- * Props para NavigationRailItem
4
- */
5
- export interface NavigationRailItemProps {
6
- /**
7
- * Icono a mostrar en el item
8
- */
9
- icon: ReactNode;
10
- /**
11
- * Label del item de navegación
12
- */
13
- label: string;
14
- /**
15
- * Si el item está seleccionado actualmente
16
- * @default false
17
- */
18
- selected?: boolean;
19
- /**
20
- * Si el item está deshabilitado
21
- * @default false
22
- */
23
- disabled?: boolean;
24
- /**
25
- * Mostrar badge de notificación (dot rojo)
26
- * @default false
27
- */
28
- badge?: boolean;
29
- /**
30
- * Número a mostrar en el badge (reemplaza el dot)
31
- */
32
- badgeCount?: number;
33
- /**
34
- * Handler para evento click
35
- */
36
- onClick?: () => void;
37
- /**
38
- * Label para accesibilidad (ARIA)
39
- */
40
- ariaLabel?: string;
41
- /**
42
- * ID único del item (para navegación)
43
- */
44
- id?: string;
45
- }
46
- /**
47
- * Props del componente NavigationRail
48
- */
49
- export interface NavigationRailProps {
50
- /**
51
- * Items de navegación a mostrar
52
- */
53
- items: NavigationRailItemProps[];
54
- /**
55
- * Alineación vertical de los items
56
- * - `top`: Items alineados arriba (debajo del FAB)
57
- * - `center`: Items centrados verticalmente
58
- * - `bottom`: Items alineados abajo
59
- * @default 'top'
60
- */
61
- alignment?: 'top' | 'center' | 'bottom';
62
- /**
63
- * Mostrar botón FAB (Floating Action Button) en la parte superior
64
- * @default false
65
- */
66
- showFab?: boolean;
67
- /**
68
- * Icono del botón FAB
69
- */
70
- fabIcon?: ReactNode;
71
- /**
72
- * Handler para click en el FAB
73
- */
74
- onFabClick?: () => void;
75
- /**
76
- * Label del FAB para accesibilidad
77
- */
78
- fabAriaLabel?: string;
79
- /**
80
- * Clases CSS adicionales para el contenedor
81
- */
82
- className?: string;
83
- /**
84
- * ID del item seleccionado actualmente
85
- */
86
- selectedId?: string;
87
- /**
88
- * Handler cuando se selecciona un item
89
- */
90
- onItemSelect?: (id: string) => void;
91
- }
92
- //# sourceMappingURL=NavigationRail.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NavigationRail.types.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRail/NavigationRail.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAEhB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,KAAK,EAAE,uBAAuB,EAAE,CAAC;IAEjC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAExC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRail/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC"}
@@ -1,90 +0,0 @@
1
- import React from 'react';
2
- import type { NavigationRailItemProps } from './NavigationRailItem.types';
3
- /**
4
- * NavigationRailItem - Componente independiente para items de NavigationRail
5
- *
6
- * Item individual de navegación vertical (rail) para aplicaciones. Proporciona
7
- * un punto de acceso a destinos mediante un icono, label opcional y badges.
8
- *
9
- * **Características principales:**
10
- * - Ancho fijo de 56px según Figma
11
- * - Estados completos: normal, hover, selected, focus, disabled
12
- * - Badges de notificación con contador opcional
13
- * - Tipografía Label XXSmall (10px Bold) según sistema de diseño
14
- * - Dark mode completo con estrategia 'class'
15
- * - Focus rings adaptativos para accesibilidad
16
- * - Soporte para iconos 16x16px
17
- *
18
- * **Especificaciones de Figma (node 4294-22931):**
19
- * - Ancho: 56px (w-14)
20
- * - Icon container: 32px altura, px-4 py-1, rounded-full
21
- * - Label: 10px Bold, leading 12px (Label XXSmall)
22
- * - Gap: 4px (gap-1)
23
- * - Badge: 13x13px, posición absolute
24
- *
25
- * **Estados visuales (según Figma):**
26
- * - **Enabled**: Icon transparent, label text-content-primary
27
- * - **Hover**: Icon container bg-primary-custom-100 (#dbeefe), icon text-primary-custom-600
28
- * - **Selected**: Icon container bg-primary-custom-100 con overlay, icon text-primary-custom-600
29
- * - **Focus**: Focus ring 2px (#60b6fa) con offset 2px (#dbeefe), sombras combinadas
30
- * - **Disabled**: Opacity 55%, no interactivo
31
- *
32
- * **Dark Mode:**
33
- * - Background: dark-bg-primary
34
- * - Hover icon container: dark-bg-primary/20
35
- * - Selected icon container: dark-primary-custom-600/30
36
- * - Icon colors: dark-content-primary, dark-white on selected
37
- * - Focus ring: dark-border-custom
38
- *
39
- * **Mejores prácticas implementadas:**
40
- * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
41
- * - Tokens de color consistentes con documentación
42
- * - Accesibilidad ARIA completa
43
- * - Focus visible para keyboard navigation
44
- * - Badge positioning absoluto para no afectar layout
45
- *
46
- * @see docs/colors.md - Sistema de colores (primary-custom, dark-*, content-*)
47
- * @see docs/typography.md - Tipografía (Label XXSmall)
48
- * @see docs/spacing.md - Sistema de espaciado
49
- * @see docs/shadows.md - Sistema de sombras y focus rings
50
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4294-22931
51
- *
52
- * @example
53
- * ```tsx
54
- * // Item básico
55
- * <NavigationRailItem
56
- * id="home"
57
- * icon={<HomeIcon />}
58
- * label="Inicio"
59
- * selected={true}
60
- * onClick={() => navigate('/')}
61
- * />
62
- *
63
- * // Con badge de notificación
64
- * <NavigationRailItem
65
- * id="notifications"
66
- * icon={<BellIcon />}
67
- * label="Notificaciones"
68
- * badgeCount={5}
69
- * onClick={() => navigate('/notifications')}
70
- * />
71
- *
72
- * // Item deshabilitado
73
- * <NavigationRailItem
74
- * id="premium"
75
- * icon={<StarIcon />}
76
- * label="Premium"
77
- * disabled={true}
78
- * />
79
- *
80
- * // Solo icono (sin label)
81
- * <NavigationRailItem
82
- * id="home"
83
- * icon={<HomeIcon />}
84
- * label="Inicio"
85
- * showLabelText={false}
86
- * />
87
- * ```
88
- */
89
- export declare const NavigationRailItem: React.FC<NavigationRailItemProps>;
90
- //# sourceMappingURL=NavigationRailItem.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NavigationRailItem.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRailItem/NavigationRailItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqFG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA6NhE,CAAC"}
@@ -1,155 +0,0 @@
1
- import type { ReactNode } from 'react';
2
- /**
3
- * Props para NavigationRailItem
4
- *
5
- * Componente independiente para items individuales de NavigationRail.
6
- * Implementación pixel-perfect según Figma (node 4294-22931).
7
- *
8
- * **Estados:**
9
- * - `Enabled`: Estado normal del item
10
- * - `Hover`: Overlay de color en el icon container
11
- * - `Selected`: Background con overlay según Figma
12
- * - `Focus`: Focus ring de 4px (#60b6fa) con offset de 2px (#dbeefe)
13
- * - `Disabled`: Opacity 55% con pointer-events-none
14
- *
15
- * **Especificaciones de Figma:**
16
- * - Ancho: 56px (w-14)
17
- * - Altura: auto (flex-col)
18
- * - Gap: 4px entre icon y label
19
- * - Padding: 2px horizontal, 0px vertical (px-0.5)
20
- * - Border radius: 9999px (rounded-full) en icon container
21
- * - Tipografía label: Label XXSmall (10px Bold, leading 12px)
22
- * - Icono: 16x16px
23
- *
24
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4294-22931
25
- * @see docs/colors.md - Sistema de colores
26
- * @see docs/typography.md - Sistema tipográfico (Label XXSmall)
27
- * @see docs/spacing.md - Sistema de espaciado
28
- * @see docs/shadows.md - Sistema de sombras (focus ring)
29
- */
30
- export interface NavigationRailItemProps {
31
- /**
32
- * Icono a mostrar en el item
33
- * Tamaño recomendado: 16x16px
34
- * Tipos compatibles: ReactNode, SVG, Heroicons, etc.
35
- *
36
- * @example
37
- * ```tsx
38
- * import { HomeIcon } from '@heroicons/react/24/outline';
39
- * <NavigationRailItem icon={<HomeIcon />} />
40
- * ```
41
- */
42
- icon: ReactNode;
43
- /**
44
- * Label/texto del item de navegación
45
- * Se muestra debajo del icono en tipografía Label XXSmall
46
- *
47
- * @example
48
- * <NavigationRailItem label="Inicio" />
49
- */
50
- label: string;
51
- /**
52
- * Si el item está seleccionado actualmente
53
- *
54
- * Estado visual:
55
- * - Background: bg-primary-custom-100 (#dbeefe) con overlay rgba(0,0,0,0.024)
56
- * - Icono: text-primary-custom-600 (#0e79fd)
57
- * - Label: text-content-primary
58
- *
59
- * @default false
60
- */
61
- selected?: boolean;
62
- /**
63
- * Si el item está deshabilitado
64
- *
65
- * Estado visual:
66
- * - Opacity: 55%
67
- * - Cursor: not-allowed
68
- * - Pointer-events: none
69
- *
70
- * @default false
71
- */
72
- disabled?: boolean;
73
- /**
74
- * Mostrar badge de notificación (dot rojo)
75
- *
76
- * El badge se posiciona en la esquina superior derecha del icon container.
77
- * Tamaño: 13x13px
78
- * Color: #b91c1c (red-700)
79
- * Posición: left-[34px], top-[-3px]
80
- *
81
- * @default false
82
- */
83
- badge?: boolean;
84
- /**
85
- * Número a mostrar en el badge (reemplaza el dot simple)
86
- *
87
- * Si el número es mayor a 99, muestra "99+"
88
- * Tipografía: 10px Bold
89
- * Color: white (#ffffff)
90
- *
91
- * @example
92
- * <NavigationRailItem badgeCount={5} /> // Muestra: 5
93
- * <NavigationRailItem badgeCount={150} /> // Muestra: 99+
94
- */
95
- badgeCount?: number;
96
- /**
97
- * Handler para evento click del item
98
- *
99
- * Se ejecuta cuando el usuario hace click en el item,
100
- * incluso si está en estado selected.
101
- */
102
- onClick?: () => void;
103
- /**
104
- * Label para accesibilidad (ARIA-label)
105
- *
106
- * Si no se proporciona, usa el valor de `label`
107
- *
108
- * @example
109
- * <NavigationRailItem label="Inicio" ariaLabel="Ir a la página de inicio" />
110
- */
111
- ariaLabel?: string;
112
- /**
113
- * ID único del item
114
- *
115
- * Usado para identificar el item en callbacks y para navegación.
116
- * Se añade como atributo data-item-id en el elemento DOM.
117
- *
118
- * @example
119
- * <NavigationRailItem id="home" label="Inicio" />
120
- */
121
- id?: string;
122
- /**
123
- * Mostrar el label del texto
124
- *
125
- * Si es false, solo se muestra el icono
126
- *
127
- * @default true
128
- */
129
- showLabelText?: boolean;
130
- /**
131
- * Mostrar icono
132
- *
133
- * Si es false, solo se muestra el label
134
- *
135
- * @default true
136
- */
137
- showIcon?: boolean;
138
- /**
139
- * Clases CSS adicionales personalizadas
140
- *
141
- * Se aplican al contenedor principal (button)
142
- */
143
- className?: string;
144
- }
145
- /**
146
- * Estados posibles del componente según Figma
147
- *
148
- * - `Enabled`: Estado normal, sin interacción
149
- * - `Hover`: Mouse over el item
150
- * - `Selected`: Item actualmente seleccionado
151
- * - `Focus`: Keyboard focus (accesibilidad)
152
- * - `Disabled`: Item deshabilitado, no interactivo
153
- */
154
- export type NavigationRailItemState = 'Enabled' | 'Hover' | 'Selected' | 'Focus' | 'Disabled';
155
- //# sourceMappingURL=NavigationRailItem.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NavigationRailItem.types.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRailItem/NavigationRailItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,WAAW,uBAAuB;IACtC;;;;;;;;;;OAUG;IACH,IAAI,EAAE,SAAS,CAAC;IAEhB;;;;;;OAMG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;;;;;;;;OAUG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;;;OAQG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC"}
@@ -1,3 +0,0 @@
1
- export { NavigationRailItem } from './NavigationRailItem';
2
- export type { NavigationRailItemProps, NavigationRailItemState } from './NavigationRailItem.types';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRailItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC"}
@@ -1,124 +0,0 @@
1
- import React from 'react';
2
- import type { NavigationRailPanelProps } from './NavigationRailPanel.types';
3
- /**
4
- * Componente NavigationRailPanel del sistema de diseño Siesa
5
- *
6
- * Panel de navegación vertical (rail) que puede contener múltiples secciones
7
- * de items, búsqueda y encabezados. Se usa típicamente en aplicaciones con
8
- * navegación compleja que requieren una estructura jerárquica.
9
- *
10
- * **Estructura principal:**
11
- * 1. Encabezado (DropdownItemHeading) - Opcional
12
- * 2. Input de búsqueda - Opcional
13
- * 3. Divisor - Siempre presente después de búsqueda/encabezado
14
- * 4. Body con secciones de items:
15
- * - Heading de sección (Paragraph/Tiny, content-tertiary)
16
- * - Items colapsables (DropdownItemCollapsible) o simples
17
- * - Divisor entre secciones
18
- *
19
- * **Dimensiones según Figma:**
20
- * - Altura: Variable (por defecto 900px)
21
- * - Ancho del panel: 248px (con padding 12px)
22
- * - Ancho de contenido: 224px
23
- * - Padding del panel: 12px
24
- * - Padding del body: 12px
25
- * - Border: 1px left (border-primary)
26
- * - Border radius: 0px (es un panel recto)
27
- *
28
- * **Tipografía:**
29
- * - Heading (DropdownItemHeading): Label/Small (14px Bold)
30
- * - Section heading: Paragraph/Tiny (12px Regular) - content-tertiary
31
- * - Items: Paragraph/Small (14px Regular)
32
- *
33
- * **Colores (Light Mode):**
34
- * - Background: #ffffff (white)
35
- * - Border: #e4e4e7 (border-primary)
36
- * - Heading text: #18181b (content-primary)
37
- * - Section heading: #71717a (content-tertiary)
38
- * - Item text: #18181b (content-primary)
39
- * - Icon color: #a1a1aa (content-secondary)
40
- *
41
- * **Colores (Dark Mode):**
42
- * - Background: #18181b (dark bg)
43
- * - Border: #3f3f46 (border-primary/dark)
44
- * - Heading text: #fafafa (content-primary/dark)
45
- * - Section heading: #a1a1aa (content-tertiary/dark)
46
- * - Item text: #fafafa (content-primary/dark)
47
- * - Icon color: #a1a1aa (content-secondary/dark)
48
- *
49
- * **Estados:**
50
- * - Default: Sin interacción
51
- * - Hover: Items con hover overlay sutil
52
- * - Focus: Focus ring adaptativo
53
- * - Disabled: Opacidad 50%
54
- * - Active (items colapsables): Expanded state
55
- *
56
- * **Espaciado interno:**
57
- * - Gap entre section heading e items: 0.5 (2px)
58
- * - Gap entre items: 0.5 (2px)
59
- * - Gap entre elemento y contenido: 3 (12px)
60
- * - Padding vertical section heading: pt-3 pb-1 (12px top, 4px bottom)
61
- * - Padding items: py-2 px-4 (8px vertical, 16px horizontal)
62
- *
63
- * **Scroll:**
64
- * - El body es scrolleable verticalmente (overflow-y-auto)
65
- * - El encabezado y búsqueda se mantienen fijos en el tope
66
- *
67
- * @see docs/colors.md - Sistema de colores
68
- * @see docs/typography.md - Sistema tipográfico
69
- * @see docs/spacing.md - Sistema de espaciado
70
- * @see docs/shadows.md - Sistema de sombras
71
- * @see ../DropdownItemHeading - Componente reutilizado para encabezado
72
- * @see ../DropdownItemCollapsible - Componente reutilizado para items colapsables
73
- * @see ../Input - Componente reutilizado para búsqueda
74
- * @see ../Divider - Componente reutilizado para separadores
75
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=6134-34415 - Diseño Figma
76
- *
77
- * @example
78
- * ```tsx
79
- * // Ejemplo simple con secciones
80
- * <NavigationRailPanel
81
- * height={900}
82
- * showHeading={true}
83
- * heading={{
84
- * label: 'Settings',
85
- * description: 'Configure your preferences',
86
- * iconName: 'cog-6-tooth',
87
- * actionLabel: 'Clear',
88
- * showAction: true,
89
- * }}
90
- * showSearch={true}
91
- * search={{
92
- * placeholder: 'Buscar módulo',
93
- * }}
94
- * sections={[
95
- * {
96
- * heading: 'Section 1',
97
- * items: [
98
- * { label: 'Item 1', isCollapsible: true, children: [...] },
99
- * { label: 'Item 2', isCollapsible: false },
100
- * ],
101
- * },
102
- * {
103
- * heading: 'Section 2',
104
- * items: [
105
- * { label: 'Item 3' },
106
- * ],
107
- * },
108
- * ]}
109
- * />
110
- *
111
- * // Ejemplo con items simples sin secciones
112
- * <NavigationRailPanel
113
- * showHeading={false}
114
- * showSearch={true}
115
- * items={[
116
- * { label: 'Dashboard', icon: <DashboardIcon /> },
117
- * { label: 'Users', icon: <UserIcon /> },
118
- * { label: 'Settings', icon: <SettingsIcon /> },
119
- * ]}
120
- * />
121
- * ```
122
- */
123
- export declare const NavigationRailPanel: React.FC<NavigationRailPanelProps>;
124
- //# sourceMappingURL=NavigationRailPanel.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NavigationRailPanel.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRailPanel/NavigationRailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAM5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuHG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAiIlE,CAAC"}
@@ -1,154 +0,0 @@
1
- import type { ReactNode } from 'react';
2
- import type { DropdownItemCollapsibleChildProps } from '../DropdownItemCollapsible/DropdownItemCollapsible.types';
3
- /**
4
- * Props de la sección de items dentro del NavigationRailPanel
5
- */
6
- export interface NavigationRailPanelSectionProps {
7
- /**
8
- * Encabezado de la sección (label del heading)
9
- * Ejemplo: "Categorías", "Departamentos", "Opciones"
10
- */
11
- heading?: string;
12
- /**
13
- * Items que se muestran en la sección
14
- * Pueden ser items simples o items colapsables
15
- */
16
- items: NavigationRailPanelItemProps[];
17
- /**
18
- * Si mostrar divisor después de esta sección
19
- * @default true
20
- */
21
- showDivider?: boolean;
22
- /**
23
- * Clases CSS adicionales
24
- */
25
- className?: string;
26
- }
27
- /**
28
- * Props de un item individual dentro del NavigationRailPanel
29
- */
30
- export interface NavigationRailPanelItemProps {
31
- /**
32
- * Texto o contenido principal del item
33
- * Ejemplo: "Users", "Settings", "Help"
34
- */
35
- label: string;
36
- /**
37
- * Icono a mostrar antes del texto (izquierda)
38
- * Recomendado: 16x16px
39
- */
40
- icon?: ReactNode;
41
- /**
42
- * Si el item es colapsable (muestra items anidados)
43
- * @default false
44
- */
45
- isCollapsible?: boolean;
46
- /**
47
- * Items anidados que se muestran cuando el item está expandido
48
- * Se usa solo cuando isCollapsible es true
49
- */
50
- children?: DropdownItemCollapsibleChildProps[];
51
- /**
52
- * Si el item está expandido inicialmente (para items colapsables)
53
- * @default false
54
- */
55
- defaultOpen?: boolean;
56
- /**
57
- * Si el item está deshabilitado
58
- * @default false
59
- */
60
- disabled?: boolean;
61
- /**
62
- * Callback cuando se hace click en el item
63
- */
64
- onClick?: (e: React.MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;
65
- /**
66
- * Callback cuando el item colapsable se expande/contrae
67
- * @param open - nuevo estado de expansión
68
- */
69
- onOpenChange?: (open: boolean) => void;
70
- /**
71
- * Clases CSS adicionales
72
- */
73
- className?: string;
74
- }
75
- /**
76
- * Props del componente NavigationRailPanel
77
- *
78
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=6134-34415
79
- */
80
- export interface NavigationRailPanelProps {
81
- /**
82
- * Altura del panel en píxeles
83
- * Se usa para el contenedor principal
84
- * Ejemplo: 600, 800, 900
85
- * @default 900
86
- */
87
- height?: number | string;
88
- /**
89
- * Ancho del panel en píxeles
90
- * Ancho estándar: 248px (con padding incluido)
91
- * @default 248
92
- */
93
- width?: number | string;
94
- /**
95
- * Encabezado del panel con icono, label, descripción y acción
96
- * Ejemplo: { label: "Settings", description: "Configure your preferences" }
97
- */
98
- heading?: {
99
- label: string;
100
- description?: string;
101
- showDescription?: boolean;
102
- iconName?: string;
103
- actionLabel?: string;
104
- showAction?: boolean;
105
- onActionClick?: () => void;
106
- };
107
- /**
108
- * Si mostrar el encabezado (DropdownItemHeading)
109
- * @default true
110
- */
111
- showHeading?: boolean;
112
- /**
113
- * Configuración del input de búsqueda
114
- */
115
- search?: {
116
- /**
117
- * Placeholder del input
118
- * @default "Buscar módulo"
119
- */
120
- placeholder?: string;
121
- /**
122
- * Valor actual del input
123
- */
124
- value?: string;
125
- /**
126
- * Callback cuando cambia el valor del input
127
- */
128
- onChange?: (value: string) => void;
129
- };
130
- /**
131
- * Si mostrar el input de búsqueda
132
- * @default true
133
- */
134
- showSearch?: boolean;
135
- /**
136
- * Secciones de items dentro del panel
137
- * Cada sección puede tener un encabezado y múltiples items
138
- */
139
- sections?: NavigationRailPanelSectionProps[];
140
- /**
141
- * Alternativa a sections: items simples sin agrupar
142
- * Se usan cuando no necesitas secciones
143
- */
144
- items?: NavigationRailPanelItemProps[];
145
- /**
146
- * Clases CSS adicionales para el contenedor principal
147
- */
148
- className?: string;
149
- /**
150
- * Clases CSS adicionales para el panel interno
151
- */
152
- panelClassName?: string;
153
- }
154
- //# sourceMappingURL=NavigationRailPanel.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NavigationRailPanel.types.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRailPanel/NavigationRailPanel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,0DAA0D,CAAC;AAElH;;GAEG;AACH,MAAM,WAAW,+BAA+B;IAC9C;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,KAAK,EAAE,4BAA4B,EAAE,CAAC;IAEtC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,iCAAiC,EAAE,CAAC;IAE/C;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,GAAG,cAAc,CAAC,KAAK,IAAI,CAAC;IAE5E;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,WAAW,wBAAwB;IACvC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;OAGG;IACH,OAAO,CAAC,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,eAAe,CAAC,EAAE,OAAO,CAAC;QAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;KAC5B,CAAC;IAEF;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,MAAM,CAAC,EAAE;QACP;;;WAGG;QACH,WAAW,CAAC,EAAE,MAAM,CAAC;QAErB;;WAEG;QACH,KAAK,CAAC,EAAE,MAAM,CAAC;QAEf;;WAEG;QACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;KACpC,CAAC;IAEF;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,+BAA+B,EAAE,CAAC;IAE7C;;;OAGG;IACH,KAAK,CAAC,EAAE,4BAA4B,EAAE,CAAC;IAEvC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB"}
@@ -1,3 +0,0 @@
1
- export { NavigationRailPanel } from './NavigationRailPanel';
2
- export type { NavigationRailPanelProps, NavigationRailPanelSectionProps, NavigationRailPanelItemProps, } from './NavigationRailPanel.types';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRailPanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EACV,wBAAwB,EACxB,+BAA+B,EAC/B,4BAA4B,GAC7B,MAAM,6BAA6B,CAAC"}