@adamosuiteservices/ui 1.7.13 → 1.8.13

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 (307) hide show
  1. package/dist/accordion-rounded.cjs +24 -2
  2. package/dist/accordion-rounded.js +46 -8
  3. package/dist/accordion.cjs +20 -1
  4. package/dist/accordion.js +29 -5
  5. package/dist/alert.cjs +26 -1
  6. package/dist/alert.js +33 -8
  7. package/dist/avatar.cjs +7 -1
  8. package/dist/avatar.js +8 -2
  9. package/dist/badge.cjs +83 -1
  10. package/dist/badge.js +106 -24
  11. package/dist/breadcrumb.cjs +8 -1
  12. package/dist/breadcrumb.js +11 -4
  13. package/dist/button-B7ZP4LZN.js +127 -0
  14. package/dist/button-D-qFRXiM.cjs +70 -0
  15. package/dist/button-group.cjs +25 -1
  16. package/dist/button-group.js +33 -9
  17. package/dist/button.cjs +1 -1
  18. package/dist/button.js +1 -1
  19. package/dist/calendar.cjs +74 -1
  20. package/dist/calendar.js +114 -35
  21. package/dist/card.cjs +35 -1
  22. package/dist/card.js +45 -11
  23. package/dist/{checkbox-YWAnswaW.cjs → checkbox-CdnZ8VFJ.cjs} +21 -1
  24. package/dist/{checkbox-Dr487kAg.js → checkbox-DhBcmKze.js} +34 -4
  25. package/dist/checkbox.cjs +1 -1
  26. package/dist/checkbox.js +1 -1
  27. package/dist/combobox.cjs +36 -2
  28. package/dist/combobox.js +62 -22
  29. package/dist/components/icons/account-balance-icon.d.ts +3 -0
  30. package/dist/components/icons/account-icon.d.ts +3 -0
  31. package/dist/components/icons/add-circle-icon.d.ts +3 -0
  32. package/dist/components/icons/alarm-icon.d.ts +3 -0
  33. package/dist/components/icons/archive-icon.d.ts +3 -0
  34. package/dist/components/icons/arrow-back-icon.d.ts +3 -0
  35. package/dist/components/icons/arrow-circle-up-icon.d.ts +3 -0
  36. package/dist/components/icons/arrow-forward-icon.d.ts +3 -0
  37. package/dist/components/icons/arrow-outward-icon.d.ts +3 -0
  38. package/dist/components/icons/article-icon.d.ts +3 -0
  39. package/dist/components/icons/attach-file-icon.d.ts +3 -0
  40. package/dist/components/icons/autorenew-icon.d.ts +3 -0
  41. package/dist/components/icons/bookmark-icon.d.ts +3 -0
  42. package/dist/components/icons/calculate-icon.d.ts +3 -0
  43. package/dist/components/icons/calendar-today-icon.d.ts +3 -0
  44. package/dist/components/icons/call-split-icon.d.ts +3 -0
  45. package/dist/components/icons/cancel-filled-icon.d.ts +3 -0
  46. package/dist/components/icons/cancel-icon.d.ts +3 -0
  47. package/dist/components/icons/check-circle-icon.d.ts +3 -0
  48. package/dist/components/icons/check-icon.d.ts +3 -0
  49. package/dist/components/icons/chevron-back-icon.d.ts +3 -0
  50. package/dist/components/icons/chevron-down-icon.d.ts +3 -0
  51. package/dist/components/icons/chevron-forward-icon.d.ts +3 -0
  52. package/dist/components/icons/chevron-up-icon.d.ts +3 -0
  53. package/dist/components/icons/clarify-icon.d.ts +3 -0
  54. package/dist/components/icons/clock-icon.d.ts +3 -0
  55. package/dist/components/icons/close-icon.d.ts +3 -0
  56. package/dist/components/icons/confirmation-number-icon.d.ts +3 -0
  57. package/dist/components/icons/contacts-icon.d.ts +3 -0
  58. package/dist/components/icons/contract-delete-icon.d.ts +3 -0
  59. package/dist/components/icons/copy-icon.d.ts +3 -0
  60. package/dist/components/icons/do-not-touch-icon.d.ts +3 -0
  61. package/dist/components/icons/download-icon.d.ts +3 -0
  62. package/dist/components/icons/dragger-icon.d.ts +3 -0
  63. package/dist/components/icons/edit-icon.d.ts +3 -0
  64. package/dist/components/icons/edit-square-icon.d.ts +3 -0
  65. package/dist/components/icons/exclamation-icon.d.ts +3 -0
  66. package/dist/components/icons/expand-circle-right-icon.d.ts +3 -0
  67. package/dist/components/icons/feature-search-icon.d.ts +3 -0
  68. package/dist/components/icons/filter-icon.d.ts +3 -0
  69. package/dist/components/icons/folder-icon.d.ts +3 -0
  70. package/dist/components/icons/folder-open-icon.d.ts +3 -0
  71. package/dist/components/icons/format-list-bulleted-icon.d.ts +3 -0
  72. package/dist/components/icons/hamburger-menu-icon.d.ts +3 -0
  73. package/dist/components/icons/help-icon.d.ts +3 -0
  74. package/dist/components/icons/hide-pass-icon.d.ts +3 -0
  75. package/dist/components/icons/home-icon.d.ts +3 -0
  76. package/dist/components/icons/id-card-icon.d.ts +3 -0
  77. package/dist/components/icons/index.d.ts +88 -0
  78. package/dist/components/icons/info-icon.d.ts +3 -0
  79. package/dist/components/icons/kid-star-icon.d.ts +3 -0
  80. package/dist/components/icons/language-icon.d.ts +3 -0
  81. package/dist/components/icons/last-page-icon.d.ts +3 -0
  82. package/dist/components/icons/layers-icon.d.ts +3 -0
  83. package/dist/components/icons/location-icon.d.ts +3 -0
  84. package/dist/components/icons/mail-icon.d.ts +3 -0
  85. package/dist/components/icons/manage-search-icon.d.ts +3 -0
  86. package/dist/components/icons/menu-icon.d.ts +3 -0
  87. package/dist/components/icons/message-icon.d.ts +3 -0
  88. package/dist/components/icons/metrics-icon.d.ts +3 -0
  89. package/dist/components/icons/mic-icon.d.ts +3 -0
  90. package/dist/components/icons/minus-icon.d.ts +3 -0
  91. package/dist/components/icons/mode-comment-icon.d.ts +3 -0
  92. package/dist/components/icons/money-icon.d.ts +3 -0
  93. package/dist/components/icons/monitoring-icon.d.ts +3 -0
  94. package/dist/components/icons/more-icon.d.ts +3 -0
  95. package/dist/components/icons/notifications-icon.d.ts +3 -0
  96. package/dist/components/icons/open-in-new-icon.d.ts +3 -0
  97. package/dist/components/icons/palette-icon.d.ts +3 -0
  98. package/dist/components/icons/password-icon.d.ts +3 -0
  99. package/dist/components/icons/pending-icon.d.ts +3 -0
  100. package/dist/components/icons/person-add-icon.d.ts +3 -0
  101. package/dist/components/icons/person-search-icon.d.ts +3 -0
  102. package/dist/components/icons/photo-icon.d.ts +3 -0
  103. package/dist/components/icons/plus-icon.d.ts +3 -0
  104. package/dist/components/icons/policy-icon.d.ts +3 -0
  105. package/dist/components/icons/publish-icon.d.ts +3 -0
  106. package/dist/components/icons/ready-icon.d.ts +3 -0
  107. package/dist/components/icons/receipt-icon.d.ts +3 -0
  108. package/dist/components/icons/receive-icon.d.ts +3 -0
  109. package/dist/components/icons/refresh-icon.d.ts +3 -0
  110. package/dist/components/icons/search-icon.d.ts +3 -0
  111. package/dist/components/icons/see-icon.d.ts +3 -0
  112. package/dist/components/icons/send-icon.d.ts +3 -0
  113. package/dist/components/icons/settings-icon.d.ts +3 -0
  114. package/dist/components/icons/shield-icon.d.ts +3 -0
  115. package/dist/components/icons/swap-horiz-icon.d.ts +3 -0
  116. package/dist/components/icons/tag-icon.d.ts +3 -0
  117. package/dist/components/icons/trash-icon.d.ts +3 -0
  118. package/dist/components/layout/toaster/toaster.d.ts +1 -1
  119. package/dist/components/layout/toaster/toaster.stories.d.ts +1 -1
  120. package/dist/components/ui/accordion/accordion.d.ts +1 -1
  121. package/dist/components/ui/accordion/accordion.stories.d.ts +1 -1
  122. package/dist/components/ui/accordion-rounded/accordion-rounded.d.ts +1 -1
  123. package/dist/components/ui/accordion-rounded/accordion-rounded.stories.d.ts +1 -1
  124. package/dist/components/ui/alert/alert.stories.d.ts +1 -1
  125. package/dist/components/ui/avatar/avatar.d.ts +1 -1
  126. package/dist/components/ui/avatar/avatar.stories.d.ts +1 -1
  127. package/dist/components/ui/badge/badge.stories.d.ts +1 -1
  128. package/dist/components/ui/breadcrumb/breadcrumb.stories.d.ts +1 -1
  129. package/dist/components/ui/button/button.stories.d.ts +1 -1
  130. package/dist/components/ui/button-group/button-group.d.ts +1 -1
  131. package/dist/components/ui/button-group/button-group.stories.d.ts +1 -1
  132. package/dist/components/ui/calendar/calendar.d.ts +1 -1
  133. package/dist/components/ui/calendar/calendar.stories.d.ts +1 -1
  134. package/dist/components/ui/card/card.stories.d.ts +1 -1
  135. package/dist/components/ui/checkbox/checkbox.d.ts +1 -1
  136. package/dist/components/ui/checkbox/checkbox.stories.d.ts +1 -1
  137. package/dist/components/ui/collapsible/collapsible.stories.d.ts +1 -1
  138. package/dist/components/ui/combobox/combobox.stories.d.ts +1 -1
  139. package/dist/components/ui/command/command.d.ts +1 -1
  140. package/dist/components/ui/context-menu/context-menu.d.ts +1 -1
  141. package/dist/components/ui/context-menu/context-menu.stories.d.ts +1 -1
  142. package/dist/components/ui/dialog/dialog.d.ts +1 -1
  143. package/dist/components/ui/dialog/dialog.stories.d.ts +1 -1
  144. package/dist/components/ui/dropdown-menu/dropdown-menu.d.ts +1 -1
  145. package/dist/components/ui/dropdown-menu/dropdown-menu.stories.d.ts +1 -1
  146. package/dist/components/ui/field/field.d.ts +1 -1
  147. package/dist/components/ui/field/field.stories.d.ts +1 -1
  148. package/dist/components/ui/hover-card/hover-card.d.ts +1 -1
  149. package/dist/components/ui/hover-card/hover-card.stories.d.ts +1 -1
  150. package/dist/components/ui/input/input.stories.d.ts +1 -1
  151. package/dist/components/ui/input-group/Input-group.stories.d.ts +1 -1
  152. package/dist/components/ui/input-group/input-group.d.ts +1 -1
  153. package/dist/components/ui/kbd/kbd.stories.d.ts +1 -1
  154. package/dist/components/ui/label/label.d.ts +1 -1
  155. package/dist/components/ui/label/label.stories.d.ts +1 -1
  156. package/dist/components/ui/pagination/pagination.stories.d.ts +1 -1
  157. package/dist/components/ui/popover/popover.d.ts +1 -1
  158. package/dist/components/ui/popover/popover.stories.d.ts +1 -1
  159. package/dist/components/ui/progress/progress.d.ts +1 -1
  160. package/dist/components/ui/progress/progress.stories.d.ts +1 -1
  161. package/dist/components/ui/radio-group/radio-group.d.ts +1 -1
  162. package/dist/components/ui/radio-group/radio-group.stories.d.ts +1 -1
  163. package/dist/components/ui/scroll-area/scroll-area.d.ts +1 -1
  164. package/dist/components/ui/scroll-area/scroll-area.stories.d.ts +1 -1
  165. package/dist/components/ui/select/select.d.ts +1 -1
  166. package/dist/components/ui/select/select.stories.d.ts +1 -1
  167. package/dist/components/ui/separator/separator.d.ts +1 -1
  168. package/dist/components/ui/separator/separator.stories.d.ts +1 -1
  169. package/dist/components/ui/sheet/sheet.d.ts +1 -1
  170. package/dist/components/ui/sheet/sheet.stories.d.ts +1 -1
  171. package/dist/components/ui/skeleton/skeleton.stories.d.ts +1 -1
  172. package/dist/components/ui/slider/slider.d.ts +1 -1
  173. package/dist/components/ui/slider/slider.stories.d.ts +1 -1
  174. package/dist/components/ui/spinner/spinner.stories.d.ts +1 -1
  175. package/dist/components/ui/switch/switch.d.ts +1 -1
  176. package/dist/components/ui/switch/switch.stories.d.ts +1 -1
  177. package/dist/components/ui/tabs/tabs.d.ts +1 -1
  178. package/dist/components/ui/tabs/tabs.stories.d.ts +1 -1
  179. package/dist/components/ui/tabs-underline/tabs-underline.d.ts +1 -1
  180. package/dist/components/ui/tabs-underline/tabs-underline.stories.d.ts +1 -1
  181. package/dist/components/ui/textarea/textarea.stories.d.ts +1 -1
  182. package/dist/components/ui/toggle/toggle.d.ts +1 -1
  183. package/dist/components/ui/toggle/toggle.stories.d.ts +1 -1
  184. package/dist/components/ui/tooltip/tooltip.d.ts +1 -1
  185. package/dist/components/ui/tooltip/tooltip.stories.d.ts +1 -1
  186. package/dist/context-menu.cjs +79 -1
  187. package/dist/context-menu.js +101 -11
  188. package/dist/custom-layered-styles.css +1 -1
  189. package/dist/dialog.cjs +30 -1
  190. package/dist/dialog.js +35 -6
  191. package/dist/dropdown-menu.cjs +79 -1
  192. package/dist/dropdown-menu.js +101 -11
  193. package/dist/field.cjs +66 -1
  194. package/dist/field.js +91 -26
  195. package/dist/hover-card.cjs +15 -1
  196. package/dist/hover-card.js +15 -1
  197. package/dist/icons.cjs +1 -0
  198. package/dist/icons.js +1507 -0
  199. package/dist/input-BQZUpTEY.js +42 -0
  200. package/dist/input-DSmxdfq5.cjs +21 -0
  201. package/dist/input-group.cjs +76 -1
  202. package/dist/input-group.js +99 -24
  203. package/dist/input.cjs +1 -1
  204. package/dist/input.js +1 -1
  205. package/dist/kbd.cjs +10 -1
  206. package/dist/kbd.js +11 -2
  207. package/dist/{label-CmwGvhy1.js → label-BJ8Yf6Ft.js} +7 -1
  208. package/dist/{label-BjXORCBM.cjs → label-CNGQhi5L.cjs} +7 -1
  209. package/dist/label.cjs +1 -1
  210. package/dist/label.js +1 -1
  211. package/dist/pagination.cjs +13 -1
  212. package/dist/pagination.js +30 -6
  213. package/dist/{popover-FCKBtFo-.cjs → popover-CYbik-H4.cjs} +15 -1
  214. package/dist/{popover-3rIoNCXs.js → popover-DAwH8jUh.js} +15 -1
  215. package/dist/popover.cjs +1 -1
  216. package/dist/popover.js +1 -1
  217. package/dist/radio-group.cjs +14 -1
  218. package/dist/radio-group.js +20 -2
  219. package/dist/select.cjs +68 -1
  220. package/dist/select.js +83 -10
  221. package/dist/{separator-BaZqZZ9R.cjs → separator-Brpax0EI.cjs} +7 -1
  222. package/dist/{separator-DR7lQjv9.js → separator-DVypR3Qf.js} +7 -1
  223. package/dist/separator.cjs +1 -1
  224. package/dist/separator.js +1 -1
  225. package/dist/sheet-CGahUP7F.cjs +41 -0
  226. package/dist/sheet-Q3dBOQG-.js +174 -0
  227. package/dist/sheet.cjs +1 -1
  228. package/dist/sheet.js +1 -1
  229. package/dist/sidebar.cjs +20 -2
  230. package/dist/sidebar.js +58 -26
  231. package/dist/skeleton.cjs +1 -1
  232. package/dist/skeleton.js +1 -1
  233. package/dist/slider.cjs +27 -1
  234. package/dist/slider.js +30 -4
  235. package/dist/space.css +1 -1
  236. package/dist/styles.css +1 -1
  237. package/dist/switch.cjs +18 -1
  238. package/dist/switch.js +19 -2
  239. package/dist/table.cjs +20 -1
  240. package/dist/table.js +26 -7
  241. package/dist/tabs-underline.cjs +21 -1
  242. package/dist/tabs-underline.js +23 -3
  243. package/dist/tabs.cjs +22 -1
  244. package/dist/tabs.js +24 -3
  245. package/dist/textarea-CG7iQcb3.cjs +14 -0
  246. package/dist/textarea-CUPWKl-S.js +32 -0
  247. package/dist/textarea.cjs +1 -1
  248. package/dist/textarea.js +1 -1
  249. package/dist/toaster.cjs +4 -1
  250. package/dist/toaster.js +9 -6
  251. package/dist/toggle.cjs +17 -1
  252. package/dist/toggle.js +25 -9
  253. package/dist/tooltip.cjs +16 -1
  254. package/dist/tooltip.js +22 -2
  255. package/dist/typography.cjs +1 -1
  256. package/dist/typography.js +6 -6
  257. package/docs/AI-GUIDE.md +321 -321
  258. package/docs/components/layout/sidebar.md +404 -404
  259. package/docs/components/layout/toaster.md +436 -436
  260. package/docs/components/ui/accordion-rounded.md +583 -583
  261. package/docs/components/ui/accordion.md +267 -267
  262. package/docs/components/ui/alert.md +671 -671
  263. package/docs/components/ui/avatar.md +588 -588
  264. package/docs/components/ui/badge.md +1024 -1024
  265. package/docs/components/ui/button-group.md +1002 -1002
  266. package/docs/components/ui/button.md +1078 -1078
  267. package/docs/components/ui/calendar.md +1159 -1159
  268. package/docs/components/ui/card.md +1265 -1265
  269. package/docs/components/ui/checkbox.md +292 -292
  270. package/docs/components/ui/collapsible.md +320 -320
  271. package/docs/components/ui/command.md +454 -454
  272. package/docs/components/ui/context-menu.md +540 -540
  273. package/docs/components/ui/dialog.md +628 -628
  274. package/docs/components/ui/dropdown-menu.md +731 -731
  275. package/docs/components/ui/field.md +706 -706
  276. package/docs/components/ui/hover-card.md +446 -446
  277. package/docs/components/ui/input-group.md +509 -509
  278. package/docs/components/ui/input.md +362 -362
  279. package/docs/components/ui/kbd.md +434 -434
  280. package/docs/components/ui/label.md +359 -359
  281. package/docs/components/ui/pagination.md +650 -650
  282. package/docs/components/ui/popover.md +536 -536
  283. package/docs/components/ui/progress.md +182 -182
  284. package/docs/components/ui/radio-group.md +311 -311
  285. package/docs/components/ui/select.md +352 -352
  286. package/docs/components/ui/separator.md +214 -214
  287. package/docs/components/ui/sheet.md +142 -142
  288. package/docs/components/ui/skeleton.md +140 -140
  289. package/docs/components/ui/slider.md +341 -341
  290. package/docs/components/ui/spinner.md +170 -170
  291. package/docs/components/ui/switch.md +402 -402
  292. package/docs/components/ui/table.md +183 -183
  293. package/docs/components/ui/tabs-underline.md +106 -106
  294. package/docs/components/ui/tabs.md +122 -122
  295. package/docs/components/ui/textarea.md +243 -243
  296. package/docs/components/ui/toggle.md +243 -243
  297. package/docs/components/ui/tooltip.md +320 -320
  298. package/docs/components/ui/typography.md +191 -191
  299. package/package.json +7 -1
  300. package/dist/button-2GdKenQI.js +0 -58
  301. package/dist/button-DEQVHMrX.cjs +0 -1
  302. package/dist/input-BF73maXg.cjs +0 -1
  303. package/dist/input-C04hsVXE.js +0 -22
  304. package/dist/sheet-B-9YHdR5.js +0 -128
  305. package/dist/sheet-CU-sFSaJ.cjs +0 -1
  306. package/dist/textarea-3ZdbFRDN.cjs +0 -1
  307. package/dist/textarea-BZbcAAAu.js +0 -19
@@ -1,191 +1,191 @@
1
- # Typography
2
-
3
- Sistema de estilos de texto con variantes de tamaño. Wrapper flexible con soporte `asChild`.
4
-
5
- ## Importación
6
-
7
- ```tsx
8
- import { Typography } from "@adamosuiteservices/ui/typography";
9
- ```
10
-
11
- ## Anatomía
12
-
13
- ```tsx
14
- <Typography variant="md">Default paragraph text.</Typography>
15
- ```
16
-
17
- **Componentes**: 1 (Typography)
18
-
19
- ## Props
20
-
21
- | Prop | Tipo | Descripción |
22
- | ----------- | ------------------------------------------- | --------------------------------------- |
23
- | `variant` | `"lg" \| "md" \| "sm" \| "xs" \| "caption"` | Tamaño del texto |
24
- | `asChild` | `boolean` | Renderiza como child element (usa Slot) |
25
- | `className` | `string` | Clases CSS adicionales |
26
-
27
- **Nota**: Acepta todas las props de `<p>` cuando `asChild=false`
28
-
29
- ## Variantes
30
-
31
- | Variante | Font Size | Line Height | Uso |
32
- | --------- | ------------- | ---------------- | -------------------------- |
33
- | `lg` | `text-lg` | `leading-1` | Headings, texto enfatizado |
34
- | `md` | `text-base` | `leading-0.5` | Body text default |
35
- | `sm` | `text-sm` | `leading` | Secondary text, labels |
36
- | `xs` | `text-xs` | `leading-[20px]` | Fine print, detalles |
37
- | `caption` | `text-[11px]` | `leading-[18px]` | Captions, metadata |
38
-
39
- ## Patrones de Uso
40
-
41
- ### Básico
42
-
43
- ```tsx
44
- import { Typography } from "@adamosuiteservices/ui/typography";
45
-
46
- <Typography>Default paragraph with no variant.</Typography>
47
- <Typography variant="lg">Large text for emphasis.</Typography>
48
- <Typography variant="sm">Small secondary text.</Typography>
49
- ```
50
-
51
- ### Como Headings
52
-
53
- ```tsx
54
- // H1
55
- <Typography asChild variant="lg">
56
- <h1 className="scroll-m-20 text-4xl font-extrabold tracking-tight">
57
- Main Page Heading
58
- </h1>
59
- </Typography>
60
-
61
- // H2
62
- <Typography asChild variant="lg">
63
- <h2 className="scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight">
64
- Section Heading
65
- </h2>
66
- </Typography>
67
-
68
- // H3
69
- <Typography asChild variant="md">
70
- <h3 className="scroll-m-20 text-2xl font-semibold tracking-tight">
71
- Subsection
72
- </h3>
73
- </Typography>
74
-
75
- // H4
76
- <Typography asChild variant="md">
77
- <h4 className="scroll-m-20 text-xl font-semibold tracking-tight">
78
- Small Heading
79
- </h4>
80
- </Typography>
81
- ```
82
-
83
- ### Paragraph
84
-
85
- ```tsx
86
- <Typography asChild variant="md">
87
- <p className="leading-7 [&:not(:first-child)]:mt-6">
88
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
89
- </p>
90
- </Typography>
91
- ```
92
-
93
- ### Blockquote
94
-
95
- ```tsx
96
- <Typography asChild variant="md">
97
- <blockquote className="mt-6 border-l-2 pl-6 italic">
98
- "This is a quote with proper styling and emphasis."
99
- </blockquote>
100
- </Typography>
101
- ```
102
-
103
- ### Inline Code
104
-
105
- ```tsx
106
- <Typography asChild variant="sm">
107
- <code className="bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold">
108
- @radix-ui/react-alert-dialog
109
- </code>
110
- </Typography>
111
- ```
112
-
113
- ### Lead Text
114
-
115
- ```tsx
116
- <Typography asChild variant="lg">
117
- <p className="text-xl text-muted-foreground">
118
- An introductory paragraph that stands out from regular body text.
119
- </p>
120
- </Typography>
121
- ```
122
-
123
- ### Small / Fine Print
124
-
125
- ```tsx
126
- <Typography asChild variant="sm">
127
- <small className="text-sm font-medium leading-none">Email address</small>
128
- </Typography>
129
- ```
130
-
131
- ### Muted Text
132
-
133
- ```tsx
134
- <Typography asChild variant="sm">
135
- <p className="text-sm text-muted-foreground">
136
- Secondary information with reduced emphasis.
137
- </p>
138
- </Typography>
139
- ```
140
-
141
- ### Caption
142
-
143
- ```tsx
144
- <Typography variant="caption">
145
- Image caption or metadata · Published 2 hours ago
146
- </Typography>
147
- ```
148
-
149
- ## Casos de Uso
150
-
151
- **Headings**: H1-H6 con tamaños consistentes
152
- **Body text**: Párrafos y contenido principal
153
- **Labels**: Etiquetas de formularios
154
- **Captions**: Descripciones de imágenes, metadata
155
- **Fine print**: Términos, condiciones, notas
156
- **Quotes**: Citas y testimonios
157
-
158
- ## Estilos Base
159
-
160
- - **lg**: 18px, line-height: leading-1
161
- - **md**: 16px, line-height: leading-0.5 (default)
162
- - **sm**: 14px, line-height: leading
163
- - **xs**: 12px, line-height: 20px
164
- - **caption**: 11px, line-height: 18px
165
-
166
- ## Accesibilidad
167
-
168
- - ✅ **Semantic HTML**: Usa `asChild` con elementos semánticos apropiados
169
- - ✅ **Heading hierarchy**: Mantén orden lógico de headings (H1 → H2 → H3)
170
- - ✅ **Contrast**: Asegura contraste suficiente con backgrounds
171
- - ⚠️ **No usar solo para estilo**: Usa elementos semánticos apropiados
172
-
173
- ## Notas de Implementación
174
-
175
- - **CVA**: Variantes con class-variance-authority
176
- - **Slot**: Usa `@radix-ui/react-slot` para `asChild`
177
- - **Default element**: `<p>` cuando `asChild=false`
178
- - **Data attribute**: `data-slot="typography"` para identificación
179
- - **No estilos de color**: Typography solo define tamaño/line-height, combina con utility classes para color/weight
180
-
181
- ## Troubleshooting
182
-
183
- **Variant no aplica**: Verifica que variant esté entre las opciones válidas
184
- **asChild no funciona**: Asegura que child sea un elemento válido, no texto plano
185
- **Line height incorrecto**: Typography define line-heights base, pueden ser sobrescritos con className
186
- **No semantic HTML**: Usa `asChild` con elementos apropiados (h1, h2, p, etc.)
187
-
188
- ## Referencias
189
-
190
- - **shadcn/ui Typography**: <https://ui.shadcn.com/docs/components/typography>
191
- - **Tailwind Typography**: <https://tailwindcss.com/docs/typography-plugin>
1
+ # Typography
2
+
3
+ Sistema de estilos de texto con variantes de tamaño. Wrapper flexible con soporte `asChild`.
4
+
5
+ ## Importación
6
+
7
+ ```tsx
8
+ import { Typography } from "@adamosuiteservices/ui/typography";
9
+ ```
10
+
11
+ ## Anatomía
12
+
13
+ ```tsx
14
+ <Typography variant="md">Default paragraph text.</Typography>
15
+ ```
16
+
17
+ **Componentes**: 1 (Typography)
18
+
19
+ ## Props
20
+
21
+ | Prop | Tipo | Descripción |
22
+ | ----------- | ------------------------------------------- | --------------------------------------- |
23
+ | `variant` | `"lg" \| "md" \| "sm" \| "xs" \| "caption"` | Tamaño del texto |
24
+ | `asChild` | `boolean` | Renderiza como child element (usa Slot) |
25
+ | `className` | `string` | Clases CSS adicionales |
26
+
27
+ **Nota**: Acepta todas las props de `<p>` cuando `asChild=false`
28
+
29
+ ## Variantes
30
+
31
+ | Variante | Font Size | Line Height | Uso |
32
+ | --------- | ------------- | ---------------- | -------------------------- |
33
+ | `lg` | `text-lg` | `leading-1` | Headings, texto enfatizado |
34
+ | `md` | `text-base` | `leading-0.5` | Body text default |
35
+ | `sm` | `text-sm` | `leading` | Secondary text, labels |
36
+ | `xs` | `text-xs` | `leading-[20px]` | Fine print, detalles |
37
+ | `caption` | `text-[11px]` | `leading-[18px]` | Captions, metadata |
38
+
39
+ ## Patrones de Uso
40
+
41
+ ### Básico
42
+
43
+ ```tsx
44
+ import { Typography } from "@adamosuiteservices/ui/typography";
45
+
46
+ <Typography>Default paragraph with no variant.</Typography>
47
+ <Typography variant="lg">Large text for emphasis.</Typography>
48
+ <Typography variant="sm">Small secondary text.</Typography>
49
+ ```
50
+
51
+ ### Como Headings
52
+
53
+ ```tsx
54
+ // H1
55
+ <Typography asChild variant="lg">
56
+ <h1 className="scroll-m-20 text-4xl font-extrabold tracking-tight">
57
+ Main Page Heading
58
+ </h1>
59
+ </Typography>
60
+
61
+ // H2
62
+ <Typography asChild variant="lg">
63
+ <h2 className="scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight">
64
+ Section Heading
65
+ </h2>
66
+ </Typography>
67
+
68
+ // H3
69
+ <Typography asChild variant="md">
70
+ <h3 className="scroll-m-20 text-2xl font-semibold tracking-tight">
71
+ Subsection
72
+ </h3>
73
+ </Typography>
74
+
75
+ // H4
76
+ <Typography asChild variant="md">
77
+ <h4 className="scroll-m-20 text-xl font-semibold tracking-tight">
78
+ Small Heading
79
+ </h4>
80
+ </Typography>
81
+ ```
82
+
83
+ ### Paragraph
84
+
85
+ ```tsx
86
+ <Typography asChild variant="md">
87
+ <p className="leading-7 [&:not(:first-child)]:mt-6">
88
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
89
+ </p>
90
+ </Typography>
91
+ ```
92
+
93
+ ### Blockquote
94
+
95
+ ```tsx
96
+ <Typography asChild variant="md">
97
+ <blockquote className="mt-6 border-l-2 pl-6 italic">
98
+ "This is a quote with proper styling and emphasis."
99
+ </blockquote>
100
+ </Typography>
101
+ ```
102
+
103
+ ### Inline Code
104
+
105
+ ```tsx
106
+ <Typography asChild variant="sm">
107
+ <code className="bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold">
108
+ @radix-ui/react-alert-dialog
109
+ </code>
110
+ </Typography>
111
+ ```
112
+
113
+ ### Lead Text
114
+
115
+ ```tsx
116
+ <Typography asChild variant="lg">
117
+ <p className="text-xl text-muted-foreground">
118
+ An introductory paragraph that stands out from regular body text.
119
+ </p>
120
+ </Typography>
121
+ ```
122
+
123
+ ### Small / Fine Print
124
+
125
+ ```tsx
126
+ <Typography asChild variant="sm">
127
+ <small className="text-sm font-medium leading-none">Email address</small>
128
+ </Typography>
129
+ ```
130
+
131
+ ### Muted Text
132
+
133
+ ```tsx
134
+ <Typography asChild variant="sm">
135
+ <p className="text-sm text-muted-foreground">
136
+ Secondary information with reduced emphasis.
137
+ </p>
138
+ </Typography>
139
+ ```
140
+
141
+ ### Caption
142
+
143
+ ```tsx
144
+ <Typography variant="caption">
145
+ Image caption or metadata · Published 2 hours ago
146
+ </Typography>
147
+ ```
148
+
149
+ ## Casos de Uso
150
+
151
+ **Headings**: H1-H6 con tamaños consistentes
152
+ **Body text**: Párrafos y contenido principal
153
+ **Labels**: Etiquetas de formularios
154
+ **Captions**: Descripciones de imágenes, metadata
155
+ **Fine print**: Términos, condiciones, notas
156
+ **Quotes**: Citas y testimonios
157
+
158
+ ## Estilos Base
159
+
160
+ - **lg**: 18px, line-height: leading-1
161
+ - **md**: 16px, line-height: leading-0.5 (default)
162
+ - **sm**: 14px, line-height: leading
163
+ - **xs**: 12px, line-height: 20px
164
+ - **caption**: 11px, line-height: 18px
165
+
166
+ ## Accesibilidad
167
+
168
+ - ✅ **Semantic HTML**: Usa `asChild` con elementos semánticos apropiados
169
+ - ✅ **Heading hierarchy**: Mantén orden lógico de headings (H1 → H2 → H3)
170
+ - ✅ **Contrast**: Asegura contraste suficiente con backgrounds
171
+ - ⚠️ **No usar solo para estilo**: Usa elementos semánticos apropiados
172
+
173
+ ## Notas de Implementación
174
+
175
+ - **CVA**: Variantes con class-variance-authority
176
+ - **Slot**: Usa `@radix-ui/react-slot` para `asChild`
177
+ - **Default element**: `<p>` cuando `asChild=false`
178
+ - **Data attribute**: `data-slot="typography"` para identificación
179
+ - **No estilos de color**: Typography solo define tamaño/line-height, combina con utility classes para color/weight
180
+
181
+ ## Troubleshooting
182
+
183
+ **Variant no aplica**: Verifica que variant esté entre las opciones válidas
184
+ **asChild no funciona**: Asegura que child sea un elemento válido, no texto plano
185
+ **Line height incorrecto**: Typography define line-heights base, pueden ser sobrescritos con className
186
+ **No semantic HTML**: Usa `asChild` con elementos apropiados (h1, h2, p, etc.)
187
+
188
+ ## Referencias
189
+
190
+ - **shadcn/ui Typography**: <https://ui.shadcn.com/docs/components/typography>
191
+ - **Tailwind Typography**: <https://tailwindcss.com/docs/typography-plugin>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adamosuiteservices/ui",
3
- "version": "1.7.13",
3
+ "version": "1.8.13",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
@@ -30,6 +30,10 @@
30
30
  "types": "./dist/lib/index.d.ts",
31
31
  "import": "./dist/lib.js"
32
32
  },
33
+ "./icons": {
34
+ "types": "./dist/components/icons/icons.d.ts",
35
+ "import": "./dist/icons.js"
36
+ },
33
37
  "./sidebar": {
34
38
  "types": "./dist/components/layout/sidebar/sidebar.d.ts",
35
39
  "import": "./dist/sidebar.js"
@@ -271,6 +275,8 @@
271
275
  "babel-plugin-react-compiler": "^19.1.0-rc.3",
272
276
  "cross-env": "^10.1.0",
273
277
  "eslint": "^9.36.0",
278
+ "eslint-plugin-better-tailwindcss": "^3.7.10",
279
+ "eslint-plugin-import": "^2.32.0",
274
280
  "eslint-plugin-react-hooks": "^5.2.0",
275
281
  "eslint-plugin-react-refresh": "^0.4.22",
276
282
  "eslint-plugin-storybook": "^10.0.0",
@@ -1,58 +0,0 @@
1
- import { j as m } from "./jsx-runtime-BzflLqGi.js";
2
- import "react";
3
- import { S as t } from "./index-BvLQnI56.js";
4
- import { c as n } from "./index-BqtVL8d-.js";
5
- import { c as o } from "./index-CRiPKpXj.js";
6
- const c = n(
7
- "adm:inline-flex adm:items-center adm:justify-center adm:gap-2 adm:whitespace-nowrap adm:rounded-md adm:text-sm adm:font-semibold adm:transition-all adm:disabled:pointer-events-none adm:disabled:opacity-50 adm:[&_svg]:pointer-events-none adm:[&_svg:not([class*=size-])]:size-4 adm:shrink-0 adm:[&_svg]:shrink-0 adm:outline-none adm:focus-visible:border-ring adm:focus-visible:ring-ring/50 adm:focus-visible:ring-[3px] adm:aria-invalid:ring-destructive/20 adm:dark:aria-invalid:ring-destructive/40 adm:aria-invalid:border-destructive",
8
- {
9
- variants: {
10
- variant: {
11
- default: "adm:bg-primary adm:text-primary-foreground adm:hover:bg-primary-700",
12
- success: "adm:bg-success adm:text-white adm:hover:bg-success-700 adm:focus-visible:ring-success/20 adm:dark:focus-visible:ring-success/40 adm:dark:bg-success/60",
13
- "success-medium": "adm:bg-success-50 adm:text-success adm:hover:bg-success/20 adm:focus-visible:ring-success/20 adm:dark:focus-visible:ring-success/40 adm:dark:bg-success-50/60",
14
- warning: "adm:bg-warning adm:text-white adm:hover:bg-warning-700 adm:focus-visible:ring-warning/20 adm:dark:focus-visible:ring-warning/40 adm:dark:bg-warning/60",
15
- "warning-medium": "adm:bg-warning-50 adm:text-warning adm:hover:bg-warning/20 adm:focus-visible:ring-warning/20 adm:dark:focus-visible:ring-warning/40 adm:dark:bg-warning-50/60",
16
- destructive: "adm:bg-destructive adm:text-white adm:hover:bg-destructive-700 adm:focus-visible:ring-destructive/20 adm:dark:focus-visible:ring-destructive/40 adm:dark:bg-destructive/60",
17
- "destructive-medium": "adm:bg-destructive-50 adm:text-destructive adm:hover:bg-destructive/20 adm:focus-visible:ring-destructive/20 adm:dark:focus-visible:ring-destructive/40 adm:dark:bg-destructive-50/60",
18
- outline: "adm:border adm:bg-background adm:shadow-xs adm:hover:bg-accent adm:hover:text-accent-foreground adm:dark:bg-input/30 adm:dark:border-input adm:dark:hover:bg-input/50",
19
- secondary: "adm:bg-secondary adm:text-secondary-foreground adm:hover:bg-primary-200",
20
- ghost: "adm:hover:bg-accent adm:hover:text-accent-foreground adm:dark:hover:bg-accent/50",
21
- link: "adm:text-primary adm:underline-offset-4 adm:hover:underline"
22
- },
23
- size: {
24
- default: "adm:h-9 adm:px-4 adm:py-2 adm:has-[>svg]:px-3",
25
- sm: "adm:h-8 adm:rounded-md adm:gap-1.5 adm:px-3 adm:has-[>svg]:px-2.5",
26
- lg: "adm:h-10 adm:rounded-md adm:px-6 adm:has-[>svg]:px-4",
27
- icon: "adm:size-9",
28
- "icon-sm": "adm:size-8",
29
- "icon-lg": "adm:size-10"
30
- }
31
- },
32
- defaultVariants: {
33
- variant: "default",
34
- size: "default"
35
- }
36
- }
37
- );
38
- function f({
39
- className: a,
40
- variant: d,
41
- size: e,
42
- asChild: r = !1,
43
- ...i
44
- }) {
45
- const s = r ? t : "button";
46
- return /* @__PURE__ */ m.jsx(
47
- s,
48
- {
49
- "data-slot": "button",
50
- className: o(c({ variant: d, size: e, className: a })),
51
- ...i
52
- }
53
- );
54
- }
55
- export {
56
- f as B,
57
- c as b
58
- };
@@ -1 +0,0 @@
1
- "use strict";const n=require("./jsx-runtime-BB_1_6y_.cjs");require("react");const m=require("./index-CjyiloO7.cjs"),c=require("./index-BTzZJcis.cjs"),o=require("./index-DoxiiusW.cjs"),a=c.cva("adm:inline-flex adm:items-center adm:justify-center adm:gap-2 adm:whitespace-nowrap adm:rounded-md adm:text-sm adm:font-semibold adm:transition-all adm:disabled:pointer-events-none adm:disabled:opacity-50 adm:[&_svg]:pointer-events-none adm:[&_svg:not([class*=size-])]:size-4 adm:shrink-0 adm:[&_svg]:shrink-0 adm:outline-none adm:focus-visible:border-ring adm:focus-visible:ring-ring/50 adm:focus-visible:ring-[3px] adm:aria-invalid:ring-destructive/20 adm:dark:aria-invalid:ring-destructive/40 adm:aria-invalid:border-destructive",{variants:{variant:{default:"adm:bg-primary adm:text-primary-foreground adm:hover:bg-primary-700",success:"adm:bg-success adm:text-white adm:hover:bg-success-700 adm:focus-visible:ring-success/20 adm:dark:focus-visible:ring-success/40 adm:dark:bg-success/60","success-medium":"adm:bg-success-50 adm:text-success adm:hover:bg-success/20 adm:focus-visible:ring-success/20 adm:dark:focus-visible:ring-success/40 adm:dark:bg-success-50/60",warning:"adm:bg-warning adm:text-white adm:hover:bg-warning-700 adm:focus-visible:ring-warning/20 adm:dark:focus-visible:ring-warning/40 adm:dark:bg-warning/60","warning-medium":"adm:bg-warning-50 adm:text-warning adm:hover:bg-warning/20 adm:focus-visible:ring-warning/20 adm:dark:focus-visible:ring-warning/40 adm:dark:bg-warning-50/60",destructive:"adm:bg-destructive adm:text-white adm:hover:bg-destructive-700 adm:focus-visible:ring-destructive/20 adm:dark:focus-visible:ring-destructive/40 adm:dark:bg-destructive/60","destructive-medium":"adm:bg-destructive-50 adm:text-destructive adm:hover:bg-destructive/20 adm:focus-visible:ring-destructive/20 adm:dark:focus-visible:ring-destructive/40 adm:dark:bg-destructive-50/60",outline:"adm:border adm:bg-background adm:shadow-xs adm:hover:bg-accent adm:hover:text-accent-foreground adm:dark:bg-input/30 adm:dark:border-input adm:dark:hover:bg-input/50",secondary:"adm:bg-secondary adm:text-secondary-foreground adm:hover:bg-primary-200",ghost:"adm:hover:bg-accent adm:hover:text-accent-foreground adm:dark:hover:bg-accent/50",link:"adm:text-primary adm:underline-offset-4 adm:hover:underline"},size:{default:"adm:h-9 adm:px-4 adm:py-2 adm:has-[>svg]:px-3",sm:"adm:h-8 adm:rounded-md adm:gap-1.5 adm:px-3 adm:has-[>svg]:px-2.5",lg:"adm:h-10 adm:rounded-md adm:px-6 adm:has-[>svg]:px-4",icon:"adm:size-9","icon-sm":"adm:size-8","icon-lg":"adm:size-10"}},defaultVariants:{variant:"default",size:"default"}});function u({className:d,variant:e,size:i,asChild:r=!1,...s}){const t=r?m.Slot:"button";return n.jsxRuntimeExports.jsx(t,{"data-slot":"button",className:o.cn(a({variant:e,size:i,className:d})),...s})}exports.Button=u;exports.buttonVariants=a;
@@ -1 +0,0 @@
1
- "use strict";const i=require("./jsx-runtime-BB_1_6y_.cjs");require("react");const r=require("./index-DoxiiusW.cjs");function t({className:d,type:a,...e}){return i.jsxRuntimeExports.jsx("input",{type:a,"data-slot":"input",className:r.cn("adm:file:text-foreground adm:placeholder:text-muted-foreground adm:selection:bg-primary adm:selection:text-primary-foreground adm:dark:bg-input/30 adm:border-input adm:h-9 adm:w-full adm:min-w-0 adm:rounded-md adm:border adm:bg-transparent adm:px-3 adm:py-1 adm:text-base adm:shadow-xs adm:transition-[color,box-shadow] adm:outline-none adm:file:inline-flex adm:file:h-7 adm:file:border-0 adm:file:bg-transparent adm:file:text-sm adm:file:font-medium adm:disabled:pointer-events-none adm:disabled:cursor-not-allowed adm:disabled:opacity-50 adm:md:text-sm","adm:focus-visible:border-ring adm:focus-visible:ring-ring/50 adm:focus-visible:ring-[3px]","adm:aria-invalid:ring-destructive/20 adm:dark:aria-invalid:ring-destructive/40 adm:aria-invalid:border-destructive",d),...e})}exports.Input=t;
@@ -1,22 +0,0 @@
1
- import { j as i } from "./jsx-runtime-BzflLqGi.js";
2
- import "react";
3
- import { c as r } from "./index-CRiPKpXj.js";
4
- function o({ className: a, type: d, ...e }) {
5
- return /* @__PURE__ */ i.jsx(
6
- "input",
7
- {
8
- type: d,
9
- "data-slot": "input",
10
- className: r(
11
- "adm:file:text-foreground adm:placeholder:text-muted-foreground adm:selection:bg-primary adm:selection:text-primary-foreground adm:dark:bg-input/30 adm:border-input adm:h-9 adm:w-full adm:min-w-0 adm:rounded-md adm:border adm:bg-transparent adm:px-3 adm:py-1 adm:text-base adm:shadow-xs adm:transition-[color,box-shadow] adm:outline-none adm:file:inline-flex adm:file:h-7 adm:file:border-0 adm:file:bg-transparent adm:file:text-sm adm:file:font-medium adm:disabled:pointer-events-none adm:disabled:cursor-not-allowed adm:disabled:opacity-50 adm:md:text-sm",
12
- "adm:focus-visible:border-ring adm:focus-visible:ring-ring/50 adm:focus-visible:ring-[3px]",
13
- "adm:aria-invalid:ring-destructive/20 adm:dark:aria-invalid:ring-destructive/40 adm:aria-invalid:border-destructive",
14
- a
15
- ),
16
- ...e
17
- }
18
- );
19
- }
20
- export {
21
- o as I
22
- };
@@ -1,128 +0,0 @@
1
- import { j as t } from "./jsx-runtime-BzflLqGi.js";
2
- import "react";
3
- import { R as n, T as l, C as s, a as i, b as u, D as c, P as f, O as h } from "./index-DniCthJA.js";
4
- import { c as d } from "./index-CRiPKpXj.js";
5
- import { X as g } from "./x-Dl66o_vF.js";
6
- function v({ ...a }) {
7
- return /* @__PURE__ */ t.jsx(n, { "data-slot": "sheet", ...a });
8
- }
9
- function C({
10
- ...a
11
- }) {
12
- return /* @__PURE__ */ t.jsx(l, { "data-slot": "sheet-trigger", ...a });
13
- }
14
- function w({
15
- ...a
16
- }) {
17
- return /* @__PURE__ */ t.jsx(s, { "data-slot": "sheet-close", ...a });
18
- }
19
- function p({
20
- ...a
21
- }) {
22
- return /* @__PURE__ */ t.jsx(f, { "data-slot": "sheet-portal", ...a });
23
- }
24
- function x({
25
- className: a,
26
- ...e
27
- }) {
28
- return /* @__PURE__ */ t.jsx(
29
- h,
30
- {
31
- "data-slot": "sheet-overlay",
32
- className: d(
33
- "adm:data-[state=open]:animate-in adm:data-[state=closed]:animate-out adm:data-[state=closed]:fade-out-0 adm:data-[state=open]:fade-in-0 adm:fixed adm:inset-0 adm:z-50 adm:bg-black/50",
34
- a
35
- ),
36
- ...e
37
- }
38
- );
39
- }
40
- function T({
41
- className: a,
42
- children: e,
43
- side: o = "right",
44
- showCloseButton: m = !0,
45
- ...r
46
- }) {
47
- return /* @__PURE__ */ t.jsxs(p, { children: [
48
- /* @__PURE__ */ t.jsx(x, {}),
49
- /* @__PURE__ */ t.jsxs(
50
- i,
51
- {
52
- "data-slot": "sheet-content",
53
- className: d(
54
- "adm:bg-background adm:data-[state=open]:animate-in adm:data-[state=closed]:animate-out adm:fixed adm:z-50 adm:flex adm:flex-col adm:gap-4 adm:shadow-xs adm:transition adm:ease-in-out adm:data-[state=closed]:duration-300 adm:data-[state=open]:duration-500",
55
- o === "right" && "adm:rounded-tl-lg adm:rounded-bl-lg adm:data-[state=closed]:slide-out-to-right adm:data-[state=open]:slide-in-from-right adm:inset-y-0 adm:right-0 adm:h-full adm:w-3/4 adm:border-l adm:sm:max-w-sm",
56
- o === "left" && "adm:rounded-tr-lg adm:rounded-br-lg adm:data-[state=closed]:slide-out-to-left adm:data-[state=open]:slide-in-from-left adm:inset-y-0 adm:left-0 adm:h-full adm:w-3/4 adm:border-r adm:sm:max-w-sm",
57
- o === "top" && "adm:rounded-br-lg adm:rounded-bl-lg adm:data-[state=closed]:slide-out-to-top adm:data-[state=open]:slide-in-from-top adm:inset-x-0 adm:top-0 adm:h-auto adm:border-b",
58
- o === "bottom" && "adm:rounded-tr-lg adm:rounded-tl-lg adm:data-[state=closed]:slide-out-to-bottom adm:data-[state=open]:slide-in-from-bottom adm:inset-x-0 adm:bottom-0 adm:h-auto adm:border-t",
59
- a
60
- ),
61
- ...r,
62
- children: [
63
- e,
64
- m && /* @__PURE__ */ t.jsxs(s, { className: "adm:ring-offset-background adm:focus:ring-ring adm:data-[state=open]:bg-secondary adm:absolute adm:top-4 adm:right-4 adm:rounded-xs adm:opacity-70 adm:transition-opacity adm:hover:opacity-100 adm:focus:ring-2 adm:focus:ring-offset-2 adm:focus:outline-hidden adm:disabled:pointer-events-none", children: [
65
- /* @__PURE__ */ t.jsx(g, { className: "adm:size-4" }),
66
- /* @__PURE__ */ t.jsx("span", { className: "adm:sr-only", children: "Close" })
67
- ] })
68
- ]
69
- }
70
- )
71
- ] });
72
- }
73
- function k({ className: a, ...e }) {
74
- return /* @__PURE__ */ t.jsx(
75
- "div",
76
- {
77
- "data-slot": "sheet-header",
78
- className: d("adm:flex adm:flex-col adm:gap-1.5 adm:p-4", a),
79
- ...e
80
- }
81
- );
82
- }
83
- function z({ className: a, ...e }) {
84
- return /* @__PURE__ */ t.jsx(
85
- "div",
86
- {
87
- "data-slot": "sheet-footer",
88
- className: d("adm:mt-auto adm:flex adm:flex-col adm:gap-2 adm:p-4", a),
89
- ...e
90
- }
91
- );
92
- }
93
- function D({
94
- className: a,
95
- ...e
96
- }) {
97
- return /* @__PURE__ */ t.jsx(
98
- u,
99
- {
100
- "data-slot": "sheet-title",
101
- className: d("adm:text-foreground adm:font-semibold", a),
102
- ...e
103
- }
104
- );
105
- }
106
- function O({
107
- className: a,
108
- ...e
109
- }) {
110
- return /* @__PURE__ */ t.jsx(
111
- c,
112
- {
113
- "data-slot": "sheet-description",
114
- className: d("adm:text-muted-foreground adm:text-sm", a),
115
- ...e
116
- }
117
- );
118
- }
119
- export {
120
- v as S,
121
- C as a,
122
- w as b,
123
- T as c,
124
- k as d,
125
- z as e,
126
- D as f,
127
- O as g
128
- };
@@ -1 +0,0 @@
1
- "use strict";const e=require("./jsx-runtime-BB_1_6y_.cjs");require("react");const d=require("./index-BFyr34mw.cjs"),s=require("./index-DoxiiusW.cjs"),r=require("./x-CBKgg4YL.cjs");function i({...t}){return e.jsxRuntimeExports.jsx(d.Root,{"data-slot":"sheet",...t})}function l({...t}){return e.jsxRuntimeExports.jsx(d.Trigger,{"data-slot":"sheet-trigger",...t})}function u({...t}){return e.jsxRuntimeExports.jsx(d.Close,{"data-slot":"sheet-close",...t})}function x({...t}){return e.jsxRuntimeExports.jsx(d.Portal,{"data-slot":"sheet-portal",...t})}function c({className:t,...a}){return e.jsxRuntimeExports.jsx(d.Overlay,{"data-slot":"sheet-overlay",className:s.cn("adm:data-[state=open]:animate-in adm:data-[state=closed]:animate-out adm:data-[state=closed]:fade-out-0 adm:data-[state=open]:fade-in-0 adm:fixed adm:inset-0 adm:z-50 adm:bg-black/50",t),...a})}function h({className:t,children:a,side:o="right",showCloseButton:m=!0,...n}){return e.jsxRuntimeExports.jsxs(x,{children:[e.jsxRuntimeExports.jsx(c,{}),e.jsxRuntimeExports.jsxs(d.Content,{"data-slot":"sheet-content",className:s.cn("adm:bg-background adm:data-[state=open]:animate-in adm:data-[state=closed]:animate-out adm:fixed adm:z-50 adm:flex adm:flex-col adm:gap-4 adm:shadow-xs adm:transition adm:ease-in-out adm:data-[state=closed]:duration-300 adm:data-[state=open]:duration-500",o==="right"&&"adm:rounded-tl-lg adm:rounded-bl-lg adm:data-[state=closed]:slide-out-to-right adm:data-[state=open]:slide-in-from-right adm:inset-y-0 adm:right-0 adm:h-full adm:w-3/4 adm:border-l adm:sm:max-w-sm",o==="left"&&"adm:rounded-tr-lg adm:rounded-br-lg adm:data-[state=closed]:slide-out-to-left adm:data-[state=open]:slide-in-from-left adm:inset-y-0 adm:left-0 adm:h-full adm:w-3/4 adm:border-r adm:sm:max-w-sm",o==="top"&&"adm:rounded-br-lg adm:rounded-bl-lg adm:data-[state=closed]:slide-out-to-top adm:data-[state=open]:slide-in-from-top adm:inset-x-0 adm:top-0 adm:h-auto adm:border-b",o==="bottom"&&"adm:rounded-tr-lg adm:rounded-tl-lg adm:data-[state=closed]:slide-out-to-bottom adm:data-[state=open]:slide-in-from-bottom adm:inset-x-0 adm:bottom-0 adm:h-auto adm:border-t",t),...n,children:[a,m&&e.jsxRuntimeExports.jsxs(d.Close,{className:"adm:ring-offset-background adm:focus:ring-ring adm:data-[state=open]:bg-secondary adm:absolute adm:top-4 adm:right-4 adm:rounded-xs adm:opacity-70 adm:transition-opacity adm:hover:opacity-100 adm:focus:ring-2 adm:focus:ring-offset-2 adm:focus:outline-hidden adm:disabled:pointer-events-none",children:[e.jsxRuntimeExports.jsx(r.X,{className:"adm:size-4"}),e.jsxRuntimeExports.jsx("span",{className:"adm:sr-only",children:"Close"})]})]})]})}function p({className:t,...a}){return e.jsxRuntimeExports.jsx("div",{"data-slot":"sheet-header",className:s.cn("adm:flex adm:flex-col adm:gap-1.5 adm:p-4",t),...a})}function f({className:t,...a}){return e.jsxRuntimeExports.jsx("div",{"data-slot":"sheet-footer",className:s.cn("adm:mt-auto adm:flex adm:flex-col adm:gap-2 adm:p-4",t),...a})}function g({className:t,...a}){return e.jsxRuntimeExports.jsx(d.Title,{"data-slot":"sheet-title",className:s.cn("adm:text-foreground adm:font-semibold",t),...a})}function j({className:t,...a}){return e.jsxRuntimeExports.jsx(d.Description,{"data-slot":"sheet-description",className:s.cn("adm:text-muted-foreground adm:text-sm",t),...a})}exports.Sheet=i;exports.SheetClose=u;exports.SheetContent=h;exports.SheetDescription=j;exports.SheetFooter=f;exports.SheetHeader=p;exports.SheetTitle=g;exports.SheetTrigger=l;
@@ -1 +0,0 @@
1
- "use strict";const e=require("./jsx-runtime-BB_1_6y_.cjs");require("react");const r=require("./index-DoxiiusW.cjs");function i({className:a,...d}){return e.jsxRuntimeExports.jsx("textarea",{"data-slot":"textarea",className:r.cn("adm:border-input adm:placeholder:text-muted-foreground adm:focus-visible:border-ring adm:focus-visible:ring-ring/50 adm:aria-invalid:ring-destructive/20 adm:dark:aria-invalid:ring-destructive/40 adm:aria-invalid:border-destructive adm:dark:bg-input/30 adm:flex adm:field-sizing-content adm:min-h-16 adm:w-full adm:rounded-md adm:border adm:bg-transparent adm:px-3 adm:py-2 adm:text-base adm:shadow-xs adm:transition-[color,box-shadow] adm:outline-none adm:focus-visible:ring-[3px] adm:disabled:cursor-not-allowed adm:disabled:opacity-50 adm:md:text-sm",a),...d})}exports.Textarea=i;