siesa-ui-kit 1.0.5 → 1.0.6

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 (198) hide show
  1. package/dist/index.cjs +1479 -0
  2. package/dist/index.cjs.map +1 -0
  3. package/dist/index.js +1479 -0
  4. package/dist/index.js.map +1 -0
  5. package/package.json +23 -14
  6. package/claude/agents/siesa-ui-kit-specialist.md +0 -2401
  7. package/claude/prompts/component-template.md +0 -121
  8. package/claude/settings.local.json +0 -61
  9. package/docs/border-radius.md +0 -1261
  10. package/docs/colors.md +0 -832
  11. package/docs/dark-mode-guide.md +0 -1426
  12. package/docs/filters.md +0 -1243
  13. package/docs/icons.md +0 -1283
  14. package/docs/shadows.md +0 -1377
  15. package/docs/spacing.md +0 -1684
  16. package/docs/typography.md +0 -1268
  17. package/postcss.config.cjs +0 -6
  18. package/src/App.css +0 -42
  19. package/src/App.tsx +0 -8
  20. package/src/ButtonTest.tsx +0 -147
  21. package/src/assets/fonts/README.md +0 -261
  22. package/src/assets/fonts/SiesaBT/SiesaBT-Bold.otf +0 -0
  23. package/src/assets/fonts/SiesaBT/SiesaBT-Light.otf +0 -0
  24. package/src/assets/fonts/SiesaBT/SiesaBT-Regular.otf +0 -0
  25. package/src/assets/react.svg +0 -1
  26. package/src/components/Alert/Alert.stories.tsx +0 -332
  27. package/src/components/Alert/Alert.tsx +0 -106
  28. package/src/components/Alert/Alert.types.ts +0 -54
  29. package/src/components/Avatar/Avatar.stories.tsx +0 -494
  30. package/src/components/Avatar/Avatar.tsx +0 -143
  31. package/src/components/Avatar/Avatar.types.ts +0 -53
  32. package/src/components/Badge/Badge.stories.tsx +0 -339
  33. package/src/components/Badge/Badge.tsx +0 -278
  34. package/src/components/Badge/Badge.types.ts +0 -58
  35. package/src/components/Button/Button.stories.tsx +0 -950
  36. package/src/components/Button/Button.tsx +0 -337
  37. package/src/components/Button/Button.types.ts +0 -180
  38. package/src/components/Button/icons.tsx +0 -87
  39. package/src/components/Button/index.ts +0 -3
  40. package/src/components/Checkbox/Checkbox.stories.tsx +0 -453
  41. package/src/components/Checkbox/Checkbox.tsx +0 -208
  42. package/src/components/Checkbox/Checkbox.types.ts +0 -61
  43. package/src/components/DescriptionList/DescriptionList.stories.tsx +0 -250
  44. package/src/components/DescriptionList/DescriptionList.tsx +0 -96
  45. package/src/components/DescriptionList/DescriptionList.types.ts +0 -29
  46. package/src/components/Divider/Divider.stories.tsx +0 -263
  47. package/src/components/Divider/Divider.tsx +0 -80
  48. package/src/components/Divider/Divider.types.ts +0 -24
  49. package/src/components/Dropdown/Dropdown.stories.tsx +0 -552
  50. package/src/components/Dropdown/Dropdown.tsx +0 -422
  51. package/src/components/Dropdown/Dropdown.types.ts +0 -146
  52. package/src/components/Dropdown/README.md +0 -266
  53. package/src/components/Dropdown/icons.tsx +0 -72
  54. package/src/components/Dropdown/index.ts +0 -8
  55. package/src/components/Input/Input.stories.tsx +0 -583
  56. package/src/components/Input/Input.tsx +0 -204
  57. package/src/components/Input/Input.types.ts +0 -80
  58. package/src/components/Input/icons.tsx +0 -145
  59. package/src/components/Input/index.ts +0 -2
  60. package/src/components/LoginView/LoginView.stories.tsx +0 -148
  61. package/src/components/LoginView/LoginView.tsx +0 -426
  62. package/src/components/LoginView/LoginView.types.ts +0 -52
  63. package/src/components/LoginView/README.md +0 -396
  64. package/src/components/LoginView/icons.tsx +0 -85
  65. package/src/components/LoginView/index.ts +0 -3
  66. package/src/components/Navbar/Navbar.stories.tsx +0 -810
  67. package/src/components/Navbar/Navbar.tsx +0 -755
  68. package/src/components/Navbar/Navbar.types.ts +0 -219
  69. package/src/components/Navbar/README.md +0 -279
  70. package/src/components/Navbar/icons.tsx +0 -102
  71. package/src/components/Navbar/index.ts +0 -8
  72. package/src/components/NavigationBar/NavigationBar.stories.tsx +0 -406
  73. package/src/components/NavigationBar/NavigationBar.tsx +0 -246
  74. package/src/components/NavigationBar/NavigationBar.types.ts +0 -74
  75. package/src/components/NavigationBar/README.md +0 -469
  76. package/src/components/NavigationBar/index.ts +0 -2
  77. package/src/components/NavigationRail/NavigationRail.stories.tsx +0 -417
  78. package/src/components/NavigationRail/NavigationRail.tsx +0 -418
  79. package/src/components/NavigationRail/NavigationRail.types.ts +0 -109
  80. package/src/components/NavigationRail/README.md +0 -224
  81. package/src/components/NavigationRail/index.ts +0 -2
  82. package/src/components/Notification/Notification.stories.tsx +0 -513
  83. package/src/components/Notification/Notification.tsx +0 -145
  84. package/src/components/Notification/Notification.types.ts +0 -142
  85. package/src/components/Notification/README.md +0 -409
  86. package/src/components/Notification/index.ts +0 -3
  87. package/src/components/POSConvention/POSConvention.stories.tsx +0 -235
  88. package/src/components/POSConvention/POSConvention.tsx +0 -129
  89. package/src/components/POSConvention/POSConvention.types.ts +0 -38
  90. package/src/components/POSConvention/README.md +0 -123
  91. package/src/components/POSConvention/icons.tsx +0 -45
  92. package/src/components/POSConvention/index.ts +0 -3
  93. package/src/components/POSLocationButton/POSLocationButton.stories.tsx +0 -531
  94. package/src/components/POSLocationButton/POSLocationButton.tsx +0 -247
  95. package/src/components/POSLocationButton/POSLocationButton.types.ts +0 -87
  96. package/src/components/POSLocationButton/README.md +0 -253
  97. package/src/components/POSLocationButton/icons.tsx +0 -120
  98. package/src/components/POSLocationButton/index.ts +0 -14
  99. package/src/components/POSNumberButton/POSNumberButton.stories.tsx +0 -415
  100. package/src/components/POSNumberButton/POSNumberButton.tsx +0 -179
  101. package/src/components/POSNumberButton/POSNumberButton.types.ts +0 -51
  102. package/src/components/POSNumberButton/README.md +0 -321
  103. package/src/components/POSNumberButton/index.ts +0 -3
  104. package/src/components/POSProductButton/POSProductButton.stories.tsx +0 -318
  105. package/src/components/POSProductButton/POSProductButton.tsx +0 -152
  106. package/src/components/POSProductButton/POSProductButton.types.ts +0 -46
  107. package/src/components/POSProductButton/README.md +0 -269
  108. package/src/components/POSProductButton/index.ts +0 -2
  109. package/src/components/POSProductCard/POSProductCard.stories.tsx +0 -642
  110. package/src/components/POSProductCard/POSProductCard.tsx +0 -208
  111. package/src/components/POSProductCard/POSProductCard.types.ts +0 -76
  112. package/src/components/POSProductCard/README.md +0 -179
  113. package/src/components/POSProductCard/icons.tsx +0 -26
  114. package/src/components/POSProductCard/index.ts +0 -2
  115. package/src/components/POSProductSidebarItems/POSProductSidebarItems.stories.tsx +0 -753
  116. package/src/components/POSProductSidebarItems/POSProductSidebarItems.tsx +0 -332
  117. package/src/components/POSProductSidebarItems/POSProductSidebarItems.types.ts +0 -119
  118. package/src/components/POSProductSidebarItems/README.md +0 -198
  119. package/src/components/POSProductSidebarItems/icons.tsx +0 -21
  120. package/src/components/POSProductSidebarItems/index.ts +0 -3
  121. package/src/components/POSTable/POSTable.stories.tsx +0 -737
  122. package/src/components/POSTable/POSTable.tsx +0 -401
  123. package/src/components/POSTable/POSTable.types.ts +0 -83
  124. package/src/components/POSTable/README.md +0 -286
  125. package/src/components/POSTable/index.ts +0 -7
  126. package/src/components/Pagination/Pagination.stories.tsx +0 -555
  127. package/src/components/Pagination/Pagination.tsx +0 -286
  128. package/src/components/Pagination/Pagination.types.ts +0 -93
  129. package/src/components/Pagination/README.md +0 -298
  130. package/src/components/Pagination/icons.tsx +0 -47
  131. package/src/components/Pagination/index.ts +0 -3
  132. package/src/components/Quantity/Quantity.stories.tsx +0 -457
  133. package/src/components/Quantity/Quantity.tsx +0 -289
  134. package/src/components/Quantity/Quantity.types.ts +0 -70
  135. package/src/components/Radio/Radio.stories.tsx +0 -523
  136. package/src/components/Radio/Radio.tsx +0 -170
  137. package/src/components/Radio/Radio.types.ts +0 -122
  138. package/src/components/Select/README.md +0 -299
  139. package/src/components/Select/Select.stories.tsx +0 -673
  140. package/src/components/Select/Select.tsx +0 -454
  141. package/src/components/Select/Select.types.ts +0 -148
  142. package/src/components/Select/icons.tsx +0 -50
  143. package/src/components/Select/index.ts +0 -3
  144. package/src/components/SignUpView/SignUpView.stories.tsx +0 -129
  145. package/src/components/SignUpView/SignUpView.tsx +0 -503
  146. package/src/components/SignUpView/SignUpView.types.ts +0 -58
  147. package/src/components/SignUpView/icons.tsx +0 -71
  148. package/src/components/SignUpView/index.ts +0 -3
  149. package/src/components/Switch/README.md +0 -112
  150. package/src/components/Switch/Switch.stories.tsx +0 -550
  151. package/src/components/Switch/Switch.tsx +0 -246
  152. package/src/components/Switch/Switch.types.ts +0 -67
  153. package/src/components/Table/README.md +0 -369
  154. package/src/components/Table/Table.stories.tsx +0 -805
  155. package/src/components/Table/Table.tsx +0 -688
  156. package/src/components/Table/Table.types.ts +0 -204
  157. package/src/components/Table/index.ts +0 -9
  158. package/src/components/Tabs/README.md +0 -201
  159. package/src/components/Tabs/Tabs.stories.tsx +0 -580
  160. package/src/components/Tabs/Tabs.tsx +0 -356
  161. package/src/components/Tabs/Tabs.types.ts +0 -127
  162. package/src/components/Tabs/icons.tsx +0 -129
  163. package/src/components/Tabs/index.ts +0 -11
  164. package/src/components/Textarea/Textarea.stories.tsx +0 -535
  165. package/src/components/Textarea/Textarea.tsx +0 -188
  166. package/src/components/Textarea/Textarea.types.ts +0 -54
  167. package/src/context/ThemeContext.tsx +0 -99
  168. package/src/context/index.ts +0 -1
  169. package/src/index.css +0 -29
  170. package/src/index.ts +0 -39
  171. package/src/main.tsx +0 -10
  172. package/src/views/ProductsView/ProductsView.stories.tsx +0 -344
  173. package/src/views/ProductsView/ProductsView.tsx +0 -480
  174. package/src/views/ProductsView/ProductsView.types.ts +0 -238
  175. package/src/views/ProductsView/README.md +0 -312
  176. package/src/views/ProductsView/icons.tsx +0 -38
  177. package/src/views/ProductsView/index.ts +0 -8
  178. package/src/views/RecoverPasswordView/README.md +0 -269
  179. package/src/views/RecoverPasswordView/RecoverPasswordView.stories.tsx +0 -131
  180. package/src/views/RecoverPasswordView/RecoverPasswordView.tsx +0 -376
  181. package/src/views/RecoverPasswordView/RecoverPasswordView.types.ts +0 -56
  182. package/src/views/RecoverPasswordView/icons.tsx +0 -17
  183. package/src/views/RecoverPasswordView/index.ts +0 -2
  184. package/src/views/TableLayoutView/README.md +0 -268
  185. package/src/views/TableLayoutView/TableLayoutView.stories.tsx +0 -235
  186. package/src/views/TableLayoutView/TableLayoutView.tsx +0 -461
  187. package/src/views/TableLayoutView/TableLayoutView.types.ts +0 -209
  188. package/src/views/TableLayoutView/icons.tsx +0 -113
  189. package/src/views/TableLayoutView/index.ts +0 -6
  190. package/storybook/main.ts +0 -20
  191. package/storybook/preview.tsx +0 -84
  192. package/storybook/vitest.setup.ts +0 -7
  193. package/tailwind.config.js +0 -128
  194. /package/{public → dist}/,Business Logo.png +0 -0
  195. /package/{public → dist}/.Siesa Logo.png +0 -0
  196. /package/{public → dist}/bg_siesa.png +0 -0
  197. /package/{public → dist}/siesa_logo_mobile.png +0 -0
  198. /package/{public → dist}/vite.svg +0 -0
@@ -1,121 +0,0 @@
1
- # 🎯 Prompt Template: Crear/Corregir Componentes
2
-
3
- ## ✅ Crear Componente Nuevo
4
-
5
- ```
6
- Usando el agente @.claude\agents\siesa-ui-kit-specialist.md CREA el componente [NOMBRE_COMPONENTE]
7
-
8
- **Figma:** [LINK_FIGMA o "No disponible"]
9
-
10
- **Proceso completo:**
11
- 1. Si hay Figma: extrae specs (colores, tamaños, espaciados, estados)
12
- 2. Revisa docs necesarias (colors.md, typography.md, spacing.md, shadows.md)
13
- 3. Usa Button como referencia de implementación
14
- 4. Genera estructura completa en src/components/[NOMBRE_COMPONENTE]/
15
- 5. Implementa usando tokens del sistema
16
- 6. Asegura dark mode completo en TODOS los elementos
17
- 7. Valida con npm run build
18
- 8. Crea stories con todos los estados y ejemplos
19
- 9. Genera README del componente
20
-
21
- **Checklist obligatorio:**
22
- - [ ] Todos los archivos necesarios (.tsx, .types.ts, .stories.tsx, index.ts, README.md)
23
- - [ ] JSDoc completo con Usando el agente @see references
24
- - [ ] Dark mode en todos los estados (hover, focus, active, disabled)
25
- - [ ] Focus rings adaptativos
26
- - [ ] Props con defaults y tipos estrictos
27
- - [ ] Tokens del sistema (NO colores hardcodeados)
28
- - [ ] Build sin errores
29
- - [ ] Stories con ejemplos completos
30
- - [ ] Pixel-perfect vs Figma (si aplica)
31
-
32
- Reporta detalladamente todos los cambios realizados.
33
- ```
34
-
35
- ---
36
-
37
- ## 🔧 Corregir Componente Existente
38
-
39
- ```
40
- Usando el agente @.claude\agents\siesa-ui-kit-specialist.md CORRIGE el componente [NOMBRE_COMPONENTE]
41
-
42
- **Figma:** [LINK_FIGMA o "No disponible"]
43
-
44
- **Proceso completo:**
45
- 1. Si hay Figma: extrae specs (colores, tamaños, espaciados, estados)
46
- 2. Revisa docs necesarias (colors.md, typography.md, spacing.md, shadows.md)
47
- 3. Usa Button como referencia de implementación
48
- 4. Compara con implementación actual en src/components/[NOMBRE_COMPONENTE]/
49
- 5. Corrige usando tokens del sistema
50
- 6. Asegura dark mode completo en TODOS los elementos
51
- 7. Valida con npm run build
52
- 8. Actualiza stories con todos los estados y ejemplos
53
- 9. Actualiza README del componente si es necesario
54
-
55
- **Checklist obligatorio:**
56
- - [ ] Todos los archivos actualizados (.tsx, .types.ts, .stories.tsx)
57
- - [ ] JSDoc completo con Usando el agente @see references
58
- - [ ] Dark mode en todos los estados (hover, focus, active, disabled)
59
- - [ ] Focus rings adaptativos
60
- - [ ] Props con defaults y tipos estrictos
61
- - [ ] Tokens del sistema (NO colores hardcodeados)
62
- - [ ] Build sin errores
63
- - [ ] Stories con ejemplos completos
64
- - [ ] Pixel-perfect vs Figma (si aplica)
65
-
66
- Reporta detalladamente todos los cambios realizados.
67
- ```
68
-
69
- ---
70
-
71
- ## 🖼️ Crear/Corregir Vista (Página Completa)
72
-
73
- ```
74
- Usando el agente @.claude\agents\siesa-ui-kit-specialist.md CREA la vista [NOMBRE_VISTA]
75
-
76
- **Figma:** [LINK_FIGMA]
77
-
78
- **Descripción:** [Breve descripción de la vista/página]
79
-
80
- **Proceso completo:**
81
- 1. Analiza el diseño de Figma en detalle (layout, composición, espaciado)
82
- 2. Identifica componentes existentes en src/components/ que se pueden reutilizar
83
- 3. Si faltan componentes, créalos primero siguiendo el template de componentes
84
- 4. Revisa docs de layout patterns (si existen) o usa principios de spacing.md
85
- 5. Crea estructura en src/views/[NOMBRE_VISTA]/ con:
86
- - [NombreVista].tsx (componente principal)
87
- - [NombreVista].stories.tsx (Storybook)
88
- - index.ts (exports)
89
- - README.md (documentación)
90
- 6. Compone la vista usando componentes del Storybook
91
- 7. Aplica responsive design (mobile-first)
92
- 8. Asegura dark mode completo
93
- 9. Valida con npm run build y npm run storybook
94
- 10. Documenta uso y props en README
95
-
96
- **Checklist obligatorio:**
97
- - [ ] Análisis completo de Figma (secciones, componentes, layout)
98
- - [ ] Todos los componentes necesarios existen o fueron creados
99
- - [ ] Composición correcta con componentes del sistema
100
- - [ ] Responsive design (breakpoints: sm, md, lg, xl)
101
- - [ ] Dark mode en toda la vista
102
- - [ ] Tokens del sistema para espaciado y colores
103
- - [ ] Stories con diferentes estados (empty, loading, error, success)
104
- - [ ] README con capturas y ejemplos de uso
105
- - [ ] Build sin errores
106
- - [ ] Pixel-perfect vs Figma
107
-
108
- **Estructura esperada:**
109
- src/views/[NombreVista]/
110
- ├── [NombreVista].tsx
111
- ├── [NombreVista].stories.tsx
112
- ├── index.ts
113
- └── README.md
114
-
115
- Reporta detalladamente la composición y componentes utilizados.
116
- ```
117
-
118
- ---
119
-
120
- **Versión**: 1.1.0
121
- **Última actualización**: 2025-11-12
@@ -1,61 +0,0 @@
1
- {
2
- "permissions": {
3
- "allow": [
4
- "Bash(claude mcp add:*)",
5
- "Bash(where:*)",
6
- "Bash(set CLAUDE_CODE_GIT_BASH_PATH=C:UsersssanchezeAppDataLocalProgramsGitusrbinbash.exe)",
7
- "Bash(setx CLAUDE_CODE_GIT_BASH_PATH \"C:\\Users\\ssancheze\\AppData\\Local\\Programs\\Git\\usr\\bin\\bash.exe\")",
8
- "Bash($env:CLAUDE_CODE_GIT_BASH_PATH=\"C:\\Users\\ssancheze\\AppData\\Local\\Programs\\Git\\usr\\bin\\bash.exe\")",
9
- "Bash(export CLAUDE_CODE_GIT_BASH_PATH=\"C:\\Users\\ssancheze\\AppData\\Local\\Programs\\Git\\usr\\bin\\bash.exe\")",
10
- "Bash(claude mcp list:*)",
11
- "Bash(claude mcp)",
12
- "Bash(nul)",
13
- "WebSearch",
14
- "Bash(cmd /c npx -y figma-developer-mcp --help)",
15
- "Bash(npx -y figma-developer-mcp:*)",
16
- "Bash(claude mcp get:*)",
17
- "Bash(npm install:*)",
18
- "Bash(npx tailwindcss init:*)",
19
- "Bash(npm run storybook:*)",
20
- "Bash(taskkill:*)",
21
- "Bash(npx kill-port:*)",
22
- "Bash(cmd /c claude mcp add --transport http figma-desktop http://127.0.0.1:3845/mcp)",
23
- "Bash(dir \"C:\\Users\\ssancheze\\AppData\\Local\\Programs\\Git\")",
24
- "Bash(dir /B:*)",
25
- "WebFetch(domain:www.figma.com)",
26
- "mcp__figma-desktop__get_design_context",
27
- "mcp__figma-desktop__get_variable_defs",
28
- "mcp__figma-desktop__get_screenshot",
29
- "Bash(npm run build:*)",
30
- "Bash(timeout 10 npm run dev:*)",
31
- "Bash(npm run dev:*)",
32
- "mcp__figma-desktop__get_metadata",
33
- "Bash(netstat:*)",
34
- "Bash(findstr:*)",
35
- "WebFetch(domain:storybook.js.org)",
36
- "Bash(if not exist docs mkdir docs)",
37
- "Bash(npm uninstall:*)",
38
- "Bash(move postcss.config.js postcss.config.cjs)",
39
- "Bash(del .storybookpreview.ts)",
40
- "Bash(python update_stories.py:*)",
41
- "Bash(del update_stories.py)",
42
- "Bash(timeout /t 15 /nobreak:*)",
43
- "Bash(dir:*)",
44
- "Bash(git mv:*)",
45
- "mcp__figma__get_metadata",
46
- "mcp__figma__get_design_context",
47
- "mcp__figma__get_screenshot",
48
- "Bash(if not exist \"C:\\Users\\ssancheze\\Desktop\\Dev\\SiesaUIKit\\src\\components\\Navbar\" mkdir \"C:\\Users\\ssancheze\\Desktop\\Dev\\SiesaUIKit\\src\\components\\Navbar\")",
49
- "Bash(timeout:*)",
50
- "Bash(ping:*)",
51
- "Bash(if not exist \"public\" mkdir \"public\")",
52
- "Bash(if not exist \"C:\\Users\\ssancheze\\Desktop\\Dev\\SiesaUIKit\\src\\components\\NavigationRail\" mkdir \"C:\\Users\\ssancheze\\Desktop\\Dev\\SiesaUIKit\\src\\components\\NavigationRail\")",
53
- "Bash(mkdir:*)",
54
- "Bash(find:*)",
55
- "Bash(curl:*)",
56
- "mcp__figma__get_variable_defs"
57
- ],
58
- "deny": [],
59
- "ask": []
60
- }
61
- }