@kuzenbo/core 0.0.3 → 0.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 (342) hide show
  1. package/dist/avatar-CXhwmJgG.js +65 -0
  2. package/dist/avatar-CXhwmJgG.js.map +1 -0
  3. package/dist/{avatar-image-Ce26D2fb.d.ts → avatar-DpiupAAM.d.ts} +35 -2
  4. package/dist/avatar-DpiupAAM.d.ts.map +1 -0
  5. package/dist/badge-BKRm6jL7.js +58 -0
  6. package/dist/badge-BKRm6jL7.js.map +1 -0
  7. package/dist/button-nAbTNrxA.d.ts +78 -0
  8. package/dist/button-nAbTNrxA.d.ts.map +1 -0
  9. package/dist/{dialog-trigger-BUF3elAP.js → dialog-CD5lfQA9.js} +33 -10
  10. package/dist/dialog-CD5lfQA9.js.map +1 -0
  11. package/dist/{dialog-viewport-Ce1huyAI.d.ts → dialog-DEkdr-9K.d.ts} +64 -2
  12. package/dist/dialog-DEkdr-9K.d.ts.map +1 -0
  13. package/dist/{dropdown-menu-trigger-COnFGfDa.js → dropdown-menu-BJi-V71O.js} +137 -101
  14. package/dist/dropdown-menu-BJi-V71O.js.map +1 -0
  15. package/dist/{dropdown-menu-trigger-BpgtLUvf.d.ts → dropdown-menu-Bpj576m0.d.ts} +259 -123
  16. package/dist/dropdown-menu-Bpj576m0.d.ts.map +1 -0
  17. package/dist/input-Ex9ZRqbo.js +38 -0
  18. package/dist/input-Ex9ZRqbo.js.map +1 -0
  19. package/dist/input-WWoBCgxe.d.ts +46 -0
  20. package/dist/input-WWoBCgxe.d.ts.map +1 -0
  21. package/dist/{input-group-textarea-B-rP98r5.js → input-group-CjcHP0L4.js} +50 -31
  22. package/dist/input-group-CjcHP0L4.js.map +1 -0
  23. package/dist/provider.js +4 -2
  24. package/dist/scroll-bar-C4qEUKlT.js.map +1 -1
  25. package/dist/separator-C8Qw2ADs.d.ts +13 -0
  26. package/dist/separator-C8Qw2ADs.d.ts.map +1 -0
  27. package/dist/{sheet-trigger-D7neoTF5.js → sheet-imSHXfFH.js} +29 -10
  28. package/dist/sheet-imSHXfFH.js.map +1 -0
  29. package/dist/{size-context-BjRwqlSg.js → size-context-CvLl3pMC.js} +3 -3
  30. package/dist/size-context-CvLl3pMC.js.map +1 -0
  31. package/dist/size-context-DXfCAlWF.d.ts.map +1 -1
  32. package/dist/size-provider-18EvJgDT.js.map +1 -1
  33. package/dist/size-provider-Bd2C6gKd.d.ts.map +1 -1
  34. package/dist/size-system-BTsMqZRQ.js +99 -0
  35. package/dist/size-system-BTsMqZRQ.js.map +1 -0
  36. package/dist/size-system-wzOLSuax.d.ts.map +1 -1
  37. package/dist/size.js +4 -2
  38. package/dist/{slider-root-presentation-ChJHPMIV.js → slider-root-presentation-B6OO_iCT.js} +19 -19
  39. package/dist/slider-root-presentation-B6OO_iCT.js.map +1 -0
  40. package/dist/{slider-value-Db8SCu0c.d.ts → slider-style-tokens-CZezJilZ.d.ts} +55 -55
  41. package/dist/slider-style-tokens-CZezJilZ.d.ts.map +1 -0
  42. package/dist/textarea-C8dsnn8D.d.ts +37 -0
  43. package/dist/textarea-C8dsnn8D.d.ts.map +1 -0
  44. package/dist/textarea-CkiM1N_I.js +39 -0
  45. package/dist/textarea-CkiM1N_I.js.map +1 -0
  46. package/dist/toggle-CxkIncmZ.d.ts +53 -0
  47. package/dist/toggle-CxkIncmZ.d.ts.map +1 -0
  48. package/dist/{tooltip-trigger-qXw-_nbh.js → tooltip-D0BEpCQx.js} +38 -13
  49. package/dist/tooltip-D0BEpCQx.js.map +1 -0
  50. package/dist/{tooltip-viewport-csA6luqI.d.ts → tooltip-DbJxt69l.d.ts} +61 -13
  51. package/dist/tooltip-DbJxt69l.d.ts.map +1 -0
  52. package/dist/ui/accordion.d.ts +4 -4
  53. package/dist/ui/accordion.d.ts.map +1 -1
  54. package/dist/ui/accordion.js +53 -52
  55. package/dist/ui/accordion.js.map +1 -1
  56. package/dist/ui/affix.d.ts +3 -2
  57. package/dist/ui/affix.d.ts.map +1 -1
  58. package/dist/ui/affix.js +8 -7
  59. package/dist/ui/affix.js.map +1 -1
  60. package/dist/ui/alert-dialog.d.ts +3 -1
  61. package/dist/ui/alert-dialog.d.ts.map +1 -1
  62. package/dist/ui/alert-dialog.js +12 -9
  63. package/dist/ui/alert-dialog.js.map +1 -1
  64. package/dist/ui/alert.d.ts +32 -32
  65. package/dist/ui/alert.d.ts.map +1 -1
  66. package/dist/ui/alert.js +88 -86
  67. package/dist/ui/alert.js.map +1 -1
  68. package/dist/ui/announcement.d.ts.map +1 -1
  69. package/dist/ui/announcement.js +5 -3
  70. package/dist/ui/announcement.js.map +1 -1
  71. package/dist/ui/aspect-ratio.d.ts.map +1 -1
  72. package/dist/ui/aspect-ratio.js.map +1 -1
  73. package/dist/ui/autocomplete.d.ts +74 -74
  74. package/dist/ui/autocomplete.d.ts.map +1 -1
  75. package/dist/ui/autocomplete.js +57 -53
  76. package/dist/ui/autocomplete.js.map +1 -1
  77. package/dist/ui/avatar.d.ts +2 -39
  78. package/dist/ui/avatar.js +2 -24
  79. package/dist/ui/badge.d.ts +28 -28
  80. package/dist/ui/badge.d.ts.map +1 -1
  81. package/dist/ui/badge.js +3 -53
  82. package/dist/ui/breadcrumb.d.ts +64 -64
  83. package/dist/ui/breadcrumb.d.ts.map +1 -1
  84. package/dist/ui/breadcrumb.js +49 -45
  85. package/dist/ui/breadcrumb.js.map +1 -1
  86. package/dist/ui/button-group.d.ts +34 -34
  87. package/dist/ui/button-group.d.ts.map +1 -1
  88. package/dist/ui/button-group.js +31 -28
  89. package/dist/ui/button-group.js.map +1 -1
  90. package/dist/ui/button.d.ts +2 -78
  91. package/dist/ui/button.js +42 -42
  92. package/dist/ui/button.js.map +1 -1
  93. package/dist/ui/card.d.ts.map +1 -1
  94. package/dist/ui/card.js +8 -6
  95. package/dist/ui/card.js.map +1 -1
  96. package/dist/ui/carousel.d.ts +1 -1
  97. package/dist/ui/carousel.d.ts.map +1 -1
  98. package/dist/ui/carousel.js +36 -17
  99. package/dist/ui/carousel.js.map +1 -1
  100. package/dist/ui/checkbox-group.d.ts.map +1 -1
  101. package/dist/ui/checkbox-group.js +2 -0
  102. package/dist/ui/checkbox-group.js.map +1 -1
  103. package/dist/ui/checkbox.d.ts +20 -20
  104. package/dist/ui/checkbox.d.ts.map +1 -1
  105. package/dist/ui/checkbox.js +15 -13
  106. package/dist/ui/checkbox.js.map +1 -1
  107. package/dist/ui/code.d.ts.map +1 -1
  108. package/dist/ui/code.js +5 -5
  109. package/dist/ui/code.js.map +1 -1
  110. package/dist/ui/collapsible.js +1 -1
  111. package/dist/ui/collapsible.js.map +1 -1
  112. package/dist/ui/combobox.d.ts +107 -107
  113. package/dist/ui/combobox.d.ts.map +1 -1
  114. package/dist/ui/combobox.js +88 -87
  115. package/dist/ui/combobox.js.map +1 -1
  116. package/dist/ui/command.d.ts +57 -58
  117. package/dist/ui/command.d.ts.map +1 -1
  118. package/dist/ui/command.js +54 -64
  119. package/dist/ui/command.js.map +1 -1
  120. package/dist/ui/container.d.ts.map +1 -1
  121. package/dist/ui/container.js.map +1 -1
  122. package/dist/ui/context-menu.d.ts +132 -132
  123. package/dist/ui/context-menu.d.ts.map +1 -1
  124. package/dist/ui/context-menu.js +102 -98
  125. package/dist/ui/context-menu.js.map +1 -1
  126. package/dist/ui/copy-button.d.ts +1 -3
  127. package/dist/ui/copy-button.d.ts.map +1 -1
  128. package/dist/ui/copy-button.js +12 -13
  129. package/dist/ui/copy-button.js.map +1 -1
  130. package/dist/ui/dialog.d.ts +2 -66
  131. package/dist/ui/dialog.js +2 -24
  132. package/dist/ui/drawer.d.ts +91 -91
  133. package/dist/ui/drawer.d.ts.map +1 -1
  134. package/dist/ui/drawer.js +68 -66
  135. package/dist/ui/drawer.js.map +1 -1
  136. package/dist/ui/dropdown-menu.d.ts +3 -144
  137. package/dist/ui/dropdown-menu.js +3 -38
  138. package/dist/ui/dropzone.d.ts +55 -55
  139. package/dist/ui/dropzone.d.ts.map +1 -1
  140. package/dist/ui/dropzone.js +77 -72
  141. package/dist/ui/dropzone.js.map +1 -1
  142. package/dist/ui/emoji-picker.d.ts +79 -79
  143. package/dist/ui/emoji-picker.d.ts.map +1 -1
  144. package/dist/ui/emoji-picker.js +92 -87
  145. package/dist/ui/emoji-picker.js.map +1 -1
  146. package/dist/ui/empty.d.ts +61 -59
  147. package/dist/ui/empty.d.ts.map +1 -1
  148. package/dist/ui/empty.js +49 -44
  149. package/dist/ui/empty.js.map +1 -1
  150. package/dist/ui/field.d.ts +11 -11
  151. package/dist/ui/field.d.ts.map +1 -1
  152. package/dist/ui/field.js +9 -7
  153. package/dist/ui/field.js.map +1 -1
  154. package/dist/ui/fieldset.d.ts.map +1 -1
  155. package/dist/ui/fieldset.js.map +1 -1
  156. package/dist/ui/form.d.ts +8 -8
  157. package/dist/ui/form.d.ts.map +1 -1
  158. package/dist/ui/form.js +2 -0
  159. package/dist/ui/form.js.map +1 -1
  160. package/dist/ui/input-group.d.ts +35 -35
  161. package/dist/ui/input-group.d.ts.map +1 -1
  162. package/dist/ui/input-group.js +2 -28
  163. package/dist/ui/input-otp.d.ts +36 -36
  164. package/dist/ui/input-otp.d.ts.map +1 -1
  165. package/dist/ui/input-otp.js +29 -28
  166. package/dist/ui/input-otp.js.map +1 -1
  167. package/dist/ui/input.d.ts +2 -46
  168. package/dist/ui/input.js +2 -34
  169. package/dist/ui/item.d.ts +20 -20
  170. package/dist/ui/item.d.ts.map +1 -1
  171. package/dist/ui/item.js +24 -22
  172. package/dist/ui/item.js.map +1 -1
  173. package/dist/ui/kbd.d.ts.map +1 -1
  174. package/dist/ui/kbd.js +10 -8
  175. package/dist/ui/kbd.js.map +1 -1
  176. package/dist/ui/label.d.ts.map +1 -1
  177. package/dist/ui/label.js.map +1 -1
  178. package/dist/ui/marquee.d.ts.map +1 -1
  179. package/dist/ui/marquee.js +1 -1
  180. package/dist/ui/marquee.js.map +1 -1
  181. package/dist/ui/menubar.d.ts +133 -134
  182. package/dist/ui/menubar.d.ts.map +1 -1
  183. package/dist/ui/menubar.js +84 -81
  184. package/dist/ui/menubar.js.map +1 -1
  185. package/dist/ui/meter.d.ts.map +1 -1
  186. package/dist/ui/meter.js +2 -0
  187. package/dist/ui/meter.js.map +1 -1
  188. package/dist/ui/navigation-list.d.ts +226 -226
  189. package/dist/ui/navigation-list.d.ts.map +1 -1
  190. package/dist/ui/navigation-list.js +242 -235
  191. package/dist/ui/navigation-list.js.map +1 -1
  192. package/dist/ui/navigation-menu.d.ts +82 -82
  193. package/dist/ui/navigation-menu.d.ts.map +1 -1
  194. package/dist/ui/navigation-menu.js +72 -67
  195. package/dist/ui/navigation-menu.js.map +1 -1
  196. package/dist/ui/number-field.d.ts +34 -34
  197. package/dist/ui/number-field.d.ts.map +1 -1
  198. package/dist/ui/number-field.js +26 -23
  199. package/dist/ui/number-field.js.map +1 -1
  200. package/dist/ui/pagination.d.ts +42 -42
  201. package/dist/ui/pagination.d.ts.map +1 -1
  202. package/dist/ui/pagination.js +45 -41
  203. package/dist/ui/pagination.js.map +1 -1
  204. package/dist/ui/pill.d.ts +2 -3
  205. package/dist/ui/pill.d.ts.map +1 -1
  206. package/dist/ui/pill.js +34 -23
  207. package/dist/ui/pill.js.map +1 -1
  208. package/dist/ui/popover.d.ts +13 -11
  209. package/dist/ui/popover.d.ts.map +1 -1
  210. package/dist/ui/popover.js +17 -14
  211. package/dist/ui/popover.js.map +1 -1
  212. package/dist/ui/portal.d.ts.map +1 -1
  213. package/dist/ui/portal.js +52 -11
  214. package/dist/ui/portal.js.map +1 -1
  215. package/dist/ui/preview-card.js +5 -5
  216. package/dist/ui/preview-card.js.map +1 -1
  217. package/dist/ui/progress.js.map +1 -1
  218. package/dist/ui/qr-code.d.ts.map +1 -1
  219. package/dist/ui/qr-code.js +7 -7
  220. package/dist/ui/qr-code.js.map +1 -1
  221. package/dist/ui/radio-group.d.ts +22 -22
  222. package/dist/ui/radio-group.d.ts.map +1 -1
  223. package/dist/ui/radio-group.js +17 -15
  224. package/dist/ui/radio-group.js.map +1 -1
  225. package/dist/ui/range-slider.d.ts +1 -1
  226. package/dist/ui/range-slider.d.ts.map +1 -1
  227. package/dist/ui/range-slider.js +4 -7
  228. package/dist/ui/range-slider.js.map +1 -1
  229. package/dist/ui/rating.d.ts +35 -35
  230. package/dist/ui/rating.d.ts.map +1 -1
  231. package/dist/ui/rating.js +55 -46
  232. package/dist/ui/rating.js.map +1 -1
  233. package/dist/ui/resizable.d.ts.map +1 -1
  234. package/dist/ui/resizable.js +2 -2
  235. package/dist/ui/resizable.js.map +1 -1
  236. package/dist/ui/scroll-area.d.ts.map +1 -1
  237. package/dist/ui/scroll-area.js +2 -0
  238. package/dist/ui/scroll-area.js.map +1 -1
  239. package/dist/ui/select.d.ts +87 -87
  240. package/dist/ui/select.d.ts.map +1 -1
  241. package/dist/ui/select.js +85 -84
  242. package/dist/ui/select.js.map +1 -1
  243. package/dist/ui/separator.d.ts +2 -13
  244. package/dist/ui/separator.js +2 -0
  245. package/dist/ui/separator.js.map +1 -1
  246. package/dist/ui/sheet.d.ts.map +1 -1
  247. package/dist/ui/sheet.js +2 -24
  248. package/dist/ui/sidebar.d.ts +73 -74
  249. package/dist/ui/sidebar.d.ts.map +1 -1
  250. package/dist/ui/sidebar.js +87 -84
  251. package/dist/ui/sidebar.js.map +1 -1
  252. package/dist/ui/skeleton.d.ts.map +1 -1
  253. package/dist/ui/skeleton.js +1 -1
  254. package/dist/ui/skeleton.js.map +1 -1
  255. package/dist/ui/slider.d.ts +1 -1
  256. package/dist/ui/slider.d.ts.map +1 -1
  257. package/dist/ui/slider.js +3 -1
  258. package/dist/ui/slider.js.map +1 -1
  259. package/dist/ui/spacer.d.ts.map +1 -1
  260. package/dist/ui/spacer.js +2 -2
  261. package/dist/ui/spacer.js.map +1 -1
  262. package/dist/ui/spinner.js +4 -2
  263. package/dist/ui/spinner.js.map +1 -1
  264. package/dist/ui/switch.d.ts +11 -11
  265. package/dist/ui/switch.js +7 -7
  266. package/dist/ui/switch.js.map +1 -1
  267. package/dist/ui/table.d.ts +60 -60
  268. package/dist/ui/table.d.ts.map +1 -1
  269. package/dist/ui/table.js +54 -46
  270. package/dist/ui/table.js.map +1 -1
  271. package/dist/ui/tabs.d.ts +25 -25
  272. package/dist/ui/tabs.d.ts.map +1 -1
  273. package/dist/ui/tabs.js +75 -68
  274. package/dist/ui/tabs.js.map +1 -1
  275. package/dist/ui/textarea.d.ts +2 -37
  276. package/dist/ui/textarea.js +3 -34
  277. package/dist/ui/theme-icon.d.ts +30 -30
  278. package/dist/ui/theme-icon.d.ts.map +1 -1
  279. package/dist/ui/theme-icon.js +22 -22
  280. package/dist/ui/theme-icon.js.map +1 -1
  281. package/dist/ui/timeline.d.ts +6 -6
  282. package/dist/ui/timeline.d.ts.map +1 -1
  283. package/dist/ui/timeline.js +165 -163
  284. package/dist/ui/timeline.js.map +1 -1
  285. package/dist/ui/toggle-group.d.ts +32 -32
  286. package/dist/ui/toggle-group.d.ts.map +1 -1
  287. package/dist/ui/toggle-group.js +22 -16
  288. package/dist/ui/toggle-group.js.map +1 -1
  289. package/dist/ui/toggle.d.ts +2 -53
  290. package/dist/ui/toggle.js +17 -15
  291. package/dist/ui/toggle.js.map +1 -1
  292. package/dist/ui/toolbar.d.ts +54 -54
  293. package/dist/ui/toolbar.d.ts.map +1 -1
  294. package/dist/ui/toolbar.js +45 -40
  295. package/dist/ui/toolbar.js.map +1 -1
  296. package/dist/ui/tooltip.d.ts +2 -54
  297. package/dist/ui/tooltip.js +2 -28
  298. package/dist/ui/typography.d.ts +50 -36
  299. package/dist/ui/typography.d.ts.map +1 -1
  300. package/dist/ui/typography.js +28 -17
  301. package/dist/ui/typography.js.map +1 -1
  302. package/package.json +15 -15
  303. package/dist/avatar-image-BQ_NEKH4.js +0 -47
  304. package/dist/avatar-image-BQ_NEKH4.js.map +0 -1
  305. package/dist/avatar-image-Ce26D2fb.d.ts.map +0 -1
  306. package/dist/dialog-trigger-BUF3elAP.js.map +0 -1
  307. package/dist/dialog-viewport-Ce1huyAI.d.ts.map +0 -1
  308. package/dist/dropdown-menu-trigger-BpgtLUvf.d.ts.map +0 -1
  309. package/dist/dropdown-menu-trigger-COnFGfDa.js.map +0 -1
  310. package/dist/input-group-textarea-B-rP98r5.js.map +0 -1
  311. package/dist/sheet-trigger-D7neoTF5.js.map +0 -1
  312. package/dist/size-context-BjRwqlSg.js.map +0 -1
  313. package/dist/size-system-DTXmtQXw.js +0 -47
  314. package/dist/size-system-DTXmtQXw.js.map +0 -1
  315. package/dist/slider-root-presentation-ChJHPMIV.js.map +0 -1
  316. package/dist/slider-value-Db8SCu0c.d.ts.map +0 -1
  317. package/dist/tooltip-trigger-qXw-_nbh.js.map +0 -1
  318. package/dist/tooltip-viewport-csA6luqI.d.ts.map +0 -1
  319. package/dist/ui/avatar.d.ts.map +0 -1
  320. package/dist/ui/avatar.js.map +0 -1
  321. package/dist/ui/badge.js.map +0 -1
  322. package/dist/ui/button.d.ts.map +0 -1
  323. package/dist/ui/dialog.d.ts.map +0 -1
  324. package/dist/ui/dialog.js.map +0 -1
  325. package/dist/ui/dropdown-menu.d.ts.map +0 -1
  326. package/dist/ui/dropdown-menu.js.map +0 -1
  327. package/dist/ui/input-group.js.map +0 -1
  328. package/dist/ui/input.d.ts.map +0 -1
  329. package/dist/ui/input.js.map +0 -1
  330. package/dist/ui/separator.d.ts.map +0 -1
  331. package/dist/ui/sheet.js.map +0 -1
  332. package/dist/ui/textarea.d.ts.map +0 -1
  333. package/dist/ui/textarea.js.map +0 -1
  334. package/dist/ui/toggle.d.ts.map +0 -1
  335. package/dist/ui/tooltip.d.ts.map +0 -1
  336. package/dist/ui/tooltip.js.map +0 -1
  337. package/dist/use-badge-default-props-8d9wPL0k.js +0 -8
  338. package/dist/use-badge-default-props-8d9wPL0k.js.map +0 -1
  339. package/dist/use-input-default-props-B6VgKXGM.js +0 -8
  340. package/dist/use-input-default-props-B6VgKXGM.js.map +0 -1
  341. package/dist/use-textarea-default-props-7MlOxkDO.js +0 -8
  342. package/dist/use-textarea-default-props-7MlOxkDO.js.map +0 -1
package/dist/ui/drawer.js CHANGED
@@ -1,7 +1,8 @@
1
1
  "use client";
2
2
 
3
3
  import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
4
- import { t as createSizeContext } from "../size-context-BjRwqlSg.js";
4
+ import { t as createSizeContext } from "../size-context-CvLl3pMC.js";
5
+ import { useMemo } from "react";
5
6
  import { jsx } from "react/jsx-runtime";
6
7
  import { cn, tv } from "tailwind-variants";
7
8
  import { DrawerPreview } from "@base-ui/react/drawer";
@@ -13,14 +14,14 @@ const { SizeContext: DrawerSizeContext, useResolvedSize: useResolvedDrawerSize }
13
14
  //#region src/ui/drawer/drawer-actions.tsx
14
15
  const drawerActionsVariants = tv({
15
16
  base: "flex justify-end",
17
+ defaultVariants: { size: "md" },
16
18
  variants: { size: {
17
- xs: "gap-2",
18
- sm: "gap-2.5",
19
- md: "gap-4",
20
19
  lg: "gap-4",
21
- xl: "gap-5"
22
- } },
23
- defaultVariants: { size: "md" }
20
+ md: "gap-4",
21
+ sm: "gap-2.5",
22
+ xl: "gap-5",
23
+ xs: "gap-2"
24
+ } }
24
25
  });
25
26
  const DrawerActions = ({ className, size, ...props }) => {
26
27
  const resolvedSize = useResolvedDrawerSize(size);
@@ -35,7 +36,7 @@ const DrawerActions = ({ className, size, ...props }) => {
35
36
  //#endregion
36
37
  //#region src/ui/drawer/drawer-backdrop.tsx
37
38
  const DrawerBackdrop = ({ className, ...props }) => /* @__PURE__ */ jsx(DrawerPreview.Backdrop, {
38
- className: cn("fixed inset-0 z-50 min-h-dvh bg-foreground opacity-[calc(var(--backdrop-opacity)*(1-var(--drawer-swipe-progress)))] transition-opacity duration-[450ms] ease-[cubic-bezier(0.32,0.72,0,1)] [--backdrop-opacity:0.2] [--bleed:3rem] data-[ending-style]:opacity-0 data-[ending-style]:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-[starting-style]:opacity-0 data-[swiping]:duration-0 supports-[-webkit-touch-callout:none]:absolute dark:bg-background dark:[--backdrop-opacity:0.7]", className),
39
+ className: cn("z-overlay bg-foreground dark:bg-background fixed inset-0 min-h-dvh opacity-[calc(var(--backdrop-opacity)*(1-var(--drawer-swipe-progress)))] transition-opacity duration-[450ms] ease-[cubic-bezier(0.32,0.72,0,1)] [--backdrop-opacity:0.2] [--bleed:3rem] data-[ending-style]:opacity-0 data-[ending-style]:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-[starting-style]:opacity-0 data-[swiping]:duration-0 supports-[-webkit-touch-callout:none]:absolute dark:[--backdrop-opacity:0.7]", className),
39
40
  "data-slot": "drawer-backdrop",
40
41
  ...props
41
42
  });
@@ -43,15 +44,15 @@ const DrawerBackdrop = ({ className, ...props }) => /* @__PURE__ */ jsx(DrawerPr
43
44
  //#endregion
44
45
  //#region src/ui/drawer/drawer-close.tsx
45
46
  const drawerCloseVariants = tv({
46
- base: "inline-flex cursor-pointer items-center justify-center rounded-md text-foreground transition-colors select-none hover:bg-muted focus-visible:outline focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-muted disabled:pointer-events-none disabled:opacity-50",
47
+ base: "cursor-clickable text-foreground hover:bg-muted focus-visible:outline-ring active:bg-muted inline-flex items-center justify-center rounded-md transition-colors select-none focus-visible:outline focus-visible:-outline-offset-1 disabled:pointer-events-none disabled:opacity-50",
48
+ defaultVariants: { size: "md" },
47
49
  variants: { size: {
48
- xs: "size-6 text-sm",
49
- sm: "size-7 text-base",
50
- md: "size-7 text-base",
51
50
  lg: "size-8 text-base",
52
- xl: "size-9 text-lg"
53
- } },
54
- defaultVariants: { size: "md" }
51
+ md: "size-7 text-base",
52
+ sm: "size-7 text-base",
53
+ xl: "size-9 text-lg",
54
+ xs: "size-6 text-sm"
55
+ } }
55
56
  });
56
57
  const DrawerClose = ({ className, size, ...props }) => {
57
58
  const resolvedSize = useResolvedDrawerSize(size);
@@ -67,14 +68,14 @@ const DrawerClose = ({ className, size, ...props }) => {
67
68
  //#region src/ui/drawer/drawer-content.tsx
68
69
  const drawerContentVariants = tv({
69
70
  base: "mx-auto w-full",
71
+ defaultVariants: { size: "md" },
70
72
  variants: { size: {
71
- xs: "max-w-[24rem]",
72
- sm: "max-w-[28rem]",
73
- md: "max-w-[32rem]",
74
73
  lg: "max-w-[36rem]",
75
- xl: "max-w-[40rem]"
76
- } },
77
- defaultVariants: { size: "md" }
74
+ md: "max-w-[32rem]",
75
+ sm: "max-w-[28rem]",
76
+ xl: "max-w-[40rem]",
77
+ xs: "max-w-[24rem]"
78
+ } }
78
79
  });
79
80
  const DrawerContent = ({ className, size, ...props }) => {
80
81
  const resolvedSize = useResolvedDrawerSize(size);
@@ -90,14 +91,14 @@ const DrawerContent = ({ className, size, ...props }) => {
90
91
  //#region src/ui/drawer/drawer-description.tsx
91
92
  const drawerDescriptionVariants = tv({
92
93
  base: "text-muted-foreground",
94
+ defaultVariants: { size: "md" },
93
95
  variants: { size: {
94
- xs: "text-sm leading-5",
95
- sm: "text-sm leading-6",
96
- md: "text-base leading-6",
97
96
  lg: "text-base leading-7",
98
- xl: "text-lg leading-7"
99
- } },
100
- defaultVariants: { size: "md" }
97
+ md: "text-base leading-6",
98
+ sm: "text-sm leading-6",
99
+ xl: "text-lg leading-7",
100
+ xs: "text-sm leading-5"
101
+ } }
101
102
  });
102
103
  const DrawerDescription = ({ className, size, ...props }) => {
103
104
  const resolvedSize = useResolvedDrawerSize(size);
@@ -112,15 +113,15 @@ const DrawerDescription = ({ className, size, ...props }) => {
112
113
  //#endregion
113
114
  //#region src/ui/drawer/drawer-handle.tsx
114
115
  const drawerHandleVariants = tv({
115
- base: "mx-auto h-1 shrink-0 rounded-full bg-muted-foreground/40",
116
+ base: "bg-muted-foreground/40 mx-auto h-1 shrink-0 rounded-full",
117
+ defaultVariants: { size: "md" },
116
118
  variants: { size: {
117
- xs: "mb-3 w-10",
118
- sm: "mb-3.5 w-11",
119
- md: "mb-4 w-12",
120
119
  lg: "mb-4 w-14",
121
- xl: "mb-5 w-16"
122
- } },
123
- defaultVariants: { size: "md" }
120
+ md: "mb-4 w-12",
121
+ sm: "mb-3.5 w-11",
122
+ xl: "mb-5 w-16",
123
+ xs: "mb-3 w-10"
124
+ } }
124
125
  });
125
126
  const DrawerHandle = ({ className, size, ...props }) => {
126
127
  const resolvedSize = useResolvedDrawerSize(size);
@@ -136,15 +137,15 @@ const DrawerHandle = ({ className, size, ...props }) => {
136
137
  //#endregion
137
138
  //#region src/ui/drawer/drawer-header.tsx
138
139
  const drawerHeaderVariants = tv({
139
- base: "flex shrink-0 touch-none flex-col border-b border-border",
140
+ base: "border-border flex shrink-0 touch-none flex-col border-b",
141
+ defaultVariants: { size: "md" },
140
142
  variants: { size: {
141
- xs: "gap-1.5 px-4 pt-2.5 pb-2",
142
- sm: "gap-2 px-5 pt-3 pb-2.5",
143
- md: "gap-2.5 px-6 pt-3.5 pb-3",
144
143
  lg: "gap-3 px-7 pt-4 pb-3.5",
145
- xl: "gap-3.5 px-8 pt-4.5 pb-4"
146
- } },
147
- defaultVariants: { size: "md" }
144
+ md: "gap-2.5 px-6 pt-3.5 pb-3",
145
+ sm: "gap-2 px-5 pt-3 pb-2.5",
146
+ xl: "gap-3.5 px-8 pt-4.5 pb-4",
147
+ xs: "gap-1.5 px-4 pt-2.5 pb-2"
148
+ } }
148
149
  });
149
150
  const DrawerHeader = ({ className, size, ...props }) => {
150
151
  const resolvedSize = useResolvedDrawerSize(size);
@@ -159,7 +160,7 @@ const DrawerHeader = ({ className, size, ...props }) => {
159
160
  //#endregion
160
161
  //#region src/ui/drawer/drawer-indent.tsx
161
162
  const DrawerIndent = ({ className, ...props }) => /* @__PURE__ */ jsx(DrawerPreview.Indent, {
162
- className: cn("relative min-h-[320px] origin-[center_top] border border-border bg-background text-foreground [transition-duration:calc(400ms*var(--indent-transition)),calc(250ms*var(--indent-transition))] will-change-transform [--indent-progress:var(--drawer-swipe-progress)] [--indent-radius:calc(var(--radius-xl)*(1-var(--indent-progress)))] [--indent-transition:calc(1-clamp(0,calc(var(--drawer-swipe-progress)*100000),1))] [transition:transform_0.4s_cubic-bezier(0.32,0.72,0,1),border-radius_0.25s_cubic-bezier(0.32,0.72,0,1)] data-[active]:[transform:scale(calc(0.98+(0.02*var(--indent-progress))))_translateY(calc(0.5rem*(1-var(--indent-progress))))] data-[active]:[border-top-left-radius:var(--indent-radius)] data-[active]:[border-top-right-radius:var(--indent-radius)]", className),
163
+ className: cn("border-border bg-background text-foreground relative min-h-[320px] origin-[center_top] border [transition-duration:calc(400ms*var(--indent-transition)),calc(250ms*var(--indent-transition))] will-change-transform [--indent-progress:var(--drawer-swipe-progress)] [--indent-radius:calc(var(--radius-xl)*(1-var(--indent-progress)))] [--indent-transition:calc(1-clamp(0,calc(var(--drawer-swipe-progress)*100000),1))] [transition:transform_0.4s_cubic-bezier(0.32,0.72,0,1),border-radius_0.25s_cubic-bezier(0.32,0.72,0,1)] data-[active]:[transform:scale(calc(0.98+(0.02*var(--indent-progress))))_translateY(calc(0.5rem*(1-var(--indent-progress))))] data-[active]:[border-top-left-radius:var(--indent-radius)] data-[active]:[border-top-right-radius:var(--indent-radius)]", className),
163
164
  "data-slot": "drawer-indent",
164
165
  ...props
165
166
  });
@@ -167,7 +168,7 @@ const DrawerIndent = ({ className, ...props }) => /* @__PURE__ */ jsx(DrawerPrev
167
168
  //#endregion
168
169
  //#region src/ui/drawer/drawer-indent-background.tsx
169
170
  const DrawerIndentBackground = ({ className, ...props }) => /* @__PURE__ */ jsx(DrawerPreview.IndentBackground, {
170
- className: cn("absolute inset-0 -z-10 bg-foreground transition-opacity duration-300 data-[active]:opacity-100 [&:not([data-active])]:opacity-0", className),
171
+ className: cn("z-underlay bg-foreground absolute inset-0 transition-opacity duration-300 data-[active]:opacity-100 [&:not([data-active])]:opacity-0", className),
171
172
  "data-slot": "drawer-indent-background",
172
173
  ...props
173
174
  });
@@ -175,19 +176,19 @@ const DrawerIndentBackground = ({ className, ...props }) => /* @__PURE__ */ jsx(
175
176
  //#endregion
176
177
  //#region src/ui/drawer/drawer-popup.tsx
177
178
  const drawerPopupSizeVariants = tv({
179
+ defaultVariants: { size: "md" },
178
180
  variants: { size: {
179
- xs: "text-xs data-[swipe-direction=down]:px-4 data-[swipe-direction=down]:pt-3 data-[swipe-direction=down]:pb-[calc(1rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(18rem+var(--bleed))] data-[swipe-direction=left]:p-4 data-[swipe-direction=left]:pl-[calc(1rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(18rem+var(--bleed))] data-[swipe-direction=right]:p-4 data-[swipe-direction=right]:pr-[calc(1rem+var(--bleed))] data-[swipe-direction=up]:px-4 data-[swipe-direction=up]:pt-[calc(1rem+var(--bleed))] data-[swipe-direction=up]:pb-3",
180
- sm: "text-sm data-[swipe-direction=down]:px-5 data-[swipe-direction=down]:pt-3.5 data-[swipe-direction=down]:pb-[calc(1.25rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(19rem+var(--bleed))] data-[swipe-direction=left]:p-5 data-[swipe-direction=left]:pl-[calc(1.25rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(19rem+var(--bleed))] data-[swipe-direction=right]:p-5 data-[swipe-direction=right]:pr-[calc(1.25rem+var(--bleed))] data-[swipe-direction=up]:px-5 data-[swipe-direction=up]:pt-[calc(1.25rem+var(--bleed))] data-[swipe-direction=up]:pb-3.5",
181
- md: "text-sm",
182
181
  lg: "text-sm data-[swipe-direction=down]:px-7 data-[swipe-direction=down]:pt-5 data-[swipe-direction=down]:pb-[calc(1.75rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(22rem+var(--bleed))] data-[swipe-direction=left]:p-7 data-[swipe-direction=left]:pl-[calc(1.75rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(22rem+var(--bleed))] data-[swipe-direction=right]:p-7 data-[swipe-direction=right]:pr-[calc(1.75rem+var(--bleed))] data-[swipe-direction=up]:px-7 data-[swipe-direction=up]:pt-[calc(1.75rem+var(--bleed))] data-[swipe-direction=up]:pb-5",
183
- xl: "text-base data-[swipe-direction=down]:px-8 data-[swipe-direction=down]:pt-6 data-[swipe-direction=down]:pb-[calc(2rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(24rem+var(--bleed))] data-[swipe-direction=left]:p-8 data-[swipe-direction=left]:pl-[calc(2rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(24rem+var(--bleed))] data-[swipe-direction=right]:p-8 data-[swipe-direction=right]:pr-[calc(2rem+var(--bleed))] data-[swipe-direction=up]:px-8 data-[swipe-direction=up]:pt-[calc(2rem+var(--bleed))] data-[swipe-direction=up]:pb-6"
184
- } },
185
- defaultVariants: { size: "md" }
182
+ md: "text-sm",
183
+ sm: "text-sm data-[swipe-direction=down]:px-5 data-[swipe-direction=down]:pt-3.5 data-[swipe-direction=down]:pb-[calc(1.25rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(19rem+var(--bleed))] data-[swipe-direction=left]:p-5 data-[swipe-direction=left]:pl-[calc(1.25rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(19rem+var(--bleed))] data-[swipe-direction=right]:p-5 data-[swipe-direction=right]:pr-[calc(1.25rem+var(--bleed))] data-[swipe-direction=up]:px-5 data-[swipe-direction=up]:pt-[calc(1.25rem+var(--bleed))] data-[swipe-direction=up]:pb-3.5",
184
+ xl: "text-base data-[swipe-direction=down]:px-8 data-[swipe-direction=down]:pt-6 data-[swipe-direction=down]:pb-[calc(2rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(24rem+var(--bleed))] data-[swipe-direction=left]:p-8 data-[swipe-direction=left]:pl-[calc(2rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(24rem+var(--bleed))] data-[swipe-direction=right]:p-8 data-[swipe-direction=right]:pr-[calc(2rem+var(--bleed))] data-[swipe-direction=up]:px-8 data-[swipe-direction=up]:pt-[calc(2rem+var(--bleed))] data-[swipe-direction=up]:pb-6",
185
+ xs: "text-xs data-[swipe-direction=down]:px-4 data-[swipe-direction=down]:pt-3 data-[swipe-direction=down]:pb-[calc(1rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(18rem+var(--bleed))] data-[swipe-direction=left]:p-4 data-[swipe-direction=left]:pl-[calc(1rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(18rem+var(--bleed))] data-[swipe-direction=right]:p-4 data-[swipe-direction=right]:pr-[calc(1rem+var(--bleed))] data-[swipe-direction=up]:px-4 data-[swipe-direction=up]:pt-[calc(1rem+var(--bleed))] data-[swipe-direction=up]:pb-3"
186
+ } }
186
187
  });
187
188
  const DrawerPopup = ({ className, size, ...props }) => {
188
189
  const resolvedSize = useResolvedDrawerSize(size);
189
190
  return /* @__PURE__ */ jsx(DrawerPreview.Popup, {
190
- className: cn("relative box-border flex touch-auto flex-col overflow-y-auto overscroll-contain bg-card text-card-foreground outline outline-border transition-[transform,height,box-shadow,padding-bottom] duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] [--bleed:3rem] [--peek:1rem] [--stack-height:max(0px,calc(var(--drawer-frontmost-height,var(--drawer-height))-var(--bleed)))] [--stack-peek-offset:max(0px,calc((var(--nested-drawers)-var(--stack-progress))*var(--peek)))] [--stack-progress:clamp(0,var(--drawer-swipe-progress),1)] [--stack-scale-base:calc(max(0,1-(var(--nested-drawers)*var(--stack-step))))] [--stack-scale:clamp(0,calc(var(--stack-scale-base)+(var(--stack-step)*var(--stack-progress))),1)] [--stack-shrink:calc(1-var(--stack-scale))] [--stack-step:0.05] [--viewport-padding:0px] [transition:transform_450ms_cubic-bezier(0.32,0.72,0,1),height_450ms_cubic-bezier(0.32,0.72,0,1),box-shadow_450ms_cubic-bezier(0.32,0.72,0,1),padding-bottom_450ms_cubic-bezier(0.32,0.72,0,1)] after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:bg-transparent after:transition-[background-color] after:duration-450 after:ease-[cubic-bezier(0.32,0.72,0,1)] after:content-[''] data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-expanded:shadow-none data-nested-drawer-open:h-[calc(var(--stack-height)+var(--bleed))] data-nested-drawer-open:overflow-hidden data-nested-drawer-open:after:bg-foreground/5 data-nested-drawer-swiping:duration-0 data-swiping:duration-0 data-swiping:select-none data-[swipe-direction=down]:-mb-(--bleed) data-[swipe-direction=down]:h-(--drawer-height,auto) data-[swipe-direction=down]:max-h-[calc(80vh+var(--bleed))] data-[swipe-direction=down]:w-full data-[swipe-direction=down]:origin-[50%_calc(100%-var(--bleed))] data-[swipe-direction=down]:transform-[translateY(calc(var(--drawer-snap-point-offset)+var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=down]:rounded-t-2xl data-[swipe-direction=down]:px-6 data-[swipe-direction=down]:pt-4 data-[swipe-direction=down]:pb-[calc(1.5rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=down]:data-ending-style:transform-[translateY(calc(100%-var(--bleed)))] data-[swipe-direction=down]:data-starting-style:transform-[translateY(calc(100%-var(--bleed)))] data-[swipe-direction=down]:data-[nested-drawer-open]:!h-[calc(var(--stack-height)+var(--bleed))] data-[swipe-direction=down]:data-[nested-drawer-open]:transform-[translateY(calc(var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=left]:mr-auto data-[swipe-direction=left]:-ml-(--bleed) data-[swipe-direction=left]:h-full data-[swipe-direction=left]:w-[calc(20rem+var(--bleed))] data-[swipe-direction=left]:max-w-[calc(100vw-3rem+var(--bleed))] data-[swipe-direction=left]:transform-[translateX(var(--drawer-swipe-movement-x))] data-[swipe-direction=left]:p-6 data-[swipe-direction=left]:pl-[calc(1.5rem+var(--bleed))] data-[swipe-direction=left]:data-ending-style:transform-[translateX(calc(-100%+var(--bleed)-var(--viewport-padding)))] data-[swipe-direction=left]:data-starting-style:transform-[translateX(calc(-100%+var(--bleed)-var(--viewport-padding)))] data-[swipe-direction=right]:-mr-(--bleed) data-[swipe-direction=right]:ml-auto data-[swipe-direction=right]:h-full data-[swipe-direction=right]:w-[calc(20rem+var(--bleed))] data-[swipe-direction=right]:max-w-[calc(100vw-3rem+var(--bleed))] data-[swipe-direction=right]:transform-[translateX(var(--drawer-swipe-movement-x))] data-[swipe-direction=right]:p-6 data-[swipe-direction=right]:pr-[calc(1.5rem+var(--bleed))] data-[swipe-direction=right]:data-ending-style:transform-[translateX(calc(100%-var(--bleed)+var(--viewport-padding)))] data-[swipe-direction=right]:data-starting-style:transform-[translateX(calc(100%-var(--bleed)+var(--viewport-padding)))] data-[swipe-direction=up]:-mt-(--bleed) data-[swipe-direction=up]:h-(--drawer-height,auto) data-[swipe-direction=up]:max-h-[calc(80vh+var(--bleed))] data-[swipe-direction=up]:w-full data-[swipe-direction=up]:origin-[50%_var(--bleed)] data-[swipe-direction=up]:transform-[translateY(calc(var(--drawer-snap-point-offset)+var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=up]:self-start data-[swipe-direction=up]:rounded-b-2xl data-[swipe-direction=up]:px-6 data-[swipe-direction=up]:pt-[calc(1.5rem+var(--bleed))] data-[swipe-direction=up]:pb-4 data-[swipe-direction=up]:data-ending-style:transform-[translateY(calc(-100%+var(--bleed)))] data-[swipe-direction=up]:data-starting-style:transform-[translateY(calc(-100%+var(--bleed)))] data-[swipe-direction=up]:data-[nested-drawer-open]:!h-[calc(var(--stack-height)+var(--bleed))] data-[swipe-direction=up]:data-[nested-drawer-open]:transform-[translateY(calc(var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:ml-0 supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:w-[20rem] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:max-w-[calc(100vw-20px)] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:rounded-[10px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:pl-6 supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:[--bleed:0px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:mr-0 supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:w-[20rem] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:max-w-[calc(100vw-20px)] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:rounded-[10px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:pr-6 supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:[--bleed:0px]", drawerPopupSizeVariants({ size: resolvedSize }), className),
191
+ className: cn("bg-card text-card-foreground outline-border data-nested-drawer-open:after:bg-foreground/5 relative box-border flex touch-auto flex-col overflow-y-auto overscroll-contain outline transition-[transform,height,box-shadow,padding-bottom] duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] [--bleed:3rem] [--peek:1rem] [--stack-height:max(0px,calc(var(--drawer-frontmost-height,var(--drawer-height))-var(--bleed)))] [--stack-peek-offset:max(0px,calc((var(--nested-drawers)-var(--stack-progress))*var(--peek)))] [--stack-progress:clamp(0,var(--drawer-swipe-progress),1)] [--stack-scale-base:calc(max(0,1-(var(--nested-drawers)*var(--stack-step))))] [--stack-scale:clamp(0,calc(var(--stack-scale-base)+(var(--stack-step)*var(--stack-progress))),1)] [--stack-shrink:calc(1-var(--stack-scale))] [--stack-step:0.05] [--viewport-padding:0px] [transition:transform_450ms_cubic-bezier(0.32,0.72,0,1),height_450ms_cubic-bezier(0.32,0.72,0,1),box-shadow_450ms_cubic-bezier(0.32,0.72,0,1),padding-bottom_450ms_cubic-bezier(0.32,0.72,0,1)] after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:bg-transparent after:transition-[background-color] after:duration-450 after:ease-[cubic-bezier(0.32,0.72,0,1)] after:content-[''] data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-expanded:shadow-none data-nested-drawer-open:h-[calc(var(--stack-height)+var(--bleed))] data-nested-drawer-open:overflow-hidden data-nested-drawer-swiping:duration-0 data-swiping:duration-0 data-swiping:select-none data-[swipe-direction=down]:-mb-(--bleed) data-[swipe-direction=down]:h-(--drawer-height,auto) data-[swipe-direction=down]:max-h-[calc(80vh+var(--bleed))] data-[swipe-direction=down]:w-full data-[swipe-direction=down]:origin-[50%_calc(100%-var(--bleed))] data-[swipe-direction=down]:transform-[translateY(calc(var(--drawer-snap-point-offset)+var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=down]:rounded-t-2xl data-[swipe-direction=down]:px-6 data-[swipe-direction=down]:pt-4 data-[swipe-direction=down]:pb-[calc(1.5rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=down]:data-ending-style:transform-[translateY(calc(100%-var(--bleed)))] data-[swipe-direction=down]:data-starting-style:transform-[translateY(calc(100%-var(--bleed)))] data-[swipe-direction=down]:data-[nested-drawer-open]:!h-[calc(var(--stack-height)+var(--bleed))] data-[swipe-direction=down]:data-[nested-drawer-open]:transform-[translateY(calc(var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=left]:mr-auto data-[swipe-direction=left]:-ml-(--bleed) data-[swipe-direction=left]:h-full data-[swipe-direction=left]:w-[calc(20rem+var(--bleed))] data-[swipe-direction=left]:max-w-[calc(100vw-3rem+var(--bleed))] data-[swipe-direction=left]:transform-[translateX(var(--drawer-swipe-movement-x))] data-[swipe-direction=left]:p-6 data-[swipe-direction=left]:pl-[calc(1.5rem+var(--bleed))] data-[swipe-direction=left]:data-ending-style:transform-[translateX(calc(-100%+var(--bleed)-var(--viewport-padding)))] data-[swipe-direction=left]:data-starting-style:transform-[translateX(calc(-100%+var(--bleed)-var(--viewport-padding)))] data-[swipe-direction=right]:-mr-(--bleed) data-[swipe-direction=right]:ml-auto data-[swipe-direction=right]:h-full data-[swipe-direction=right]:w-[calc(20rem+var(--bleed))] data-[swipe-direction=right]:max-w-[calc(100vw-3rem+var(--bleed))] data-[swipe-direction=right]:transform-[translateX(var(--drawer-swipe-movement-x))] data-[swipe-direction=right]:p-6 data-[swipe-direction=right]:pr-[calc(1.5rem+var(--bleed))] data-[swipe-direction=right]:data-ending-style:transform-[translateX(calc(100%-var(--bleed)+var(--viewport-padding)))] data-[swipe-direction=right]:data-starting-style:transform-[translateX(calc(100%-var(--bleed)+var(--viewport-padding)))] data-[swipe-direction=up]:-mt-(--bleed) data-[swipe-direction=up]:h-(--drawer-height,auto) data-[swipe-direction=up]:max-h-[calc(80vh+var(--bleed))] data-[swipe-direction=up]:w-full data-[swipe-direction=up]:origin-[50%_var(--bleed)] data-[swipe-direction=up]:transform-[translateY(calc(var(--drawer-snap-point-offset)+var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=up]:self-start data-[swipe-direction=up]:rounded-b-2xl data-[swipe-direction=up]:px-6 data-[swipe-direction=up]:pt-[calc(1.5rem+var(--bleed))] data-[swipe-direction=up]:pb-4 data-[swipe-direction=up]:data-ending-style:transform-[translateY(calc(-100%+var(--bleed)))] data-[swipe-direction=up]:data-starting-style:transform-[translateY(calc(-100%+var(--bleed)))] data-[swipe-direction=up]:data-[nested-drawer-open]:!h-[calc(var(--stack-height)+var(--bleed))] data-[swipe-direction=up]:data-[nested-drawer-open]:transform-[translateY(calc(var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:ml-0 supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:w-[20rem] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:max-w-[calc(100vw-20px)] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:rounded-[10px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:pl-6 supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:[--bleed:0px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:mr-0 supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:w-[20rem] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:max-w-[calc(100vw-20px)] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:rounded-[10px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:pr-6 supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:[--bleed:0px]", drawerPopupSizeVariants({ size: resolvedSize }), className),
191
192
  "data-size": resolvedSize,
192
193
  "data-slot": "drawer-popup",
193
194
  ...props
@@ -208,15 +209,15 @@ const DrawerProvider = ({ ...props }) => /* @__PURE__ */ jsx(DrawerPreview.Provi
208
209
  //#endregion
209
210
  //#region src/ui/drawer/drawer-title.tsx
210
211
  const drawerTitleVariants = tv({
211
- base: "font-medium text-foreground",
212
+ base: "text-foreground font-medium",
213
+ defaultVariants: { size: "md" },
212
214
  variants: { size: {
213
- xs: "text-base leading-6",
214
- sm: "text-lg leading-6",
215
- md: "text-lg leading-7",
216
215
  lg: "text-xl leading-7",
217
- xl: "text-2xl leading-8"
218
- } },
219
- defaultVariants: { size: "md" }
216
+ md: "text-lg leading-7",
217
+ sm: "text-lg leading-6",
218
+ xl: "text-2xl leading-8",
219
+ xs: "text-base leading-6"
220
+ } }
220
221
  });
221
222
  const DrawerTitle = ({ className, size, ...props }) => {
222
223
  const resolvedSize = useResolvedDrawerSize(size);
@@ -231,15 +232,15 @@ const DrawerTitle = ({ className, size, ...props }) => {
231
232
  //#endregion
232
233
  //#region src/ui/drawer/drawer-trigger.tsx
233
234
  const drawerTriggerVariants = tv({
234
- base: "inline-flex cursor-pointer items-center justify-center border border-border bg-background font-medium text-foreground transition-colors select-none hover:bg-muted focus-visible:outline focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-muted disabled:pointer-events-none disabled:opacity-50",
235
+ base: "cursor-clickable border-border bg-background text-foreground hover:bg-muted focus-visible:outline-ring active:bg-muted inline-flex items-center justify-center border font-medium transition-colors select-none focus-visible:outline focus-visible:-outline-offset-1 disabled:pointer-events-none disabled:opacity-50",
236
+ defaultVariants: { size: "md" },
235
237
  variants: { size: {
236
- xs: "h-8 rounded-[min(var(--radius-md),8px)] px-2 text-xs",
237
- sm: "h-9 rounded-[min(var(--radius-md),10px)] px-3 text-sm",
238
- md: "h-10 rounded-md px-3.5 text-base md:text-sm",
239
238
  lg: "h-11 rounded-md px-4 text-base md:text-sm",
240
- xl: "h-12 rounded-md px-4.5 text-base"
241
- } },
242
- defaultVariants: { size: "md" }
239
+ md: "h-10 rounded-md px-3.5 text-base md:text-sm",
240
+ sm: "h-9 rounded-[min(var(--radius-md),10px)] px-3 text-sm",
241
+ xl: "h-12 rounded-md px-4.5 text-base",
242
+ xs: "h-8 rounded-[min(var(--radius-md),8px)] px-2 text-xs"
243
+ } }
243
244
  });
244
245
  const DrawerTrigger = ({ className, size, ...props }) => {
245
246
  const resolvedSize = useResolvedDrawerSize(size);
@@ -254,7 +255,7 @@ const DrawerTrigger = ({ className, size, ...props }) => {
254
255
  //#endregion
255
256
  //#region src/ui/drawer/drawer-viewport.tsx
256
257
  const DrawerViewport = ({ className, ...props }) => /* @__PURE__ */ jsx(DrawerPreview.Viewport, {
257
- className: cn("fixed inset-0 z-50 flex items-end justify-center p-(--viewport-padding) [--viewport-padding:0px] data-[swipe-direction=left]:items-stretch data-[swipe-direction=left]:justify-start data-[swipe-direction=right]:items-stretch data-[swipe-direction=right]:justify-end data-[swipe-direction=up]:items-start supports-[-webkit-touch-callout:none]:[--viewport-padding:0.625rem]", className),
258
+ className: cn("z-overlay fixed inset-0 flex items-end justify-center p-(--viewport-padding) [--viewport-padding:0px] data-[swipe-direction=left]:items-stretch data-[swipe-direction=left]:justify-start data-[swipe-direction=right]:items-stretch data-[swipe-direction=right]:justify-end data-[swipe-direction=up]:items-start supports-[-webkit-touch-callout:none]:[--viewport-padding:0.625rem]", className),
258
259
  "data-slot": "drawer-viewport",
259
260
  ...props
260
261
  });
@@ -263,8 +264,9 @@ const DrawerViewport = ({ className, ...props }) => /* @__PURE__ */ jsx(DrawerPr
263
264
  //#region src/ui/drawer/drawer.tsx
264
265
  const Drawer = ({ size: providedSize, ...props }) => {
265
266
  const size = useComponentSize(providedSize);
267
+ const contextValue = useMemo(() => ({ size }), [size]);
266
268
  return /* @__PURE__ */ jsx(DrawerSizeContext.Provider, {
267
- value: { size },
269
+ value: contextValue,
268
270
  children: /* @__PURE__ */ jsx(DrawerPreview.Root, { ...props })
269
271
  });
270
272
  };
package/dist/ui/drawer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"drawer.js","names":["DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive"],"sources":["../../src/ui/drawer/drawer-size-context.ts","../../src/ui/drawer/drawer-actions.tsx","../../src/ui/drawer/drawer-backdrop.tsx","../../src/ui/drawer/drawer-close.tsx","../../src/ui/drawer/drawer-content.tsx","../../src/ui/drawer/drawer-description.tsx","../../src/ui/drawer/drawer-handle.tsx","../../src/ui/drawer/drawer-header.tsx","../../src/ui/drawer/drawer-indent.tsx","../../src/ui/drawer/drawer-indent-background.tsx","../../src/ui/drawer/drawer-popup.tsx","../../src/ui/drawer/drawer-portal.tsx","../../src/ui/drawer/drawer-provider.tsx","../../src/ui/drawer/drawer-title.tsx","../../src/ui/drawer/drawer-trigger.tsx","../../src/ui/drawer/drawer-viewport.tsx","../../src/ui/drawer/drawer.tsx"],"sourcesContent":["import type { UISize } from \"../shared/size/size-system\";\n\nimport { createSizeContext } from \"../shared/size/size-context\";\n\nexport type DrawerSize = UISize;\n\nconst {\n SizeContext: DrawerSizeContext,\n useResolvedSize: useResolvedDrawerSize,\n} = createSizeContext();\n\nexport { DrawerSizeContext, useResolvedDrawerSize };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerActionsVariants = tv({\n base: \"flex justify-end\",\n variants: {\n size: {\n xs: \"gap-2\",\n sm: \"gap-2.5\",\n md: \"gap-4\",\n lg: \"gap-4\",\n xl: \"gap-5\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n});\n\ntype DrawerActionsVariantProps = Omit<\n VariantProps<typeof drawerActionsVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerActionsProps = ComponentProps<\"div\"> &\n DrawerActionsVariantProps;\n\nconst DrawerActions = ({ className, size, ...props }: DrawerActionsProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <div\n className={cn(drawerActionsVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"drawer-actions\"\n {...props}\n />\n );\n};\n\nexport { DrawerActions };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DrawerBackdropProps = DrawerPrimitive.Backdrop.Props;\n\nconst DrawerBackdrop = ({ className, ...props }: DrawerBackdropProps) => (\n <DrawerPrimitive.Backdrop\n className={cn(\n \"fixed inset-0 z-50 min-h-dvh bg-foreground opacity-[calc(var(--backdrop-opacity)*(1-var(--drawer-swipe-progress)))] transition-opacity duration-[450ms] ease-[cubic-bezier(0.32,0.72,0,1)] [--backdrop-opacity:0.2] [--bleed:3rem] data-[ending-style]:opacity-0 data-[ending-style]:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-[starting-style]:opacity-0 data-[swiping]:duration-0 supports-[-webkit-touch-callout:none]:absolute dark:bg-background dark:[--backdrop-opacity:0.7]\",\n className\n )}\n data-slot=\"drawer-backdrop\"\n {...props}\n />\n);\n\nexport { DrawerBackdrop };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerCloseVariants = tv({\n base: \"inline-flex cursor-pointer items-center justify-center rounded-md text-foreground transition-colors select-none hover:bg-muted focus-visible:outline focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-muted disabled:pointer-events-none disabled:opacity-50\",\n variants: {\n size: {\n xs: \"size-6 text-sm\",\n sm: \"size-7 text-base\",\n md: \"size-7 text-base\",\n lg: \"size-8 text-base\",\n xl: \"size-9 text-lg\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n});\n\ntype DrawerCloseVariantProps = Omit<\n VariantProps<typeof drawerCloseVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerCloseProps = DrawerPrimitive.Close.Props &\n DrawerCloseVariantProps;\n\nconst DrawerClose = ({ className, size, ...props }: DrawerCloseProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <DrawerPrimitive.Close\n className={cn(drawerCloseVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"drawer-close\"\n {...props}\n />\n );\n};\n\nexport { DrawerClose };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerContentVariants = tv({\n base: \"mx-auto w-full\",\n variants: {\n size: {\n xs: \"max-w-[24rem]\",\n sm: \"max-w-[28rem]\",\n md: \"max-w-[32rem]\",\n lg: \"max-w-[36rem]\",\n xl: \"max-w-[40rem]\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n});\n\ntype DrawerContentVariantProps = Omit<\n VariantProps<typeof drawerContentVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerContentProps = DrawerPrimitive.Content.Props &\n DrawerContentVariantProps;\n\nconst DrawerContent = ({ className, size, ...props }: DrawerContentProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <DrawerPrimitive.Content\n className={cn(drawerContentVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"drawer-content\"\n {...props}\n />\n );\n};\n\nexport { DrawerContent };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerDescriptionVariants = tv({\n base: \"text-muted-foreground\",\n variants: {\n size: {\n xs: \"text-sm leading-5\",\n sm: \"text-sm leading-6\",\n md: \"text-base leading-6\",\n lg: \"text-base leading-7\",\n xl: \"text-lg leading-7\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n});\n\ntype DrawerDescriptionVariantProps = Omit<\n VariantProps<typeof drawerDescriptionVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerDescriptionProps = DrawerPrimitive.Description.Props &\n DrawerDescriptionVariantProps;\n\nconst DrawerDescription = ({\n className,\n size,\n ...props\n}: DrawerDescriptionProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <DrawerPrimitive.Description\n className={cn(\n drawerDescriptionVariants({ size: resolvedSize }),\n className\n )}\n data-size={resolvedSize}\n data-slot=\"drawer-description\"\n {...props}\n />\n );\n};\n\nexport { DrawerDescription };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerHandleVariants = tv({\n base: \"mx-auto h-1 shrink-0 rounded-full bg-muted-foreground/40\",\n variants: {\n size: {\n xs: \"mb-3 w-10\",\n sm: \"mb-3.5 w-11\",\n md: \"mb-4 w-12\",\n lg: \"mb-4 w-14\",\n xl: \"mb-5 w-16\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n});\n\ntype DrawerHandleVariantProps = Omit<\n VariantProps<typeof drawerHandleVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerHandleProps = ComponentProps<\"div\"> &\n DrawerHandleVariantProps;\n\nconst DrawerHandle = ({ className, size, ...props }: DrawerHandleProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <div\n aria-hidden\n className={cn(drawerHandleVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"drawer-handle\"\n {...props}\n />\n );\n};\n\nexport { DrawerHandle };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerHeaderVariants = tv({\n base: \"flex shrink-0 touch-none flex-col border-b border-border\",\n variants: {\n size: {\n xs: \"gap-1.5 px-4 pt-2.5 pb-2\",\n sm: \"gap-2 px-5 pt-3 pb-2.5\",\n md: \"gap-2.5 px-6 pt-3.5 pb-3\",\n lg: \"gap-3 px-7 pt-4 pb-3.5\",\n xl: \"gap-3.5 px-8 pt-4.5 pb-4\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n});\n\ntype DrawerHeaderVariantProps = Omit<\n VariantProps<typeof drawerHeaderVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerHeaderProps = ComponentProps<\"div\"> &\n DrawerHeaderVariantProps;\n\nconst DrawerHeader = ({ className, size, ...props }: DrawerHeaderProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <div\n className={cn(drawerHeaderVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"drawer-header\"\n {...props}\n />\n );\n};\n\nexport { DrawerHeader };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DrawerIndentProps = DrawerPrimitive.Indent.Props;\n\nconst DrawerIndent = ({ className, ...props }: DrawerIndentProps) => (\n <DrawerPrimitive.Indent\n className={cn(\n \"relative min-h-[320px] origin-[center_top] border border-border bg-background text-foreground [transition-duration:calc(400ms*var(--indent-transition)),calc(250ms*var(--indent-transition))] will-change-transform [--indent-progress:var(--drawer-swipe-progress)] [--indent-radius:calc(var(--radius-xl)*(1-var(--indent-progress)))] [--indent-transition:calc(1-clamp(0,calc(var(--drawer-swipe-progress)*100000),1))] [transition:transform_0.4s_cubic-bezier(0.32,0.72,0,1),border-radius_0.25s_cubic-bezier(0.32,0.72,0,1)] data-[active]:[transform:scale(calc(0.98+(0.02*var(--indent-progress))))_translateY(calc(0.5rem*(1-var(--indent-progress))))] data-[active]:[border-top-left-radius:var(--indent-radius)] data-[active]:[border-top-right-radius:var(--indent-radius)]\",\n className\n )}\n data-slot=\"drawer-indent\"\n {...props}\n />\n);\n\nexport { DrawerIndent };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DrawerIndentBackgroundProps =\n DrawerPrimitive.IndentBackground.Props;\n\nconst DrawerIndentBackground = ({\n className,\n ...props\n}: DrawerIndentBackgroundProps) => (\n <DrawerPrimitive.IndentBackground\n className={cn(\n \"absolute inset-0 -z-10 bg-foreground transition-opacity duration-300 data-[active]:opacity-100 [&:not([data-active])]:opacity-0\",\n className\n )}\n data-slot=\"drawer-indent-background\"\n {...props}\n />\n);\n\nexport { DrawerIndentBackground };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerPopupSizeVariants = tv({\n variants: {\n size: {\n xs: \"text-xs data-[swipe-direction=down]:px-4 data-[swipe-direction=down]:pt-3 data-[swipe-direction=down]:pb-[calc(1rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(18rem+var(--bleed))] data-[swipe-direction=left]:p-4 data-[swipe-direction=left]:pl-[calc(1rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(18rem+var(--bleed))] data-[swipe-direction=right]:p-4 data-[swipe-direction=right]:pr-[calc(1rem+var(--bleed))] data-[swipe-direction=up]:px-4 data-[swipe-direction=up]:pt-[calc(1rem+var(--bleed))] data-[swipe-direction=up]:pb-3\",\n sm: \"text-sm data-[swipe-direction=down]:px-5 data-[swipe-direction=down]:pt-3.5 data-[swipe-direction=down]:pb-[calc(1.25rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(19rem+var(--bleed))] data-[swipe-direction=left]:p-5 data-[swipe-direction=left]:pl-[calc(1.25rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(19rem+var(--bleed))] data-[swipe-direction=right]:p-5 data-[swipe-direction=right]:pr-[calc(1.25rem+var(--bleed))] data-[swipe-direction=up]:px-5 data-[swipe-direction=up]:pt-[calc(1.25rem+var(--bleed))] data-[swipe-direction=up]:pb-3.5\",\n md: \"text-sm\",\n lg: \"text-sm data-[swipe-direction=down]:px-7 data-[swipe-direction=down]:pt-5 data-[swipe-direction=down]:pb-[calc(1.75rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(22rem+var(--bleed))] data-[swipe-direction=left]:p-7 data-[swipe-direction=left]:pl-[calc(1.75rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(22rem+var(--bleed))] data-[swipe-direction=right]:p-7 data-[swipe-direction=right]:pr-[calc(1.75rem+var(--bleed))] data-[swipe-direction=up]:px-7 data-[swipe-direction=up]:pt-[calc(1.75rem+var(--bleed))] data-[swipe-direction=up]:pb-5\",\n xl: \"text-base data-[swipe-direction=down]:px-8 data-[swipe-direction=down]:pt-6 data-[swipe-direction=down]:pb-[calc(2rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(24rem+var(--bleed))] data-[swipe-direction=left]:p-8 data-[swipe-direction=left]:pl-[calc(2rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(24rem+var(--bleed))] data-[swipe-direction=right]:p-8 data-[swipe-direction=right]:pr-[calc(2rem+var(--bleed))] data-[swipe-direction=up]:px-8 data-[swipe-direction=up]:pt-[calc(2rem+var(--bleed))] data-[swipe-direction=up]:pb-6\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n});\n\ntype DrawerPopupVariantProps = Omit<\n VariantProps<typeof drawerPopupSizeVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerPopupSize = UISize;\nexport type DrawerPopupProps = DrawerPrimitive.Popup.Props &\n DrawerPopupVariantProps;\n\nconst DrawerPopup = ({ className, size, ...props }: DrawerPopupProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <DrawerPrimitive.Popup\n className={cn(\n \"relative box-border flex touch-auto flex-col overflow-y-auto overscroll-contain bg-card text-card-foreground outline outline-border transition-[transform,height,box-shadow,padding-bottom] duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] [--bleed:3rem] [--peek:1rem] [--stack-height:max(0px,calc(var(--drawer-frontmost-height,var(--drawer-height))-var(--bleed)))] [--stack-peek-offset:max(0px,calc((var(--nested-drawers)-var(--stack-progress))*var(--peek)))] [--stack-progress:clamp(0,var(--drawer-swipe-progress),1)] [--stack-scale-base:calc(max(0,1-(var(--nested-drawers)*var(--stack-step))))] [--stack-scale:clamp(0,calc(var(--stack-scale-base)+(var(--stack-step)*var(--stack-progress))),1)] [--stack-shrink:calc(1-var(--stack-scale))] [--stack-step:0.05] [--viewport-padding:0px] [transition:transform_450ms_cubic-bezier(0.32,0.72,0,1),height_450ms_cubic-bezier(0.32,0.72,0,1),box-shadow_450ms_cubic-bezier(0.32,0.72,0,1),padding-bottom_450ms_cubic-bezier(0.32,0.72,0,1)] after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:bg-transparent after:transition-[background-color] after:duration-450 after:ease-[cubic-bezier(0.32,0.72,0,1)] after:content-[''] data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-expanded:shadow-none data-nested-drawer-open:h-[calc(var(--stack-height)+var(--bleed))] data-nested-drawer-open:overflow-hidden data-nested-drawer-open:after:bg-foreground/5 data-nested-drawer-swiping:duration-0 data-swiping:duration-0 data-swiping:select-none data-[swipe-direction=down]:-mb-(--bleed) data-[swipe-direction=down]:h-(--drawer-height,auto) data-[swipe-direction=down]:max-h-[calc(80vh+var(--bleed))] data-[swipe-direction=down]:w-full data-[swipe-direction=down]:origin-[50%_calc(100%-var(--bleed))] data-[swipe-direction=down]:transform-[translateY(calc(var(--drawer-snap-point-offset)+var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=down]:rounded-t-2xl data-[swipe-direction=down]:px-6 data-[swipe-direction=down]:pt-4 data-[swipe-direction=down]:pb-[calc(1.5rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=down]:data-ending-style:transform-[translateY(calc(100%-var(--bleed)))] data-[swipe-direction=down]:data-starting-style:transform-[translateY(calc(100%-var(--bleed)))] data-[swipe-direction=down]:data-[nested-drawer-open]:!h-[calc(var(--stack-height)+var(--bleed))] data-[swipe-direction=down]:data-[nested-drawer-open]:transform-[translateY(calc(var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=left]:mr-auto data-[swipe-direction=left]:-ml-(--bleed) data-[swipe-direction=left]:h-full data-[swipe-direction=left]:w-[calc(20rem+var(--bleed))] data-[swipe-direction=left]:max-w-[calc(100vw-3rem+var(--bleed))] data-[swipe-direction=left]:transform-[translateX(var(--drawer-swipe-movement-x))] data-[swipe-direction=left]:p-6 data-[swipe-direction=left]:pl-[calc(1.5rem+var(--bleed))] data-[swipe-direction=left]:data-ending-style:transform-[translateX(calc(-100%+var(--bleed)-var(--viewport-padding)))] data-[swipe-direction=left]:data-starting-style:transform-[translateX(calc(-100%+var(--bleed)-var(--viewport-padding)))] data-[swipe-direction=right]:-mr-(--bleed) data-[swipe-direction=right]:ml-auto data-[swipe-direction=right]:h-full data-[swipe-direction=right]:w-[calc(20rem+var(--bleed))] data-[swipe-direction=right]:max-w-[calc(100vw-3rem+var(--bleed))] data-[swipe-direction=right]:transform-[translateX(var(--drawer-swipe-movement-x))] data-[swipe-direction=right]:p-6 data-[swipe-direction=right]:pr-[calc(1.5rem+var(--bleed))] data-[swipe-direction=right]:data-ending-style:transform-[translateX(calc(100%-var(--bleed)+var(--viewport-padding)))] data-[swipe-direction=right]:data-starting-style:transform-[translateX(calc(100%-var(--bleed)+var(--viewport-padding)))] data-[swipe-direction=up]:-mt-(--bleed) data-[swipe-direction=up]:h-(--drawer-height,auto) data-[swipe-direction=up]:max-h-[calc(80vh+var(--bleed))] data-[swipe-direction=up]:w-full data-[swipe-direction=up]:origin-[50%_var(--bleed)] data-[swipe-direction=up]:transform-[translateY(calc(var(--drawer-snap-point-offset)+var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=up]:self-start data-[swipe-direction=up]:rounded-b-2xl data-[swipe-direction=up]:px-6 data-[swipe-direction=up]:pt-[calc(1.5rem+var(--bleed))] data-[swipe-direction=up]:pb-4 data-[swipe-direction=up]:data-ending-style:transform-[translateY(calc(-100%+var(--bleed)))] data-[swipe-direction=up]:data-starting-style:transform-[translateY(calc(-100%+var(--bleed)))] data-[swipe-direction=up]:data-[nested-drawer-open]:!h-[calc(var(--stack-height)+var(--bleed))] data-[swipe-direction=up]:data-[nested-drawer-open]:transform-[translateY(calc(var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:ml-0 supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:w-[20rem] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:max-w-[calc(100vw-20px)] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:rounded-[10px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:pl-6 supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:[--bleed:0px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:mr-0 supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:w-[20rem] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:max-w-[calc(100vw-20px)] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:rounded-[10px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:pr-6 supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:[--bleed:0px]\",\n drawerPopupSizeVariants({ size: resolvedSize }),\n className\n )}\n data-size={resolvedSize}\n data-slot=\"drawer-popup\"\n {...props}\n />\n );\n};\n\nexport { DrawerPopup };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\n\nexport type DrawerPortalProps = DrawerPrimitive.Portal.Props;\n\nconst DrawerPortal = ({ ...props }: DrawerPortalProps) => (\n <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />\n);\n\nexport { DrawerPortal };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\n\nexport type DrawerProviderProps = DrawerPrimitive.Provider.Props;\n\nconst DrawerProvider = ({ ...props }: DrawerProviderProps) => (\n <DrawerPrimitive.Provider {...props} />\n);\n\nexport { DrawerProvider };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerTitleVariants = tv({\n base: \"font-medium text-foreground\",\n variants: {\n size: {\n xs: \"text-base leading-6\",\n sm: \"text-lg leading-6\",\n md: \"text-lg leading-7\",\n lg: \"text-xl leading-7\",\n xl: \"text-2xl leading-8\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n});\n\ntype DrawerTitleVariantProps = Omit<\n VariantProps<typeof drawerTitleVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerTitleProps = DrawerPrimitive.Title.Props &\n DrawerTitleVariantProps;\n\nconst DrawerTitle = ({ className, size, ...props }: DrawerTitleProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <DrawerPrimitive.Title\n className={cn(drawerTitleVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"drawer-title\"\n {...props}\n />\n );\n};\n\nexport { DrawerTitle };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerTriggerVariants = tv({\n base: \"inline-flex cursor-pointer items-center justify-center border border-border bg-background font-medium text-foreground transition-colors select-none hover:bg-muted focus-visible:outline focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-muted disabled:pointer-events-none disabled:opacity-50\",\n variants: {\n size: {\n xs: \"h-8 rounded-[min(var(--radius-md),8px)] px-2 text-xs\",\n sm: \"h-9 rounded-[min(var(--radius-md),10px)] px-3 text-sm\",\n md: \"h-10 rounded-md px-3.5 text-base md:text-sm\",\n lg: \"h-11 rounded-md px-4 text-base md:text-sm\",\n xl: \"h-12 rounded-md px-4.5 text-base\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n});\n\ntype DrawerTriggerVariantProps = Omit<\n VariantProps<typeof drawerTriggerVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerTriggerProps = DrawerPrimitive.Trigger.Props &\n DrawerTriggerVariantProps;\n\nconst DrawerTrigger = ({ className, size, ...props }: DrawerTriggerProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <DrawerPrimitive.Trigger\n className={cn(drawerTriggerVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"drawer-trigger\"\n {...props}\n />\n );\n};\n\nexport { DrawerTrigger };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DrawerViewportProps = DrawerPrimitive.Viewport.Props;\n\nconst DrawerViewport = ({ className, ...props }: DrawerViewportProps) => (\n <DrawerPrimitive.Viewport\n className={cn(\n \"fixed inset-0 z-50 flex items-end justify-center p-(--viewport-padding) [--viewport-padding:0px] data-[swipe-direction=left]:items-stretch data-[swipe-direction=left]:justify-start data-[swipe-direction=right]:items-stretch data-[swipe-direction=right]:justify-end data-[swipe-direction=up]:items-start supports-[-webkit-touch-callout:none]:[--viewport-padding:0.625rem]\",\n className\n )}\n data-slot=\"drawer-viewport\"\n {...props}\n />\n);\n\nexport { DrawerViewport };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { DrawerActions } from \"./drawer-actions\";\nimport { DrawerBackdrop } from \"./drawer-backdrop\";\nimport { DrawerClose } from \"./drawer-close\";\nimport { DrawerContent } from \"./drawer-content\";\nimport { DrawerDescription } from \"./drawer-description\";\nimport { DrawerHandle } from \"./drawer-handle\";\nimport { DrawerHeader } from \"./drawer-header\";\nimport { DrawerIndent } from \"./drawer-indent\";\nimport { DrawerIndentBackground } from \"./drawer-indent-background\";\nimport { DrawerPopup } from \"./drawer-popup\";\nimport { DrawerPortal } from \"./drawer-portal\";\nimport { DrawerProvider } from \"./drawer-provider\";\nimport { DrawerSizeContext, type DrawerSize } from \"./drawer-size-context\";\nimport { DrawerTitle } from \"./drawer-title\";\nimport { DrawerTrigger } from \"./drawer-trigger\";\nimport { DrawerViewport } from \"./drawer-viewport\";\n\nexport type DrawerRootProps<T = unknown> = DrawerPrimitive.Root.Props<T> & {\n size?: DrawerSize;\n};\nexport type DrawerProps<T = unknown> = DrawerRootProps<T>;\n\nconst Drawer = <T,>({ size: providedSize, ...props }: DrawerRootProps<T>) => {\n const size = useComponentSize(providedSize);\n\n return (\n <DrawerSizeContext.Provider value={{ size }}>\n <DrawerPrimitive.Root {...props} />\n </DrawerSizeContext.Provider>\n );\n};\n\nconst DrawerRoot = Drawer;\n\nDrawer.Root = DrawerRoot;\nDrawer.Actions = DrawerActions;\nDrawer.Backdrop = DrawerBackdrop;\nDrawer.Close = DrawerClose;\nDrawer.Content = DrawerContent;\nDrawer.Description = DrawerDescription;\nDrawer.Indent = DrawerIndent;\nDrawer.IndentBackground = DrawerIndentBackground;\nDrawer.Handle = DrawerHandle;\nDrawer.Header = DrawerHeader;\nDrawer.Popup = DrawerPopup;\nDrawer.Portal = DrawerPortal;\nDrawer.Provider = DrawerProvider;\nDrawer.Title = DrawerTitle;\nDrawer.Trigger = DrawerTrigger;\nDrawer.Viewport = DrawerViewport;\nDrawer.createHandle = DrawerPrimitive.createHandle;\n\nconst createDrawerHandle = DrawerPrimitive.createHandle;\n\nexport type { DrawerActionsProps } from \"./drawer-actions\";\nexport type { DrawerBackdropProps } from \"./drawer-backdrop\";\nexport type { DrawerCloseProps } from \"./drawer-close\";\nexport type { DrawerContentProps } from \"./drawer-content\";\nexport type { DrawerDescriptionProps } from \"./drawer-description\";\nexport type { DrawerHandleProps } from \"./drawer-handle\";\nexport type { DrawerHeaderProps } from \"./drawer-header\";\nexport type { DrawerIndentBackgroundProps } from \"./drawer-indent-background\";\nexport type { DrawerIndentProps } from \"./drawer-indent\";\nexport type { DrawerPopupProps } from \"./drawer-popup\";\nexport type { DrawerPopupSize } from \"./drawer-popup\";\nexport type { DrawerPortalProps } from \"./drawer-portal\";\nexport type { DrawerProviderProps } from \"./drawer-provider\";\nexport type { DrawerSize } from \"./drawer-size-context\";\nexport type { DrawerTitleProps } from \"./drawer-title\";\nexport type { DrawerTriggerProps } from \"./drawer-trigger\";\nexport type { DrawerViewportProps } from \"./drawer-viewport\";\n\nexport {\n Drawer,\n DrawerRoot,\n DrawerActions,\n DrawerBackdrop,\n DrawerClose,\n DrawerContent,\n DrawerDescription,\n DrawerHandle,\n DrawerHeader,\n DrawerIndent,\n DrawerIndentBackground,\n DrawerPopup,\n DrawerPortal,\n DrawerProvider,\n DrawerTitle,\n DrawerTrigger,\n DrawerViewport,\n createDrawerHandle,\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"drawer.js","names":["DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive"],"sources":["../../src/ui/drawer/drawer-size-context.ts","../../src/ui/drawer/drawer-actions.tsx","../../src/ui/drawer/drawer-backdrop.tsx","../../src/ui/drawer/drawer-close.tsx","../../src/ui/drawer/drawer-content.tsx","../../src/ui/drawer/drawer-description.tsx","../../src/ui/drawer/drawer-handle.tsx","../../src/ui/drawer/drawer-header.tsx","../../src/ui/drawer/drawer-indent.tsx","../../src/ui/drawer/drawer-indent-background.tsx","../../src/ui/drawer/drawer-popup.tsx","../../src/ui/drawer/drawer-portal.tsx","../../src/ui/drawer/drawer-provider.tsx","../../src/ui/drawer/drawer-title.tsx","../../src/ui/drawer/drawer-trigger.tsx","../../src/ui/drawer/drawer-viewport.tsx","../../src/ui/drawer/drawer.tsx"],"sourcesContent":["import { createSizeContext } from \"../shared/size/size-context\";\nimport type { UISize } from \"../shared/size/size-system\";\n\nexport type DrawerSize = UISize;\n\nconst {\n SizeContext: DrawerSizeContext,\n useResolvedSize: useResolvedDrawerSize,\n} = createSizeContext();\n\nexport { DrawerSizeContext, useResolvedDrawerSize };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerActionsVariants = tv({\n base: \"flex justify-end\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"gap-4\",\n md: \"gap-4\",\n sm: \"gap-2.5\",\n xl: \"gap-5\",\n xs: \"gap-2\",\n },\n },\n});\n\ntype DrawerActionsVariantProps = Omit<\n VariantProps<typeof drawerActionsVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerActionsProps = ComponentProps<\"div\"> &\n DrawerActionsVariantProps;\n\nconst DrawerActions = ({ className, size, ...props }: DrawerActionsProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <div\n className={cn(drawerActionsVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"drawer-actions\"\n {...props}\n />\n );\n};\n\nexport { DrawerActions };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DrawerBackdropProps = DrawerPrimitive.Backdrop.Props;\n\nconst DrawerBackdrop = ({ className, ...props }: DrawerBackdropProps) => (\n <DrawerPrimitive.Backdrop\n className={cn(\n \"z-overlay bg-foreground dark:bg-background fixed inset-0 min-h-dvh opacity-[calc(var(--backdrop-opacity)*(1-var(--drawer-swipe-progress)))] transition-opacity duration-[450ms] ease-[cubic-bezier(0.32,0.72,0,1)] [--backdrop-opacity:0.2] [--bleed:3rem] data-[ending-style]:opacity-0 data-[ending-style]:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-[starting-style]:opacity-0 data-[swiping]:duration-0 supports-[-webkit-touch-callout:none]:absolute dark:[--backdrop-opacity:0.7]\",\n className\n )}\n data-slot=\"drawer-backdrop\"\n {...props}\n />\n);\n\nexport { DrawerBackdrop };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerCloseVariants = tv({\n base: \"cursor-clickable text-foreground hover:bg-muted focus-visible:outline-ring active:bg-muted inline-flex items-center justify-center rounded-md transition-colors select-none focus-visible:outline focus-visible:-outline-offset-1 disabled:pointer-events-none disabled:opacity-50\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"size-8 text-base\",\n md: \"size-7 text-base\",\n sm: \"size-7 text-base\",\n xl: \"size-9 text-lg\",\n xs: \"size-6 text-sm\",\n },\n },\n});\n\ntype DrawerCloseVariantProps = Omit<\n VariantProps<typeof drawerCloseVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerCloseProps = DrawerPrimitive.Close.Props &\n DrawerCloseVariantProps;\n\nconst DrawerClose = ({ className, size, ...props }: DrawerCloseProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <DrawerPrimitive.Close\n className={cn(drawerCloseVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"drawer-close\"\n {...props}\n />\n );\n};\n\nexport { DrawerClose };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerContentVariants = tv({\n base: \"mx-auto w-full\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"max-w-[36rem]\",\n md: \"max-w-[32rem]\",\n sm: \"max-w-[28rem]\",\n xl: \"max-w-[40rem]\",\n xs: \"max-w-[24rem]\",\n },\n },\n});\n\ntype DrawerContentVariantProps = Omit<\n VariantProps<typeof drawerContentVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerContentProps = DrawerPrimitive.Content.Props &\n DrawerContentVariantProps;\n\nconst DrawerContent = ({ className, size, ...props }: DrawerContentProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <DrawerPrimitive.Content\n className={cn(drawerContentVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"drawer-content\"\n {...props}\n />\n );\n};\n\nexport { DrawerContent };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerDescriptionVariants = tv({\n base: \"text-muted-foreground\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"text-base leading-7\",\n md: \"text-base leading-6\",\n sm: \"text-sm leading-6\",\n xl: \"text-lg leading-7\",\n xs: \"text-sm leading-5\",\n },\n },\n});\n\ntype DrawerDescriptionVariantProps = Omit<\n VariantProps<typeof drawerDescriptionVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerDescriptionProps = DrawerPrimitive.Description.Props &\n DrawerDescriptionVariantProps;\n\nconst DrawerDescription = ({\n className,\n size,\n ...props\n}: DrawerDescriptionProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <DrawerPrimitive.Description\n className={cn(\n drawerDescriptionVariants({ size: resolvedSize }),\n className\n )}\n data-size={resolvedSize}\n data-slot=\"drawer-description\"\n {...props}\n />\n );\n};\n\nexport { DrawerDescription };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerHandleVariants = tv({\n base: \"bg-muted-foreground/40 mx-auto h-1 shrink-0 rounded-full\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"mb-4 w-14\",\n md: \"mb-4 w-12\",\n sm: \"mb-3.5 w-11\",\n xl: \"mb-5 w-16\",\n xs: \"mb-3 w-10\",\n },\n },\n});\n\ntype DrawerHandleVariantProps = Omit<\n VariantProps<typeof drawerHandleVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerHandleProps = ComponentProps<\"div\"> &\n DrawerHandleVariantProps;\n\nconst DrawerHandle = ({ className, size, ...props }: DrawerHandleProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <div\n aria-hidden\n className={cn(drawerHandleVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"drawer-handle\"\n {...props}\n />\n );\n};\n\nexport { DrawerHandle };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerHeaderVariants = tv({\n base: \"border-border flex shrink-0 touch-none flex-col border-b\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"gap-3 px-7 pt-4 pb-3.5\",\n md: \"gap-2.5 px-6 pt-3.5 pb-3\",\n sm: \"gap-2 px-5 pt-3 pb-2.5\",\n xl: \"gap-3.5 px-8 pt-4.5 pb-4\",\n xs: \"gap-1.5 px-4 pt-2.5 pb-2\",\n },\n },\n});\n\ntype DrawerHeaderVariantProps = Omit<\n VariantProps<typeof drawerHeaderVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerHeaderProps = ComponentProps<\"div\"> &\n DrawerHeaderVariantProps;\n\nconst DrawerHeader = ({ className, size, ...props }: DrawerHeaderProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <div\n className={cn(drawerHeaderVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"drawer-header\"\n {...props}\n />\n );\n};\n\nexport { DrawerHeader };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DrawerIndentProps = DrawerPrimitive.Indent.Props;\n\nconst DrawerIndent = ({ className, ...props }: DrawerIndentProps) => (\n <DrawerPrimitive.Indent\n className={cn(\n \"border-border bg-background text-foreground relative min-h-[320px] origin-[center_top] border [transition-duration:calc(400ms*var(--indent-transition)),calc(250ms*var(--indent-transition))] will-change-transform [--indent-progress:var(--drawer-swipe-progress)] [--indent-radius:calc(var(--radius-xl)*(1-var(--indent-progress)))] [--indent-transition:calc(1-clamp(0,calc(var(--drawer-swipe-progress)*100000),1))] [transition:transform_0.4s_cubic-bezier(0.32,0.72,0,1),border-radius_0.25s_cubic-bezier(0.32,0.72,0,1)] data-[active]:[transform:scale(calc(0.98+(0.02*var(--indent-progress))))_translateY(calc(0.5rem*(1-var(--indent-progress))))] data-[active]:[border-top-left-radius:var(--indent-radius)] data-[active]:[border-top-right-radius:var(--indent-radius)]\",\n className\n )}\n data-slot=\"drawer-indent\"\n {...props}\n />\n);\n\nexport { DrawerIndent };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DrawerIndentBackgroundProps =\n DrawerPrimitive.IndentBackground.Props;\n\nconst DrawerIndentBackground = ({\n className,\n ...props\n}: DrawerIndentBackgroundProps) => (\n <DrawerPrimitive.IndentBackground\n className={cn(\n \"z-underlay bg-foreground absolute inset-0 transition-opacity duration-300 data-[active]:opacity-100 [&:not([data-active])]:opacity-0\",\n className\n )}\n data-slot=\"drawer-indent-background\"\n {...props}\n />\n);\n\nexport { DrawerIndentBackground };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerPopupSizeVariants = tv({\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"text-sm data-[swipe-direction=down]:px-7 data-[swipe-direction=down]:pt-5 data-[swipe-direction=down]:pb-[calc(1.75rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(22rem+var(--bleed))] data-[swipe-direction=left]:p-7 data-[swipe-direction=left]:pl-[calc(1.75rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(22rem+var(--bleed))] data-[swipe-direction=right]:p-7 data-[swipe-direction=right]:pr-[calc(1.75rem+var(--bleed))] data-[swipe-direction=up]:px-7 data-[swipe-direction=up]:pt-[calc(1.75rem+var(--bleed))] data-[swipe-direction=up]:pb-5\",\n md: \"text-sm\",\n sm: \"text-sm data-[swipe-direction=down]:px-5 data-[swipe-direction=down]:pt-3.5 data-[swipe-direction=down]:pb-[calc(1.25rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(19rem+var(--bleed))] data-[swipe-direction=left]:p-5 data-[swipe-direction=left]:pl-[calc(1.25rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(19rem+var(--bleed))] data-[swipe-direction=right]:p-5 data-[swipe-direction=right]:pr-[calc(1.25rem+var(--bleed))] data-[swipe-direction=up]:px-5 data-[swipe-direction=up]:pt-[calc(1.25rem+var(--bleed))] data-[swipe-direction=up]:pb-3.5\",\n xl: \"text-base data-[swipe-direction=down]:px-8 data-[swipe-direction=down]:pt-6 data-[swipe-direction=down]:pb-[calc(2rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(24rem+var(--bleed))] data-[swipe-direction=left]:p-8 data-[swipe-direction=left]:pl-[calc(2rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(24rem+var(--bleed))] data-[swipe-direction=right]:p-8 data-[swipe-direction=right]:pr-[calc(2rem+var(--bleed))] data-[swipe-direction=up]:px-8 data-[swipe-direction=up]:pt-[calc(2rem+var(--bleed))] data-[swipe-direction=up]:pb-6\",\n xs: \"text-xs data-[swipe-direction=down]:px-4 data-[swipe-direction=down]:pt-3 data-[swipe-direction=down]:pb-[calc(1rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(18rem+var(--bleed))] data-[swipe-direction=left]:p-4 data-[swipe-direction=left]:pl-[calc(1rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(18rem+var(--bleed))] data-[swipe-direction=right]:p-4 data-[swipe-direction=right]:pr-[calc(1rem+var(--bleed))] data-[swipe-direction=up]:px-4 data-[swipe-direction=up]:pt-[calc(1rem+var(--bleed))] data-[swipe-direction=up]:pb-3\",\n },\n },\n});\n\ntype DrawerPopupVariantProps = Omit<\n VariantProps<typeof drawerPopupSizeVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerPopupSize = UISize;\nexport type DrawerPopupProps = DrawerPrimitive.Popup.Props &\n DrawerPopupVariantProps;\n\nconst DrawerPopup = ({ className, size, ...props }: DrawerPopupProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <DrawerPrimitive.Popup\n className={cn(\n \"bg-card text-card-foreground outline-border data-nested-drawer-open:after:bg-foreground/5 relative box-border flex touch-auto flex-col overflow-y-auto overscroll-contain outline transition-[transform,height,box-shadow,padding-bottom] duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] [--bleed:3rem] [--peek:1rem] [--stack-height:max(0px,calc(var(--drawer-frontmost-height,var(--drawer-height))-var(--bleed)))] [--stack-peek-offset:max(0px,calc((var(--nested-drawers)-var(--stack-progress))*var(--peek)))] [--stack-progress:clamp(0,var(--drawer-swipe-progress),1)] [--stack-scale-base:calc(max(0,1-(var(--nested-drawers)*var(--stack-step))))] [--stack-scale:clamp(0,calc(var(--stack-scale-base)+(var(--stack-step)*var(--stack-progress))),1)] [--stack-shrink:calc(1-var(--stack-scale))] [--stack-step:0.05] [--viewport-padding:0px] [transition:transform_450ms_cubic-bezier(0.32,0.72,0,1),height_450ms_cubic-bezier(0.32,0.72,0,1),box-shadow_450ms_cubic-bezier(0.32,0.72,0,1),padding-bottom_450ms_cubic-bezier(0.32,0.72,0,1)] after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:bg-transparent after:transition-[background-color] after:duration-450 after:ease-[cubic-bezier(0.32,0.72,0,1)] after:content-[''] data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-expanded:shadow-none data-nested-drawer-open:h-[calc(var(--stack-height)+var(--bleed))] data-nested-drawer-open:overflow-hidden data-nested-drawer-swiping:duration-0 data-swiping:duration-0 data-swiping:select-none data-[swipe-direction=down]:-mb-(--bleed) data-[swipe-direction=down]:h-(--drawer-height,auto) data-[swipe-direction=down]:max-h-[calc(80vh+var(--bleed))] data-[swipe-direction=down]:w-full data-[swipe-direction=down]:origin-[50%_calc(100%-var(--bleed))] data-[swipe-direction=down]:transform-[translateY(calc(var(--drawer-snap-point-offset)+var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=down]:rounded-t-2xl data-[swipe-direction=down]:px-6 data-[swipe-direction=down]:pt-4 data-[swipe-direction=down]:pb-[calc(1.5rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=down]:data-ending-style:transform-[translateY(calc(100%-var(--bleed)))] data-[swipe-direction=down]:data-starting-style:transform-[translateY(calc(100%-var(--bleed)))] data-[swipe-direction=down]:data-[nested-drawer-open]:!h-[calc(var(--stack-height)+var(--bleed))] data-[swipe-direction=down]:data-[nested-drawer-open]:transform-[translateY(calc(var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=left]:mr-auto data-[swipe-direction=left]:-ml-(--bleed) data-[swipe-direction=left]:h-full data-[swipe-direction=left]:w-[calc(20rem+var(--bleed))] data-[swipe-direction=left]:max-w-[calc(100vw-3rem+var(--bleed))] data-[swipe-direction=left]:transform-[translateX(var(--drawer-swipe-movement-x))] data-[swipe-direction=left]:p-6 data-[swipe-direction=left]:pl-[calc(1.5rem+var(--bleed))] data-[swipe-direction=left]:data-ending-style:transform-[translateX(calc(-100%+var(--bleed)-var(--viewport-padding)))] data-[swipe-direction=left]:data-starting-style:transform-[translateX(calc(-100%+var(--bleed)-var(--viewport-padding)))] data-[swipe-direction=right]:-mr-(--bleed) data-[swipe-direction=right]:ml-auto data-[swipe-direction=right]:h-full data-[swipe-direction=right]:w-[calc(20rem+var(--bleed))] data-[swipe-direction=right]:max-w-[calc(100vw-3rem+var(--bleed))] data-[swipe-direction=right]:transform-[translateX(var(--drawer-swipe-movement-x))] data-[swipe-direction=right]:p-6 data-[swipe-direction=right]:pr-[calc(1.5rem+var(--bleed))] data-[swipe-direction=right]:data-ending-style:transform-[translateX(calc(100%-var(--bleed)+var(--viewport-padding)))] data-[swipe-direction=right]:data-starting-style:transform-[translateX(calc(100%-var(--bleed)+var(--viewport-padding)))] data-[swipe-direction=up]:-mt-(--bleed) data-[swipe-direction=up]:h-(--drawer-height,auto) data-[swipe-direction=up]:max-h-[calc(80vh+var(--bleed))] data-[swipe-direction=up]:w-full data-[swipe-direction=up]:origin-[50%_var(--bleed)] data-[swipe-direction=up]:transform-[translateY(calc(var(--drawer-snap-point-offset)+var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=up]:self-start data-[swipe-direction=up]:rounded-b-2xl data-[swipe-direction=up]:px-6 data-[swipe-direction=up]:pt-[calc(1.5rem+var(--bleed))] data-[swipe-direction=up]:pb-4 data-[swipe-direction=up]:data-ending-style:transform-[translateY(calc(-100%+var(--bleed)))] data-[swipe-direction=up]:data-starting-style:transform-[translateY(calc(-100%+var(--bleed)))] data-[swipe-direction=up]:data-[nested-drawer-open]:!h-[calc(var(--stack-height)+var(--bleed))] data-[swipe-direction=up]:data-[nested-drawer-open]:transform-[translateY(calc(var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:ml-0 supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:w-[20rem] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:max-w-[calc(100vw-20px)] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:rounded-[10px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:pl-6 supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:[--bleed:0px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:mr-0 supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:w-[20rem] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:max-w-[calc(100vw-20px)] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:rounded-[10px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:pr-6 supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:[--bleed:0px]\",\n drawerPopupSizeVariants({ size: resolvedSize }),\n className\n )}\n data-size={resolvedSize}\n data-slot=\"drawer-popup\"\n {...props}\n />\n );\n};\n\nexport { DrawerPopup };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\n\nexport type DrawerPortalProps = DrawerPrimitive.Portal.Props;\n\nconst DrawerPortal = ({ ...props }: DrawerPortalProps) => (\n <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />\n);\n\nexport { DrawerPortal };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\n\nexport type DrawerProviderProps = DrawerPrimitive.Provider.Props;\n\nconst DrawerProvider = ({ ...props }: DrawerProviderProps) => (\n <DrawerPrimitive.Provider {...props} />\n);\n\nexport { DrawerProvider };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerTitleVariants = tv({\n base: \"text-foreground font-medium\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"text-xl leading-7\",\n md: \"text-lg leading-7\",\n sm: \"text-lg leading-6\",\n xl: \"text-2xl leading-8\",\n xs: \"text-base leading-6\",\n },\n },\n});\n\ntype DrawerTitleVariantProps = Omit<\n VariantProps<typeof drawerTitleVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerTitleProps = DrawerPrimitive.Title.Props &\n DrawerTitleVariantProps;\n\nconst DrawerTitle = ({ className, size, ...props }: DrawerTitleProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <DrawerPrimitive.Title\n className={cn(drawerTitleVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"drawer-title\"\n {...props}\n />\n );\n};\n\nexport { DrawerTitle };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerTriggerVariants = tv({\n base: \"cursor-clickable border-border bg-background text-foreground hover:bg-muted focus-visible:outline-ring active:bg-muted inline-flex items-center justify-center border font-medium transition-colors select-none focus-visible:outline focus-visible:-outline-offset-1 disabled:pointer-events-none disabled:opacity-50\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"h-11 rounded-md px-4 text-base md:text-sm\",\n md: \"h-10 rounded-md px-3.5 text-base md:text-sm\",\n sm: \"h-9 rounded-[min(var(--radius-md),10px)] px-3 text-sm\",\n xl: \"h-12 rounded-md px-4.5 text-base\",\n xs: \"h-8 rounded-[min(var(--radius-md),8px)] px-2 text-xs\",\n },\n },\n});\n\ntype DrawerTriggerVariantProps = Omit<\n VariantProps<typeof drawerTriggerVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerTriggerProps = DrawerPrimitive.Trigger.Props &\n DrawerTriggerVariantProps;\n\nconst DrawerTrigger = ({ className, size, ...props }: DrawerTriggerProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <DrawerPrimitive.Trigger\n className={cn(drawerTriggerVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"drawer-trigger\"\n {...props}\n />\n );\n};\n\nexport { DrawerTrigger };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DrawerViewportProps = DrawerPrimitive.Viewport.Props;\n\nconst DrawerViewport = ({ className, ...props }: DrawerViewportProps) => (\n <DrawerPrimitive.Viewport\n className={cn(\n \"z-overlay fixed inset-0 flex items-end justify-center p-(--viewport-padding) [--viewport-padding:0px] data-[swipe-direction=left]:items-stretch data-[swipe-direction=left]:justify-start data-[swipe-direction=right]:items-stretch data-[swipe-direction=right]:justify-end data-[swipe-direction=up]:items-start supports-[-webkit-touch-callout:none]:[--viewport-padding:0.625rem]\",\n className\n )}\n data-slot=\"drawer-viewport\"\n {...props}\n />\n);\n\nexport { DrawerViewport };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { useMemo } from \"react\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { DrawerActions } from \"./drawer-actions\";\nimport { DrawerBackdrop } from \"./drawer-backdrop\";\nimport { DrawerClose } from \"./drawer-close\";\nimport { DrawerContent } from \"./drawer-content\";\nimport { DrawerDescription } from \"./drawer-description\";\nimport { DrawerHandle } from \"./drawer-handle\";\nimport { DrawerHeader } from \"./drawer-header\";\nimport { DrawerIndent } from \"./drawer-indent\";\nimport { DrawerIndentBackground } from \"./drawer-indent-background\";\nimport { DrawerPopup } from \"./drawer-popup\";\nimport { DrawerPortal } from \"./drawer-portal\";\nimport { DrawerProvider } from \"./drawer-provider\";\nimport { DrawerSizeContext } from \"./drawer-size-context\";\nimport type { DrawerSize } from \"./drawer-size-context\";\nimport { DrawerTitle } from \"./drawer-title\";\nimport { DrawerTrigger } from \"./drawer-trigger\";\nimport { DrawerViewport } from \"./drawer-viewport\";\n\nexport type DrawerRootProps<T = unknown> = DrawerPrimitive.Root.Props<T> & {\n size?: DrawerSize;\n};\nexport type DrawerProps<T = unknown> = DrawerRootProps<T>;\n\nconst Drawer = <T,>({ size: providedSize, ...props }: DrawerRootProps<T>) => {\n const size = useComponentSize(providedSize);\n const contextValue = useMemo(() => ({ size }), [size]);\n\n return (\n <DrawerSizeContext.Provider value={contextValue}>\n <DrawerPrimitive.Root {...props} />\n </DrawerSizeContext.Provider>\n );\n};\n\nconst DrawerRoot = Drawer;\n\nDrawer.Root = DrawerRoot;\nDrawer.Actions = DrawerActions;\nDrawer.Backdrop = DrawerBackdrop;\nDrawer.Close = DrawerClose;\nDrawer.Content = DrawerContent;\nDrawer.Description = DrawerDescription;\nDrawer.Indent = DrawerIndent;\nDrawer.IndentBackground = DrawerIndentBackground;\nDrawer.Handle = DrawerHandle;\nDrawer.Header = DrawerHeader;\nDrawer.Popup = DrawerPopup;\nDrawer.Portal = DrawerPortal;\nDrawer.Provider = DrawerProvider;\nDrawer.Title = DrawerTitle;\nDrawer.Trigger = DrawerTrigger;\nDrawer.Viewport = DrawerViewport;\nDrawer.createHandle = DrawerPrimitive.createHandle;\n\nconst createDrawerHandle = DrawerPrimitive.createHandle;\n\nexport type { DrawerActionsProps } from \"./drawer-actions\";\nexport type { DrawerBackdropProps } from \"./drawer-backdrop\";\nexport type { DrawerCloseProps } from \"./drawer-close\";\nexport type { DrawerContentProps } from \"./drawer-content\";\nexport type { DrawerDescriptionProps } from \"./drawer-description\";\nexport type { DrawerHandleProps } from \"./drawer-handle\";\nexport type { DrawerHeaderProps } from \"./drawer-header\";\nexport type { DrawerIndentBackgroundProps } from \"./drawer-indent-background\";\nexport type { DrawerIndentProps } from \"./drawer-indent\";\nexport type { DrawerPopupProps } from \"./drawer-popup\";\nexport type { DrawerPopupSize } from \"./drawer-popup\";\nexport type { DrawerPortalProps } from \"./drawer-portal\";\nexport type { DrawerProviderProps } from \"./drawer-provider\";\nexport type { DrawerSize } from \"./drawer-size-context\";\nexport type { DrawerTitleProps } from \"./drawer-title\";\nexport type { DrawerTriggerProps } from \"./drawer-trigger\";\nexport type { DrawerViewportProps } from \"./drawer-viewport\";\n\nexport {\n Drawer,\n DrawerRoot,\n DrawerActions,\n DrawerBackdrop,\n DrawerClose,\n DrawerContent,\n DrawerDescription,\n DrawerHandle,\n DrawerHeader,\n DrawerIndent,\n DrawerIndentBackground,\n DrawerPopup,\n DrawerPortal,\n DrawerProvider,\n DrawerTitle,\n DrawerTrigger,\n DrawerViewport,\n createDrawerHandle,\n};\n"],"mappings":"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"}
package/dist/ui/dropdown-menu.d.ts CHANGED
@@ -1,144 +1,3 @@
1
- import { InputSize } from "./input.js";
2
- import { A as DropdownMenuGroupProps, C as DropdownMenuLinkItem, D as DropdownMenuItem, E as DropdownMenuLabelProps, F as DropdownMenuBackdrop, I as DropdownMenuBackdropProps, L as DropdownMenuArrow, M as DropdownMenuContentProps, N as DropdownMenuCheckboxItem, O as DropdownMenuItemProps, P as DropdownMenuCheckboxItemProps, R as DropdownMenuArrowProps, S as DropdownMenuPortalProps, T as DropdownMenuLabel, _ as DropdownMenuPositioner, a as DropdownMenuSubContent, b as DropdownMenuPopupProps, c as DropdownMenuSubProps, d as DropdownMenuSeparator, f as DropdownMenuSeparatorProps, g as DropdownMenuRadioGroupProps, h as DropdownMenuRadioGroup, i as DropdownMenuSubTriggerProps, j as DropdownMenuContent, k as DropdownMenuGroup, l as DropdownMenuShortcut, m as DropdownMenuRadioItemProps, n as DropdownMenuTriggerProps, o as DropdownMenuSubContentProps, p as DropdownMenuRadioItem, r as DropdownMenuSubTrigger, s as DropdownMenuSub, t as DropdownMenuTrigger, u as DropdownMenuShortcutProps, v as DropdownMenuPositionerProps, w as DropdownMenuLinkItemProps, x as DropdownMenuPortal, y as DropdownMenuPopup } from "../dropdown-menu-trigger-BpgtLUvf.js";
3
- import * as react_jsx_runtime0 from "react/jsx-runtime";
4
- import * as tailwind_variants0 from "tailwind-variants";
5
- import { Menu } from "@base-ui/react/menu";
6
-
7
- //#region src/ui/dropdown-menu/dropdown-menu.d.ts
8
- type DropdownMenuProps = Menu.Root.Props & {
9
- size?: InputSize;
10
- };
11
- declare const DropdownMenu: {
12
- ({
13
- size: providedSize,
14
- ...props
15
- }: DropdownMenuProps): react_jsx_runtime0.JSX.Element;
16
- Arrow: ({
17
- className,
18
- ...props
19
- }: DropdownMenuArrowProps) => react_jsx_runtime0.JSX.Element;
20
- Backdrop: ({
21
- className,
22
- ...props
23
- }: DropdownMenuBackdropProps) => react_jsx_runtime0.JSX.Element;
24
- CheckboxItem: ({
25
- className,
26
- children,
27
- checked,
28
- size,
29
- ...props
30
- }: DropdownMenuCheckboxItemProps) => react_jsx_runtime0.JSX.Element;
31
- Content: ({
32
- align,
33
- alignOffset,
34
- side,
35
- sideOffset,
36
- className,
37
- size,
38
- ...props
39
- }: DropdownMenuContentProps) => react_jsx_runtime0.JSX.Element;
40
- Group: ({
41
- ...props
42
- }: DropdownMenuGroupProps) => react_jsx_runtime0.JSX.Element;
43
- Item: ({
44
- className,
45
- inset,
46
- size,
47
- variant,
48
- ...props
49
- }: DropdownMenuItemProps) => react_jsx_runtime0.JSX.Element;
50
- Label: ({
51
- className,
52
- inset,
53
- size,
54
- ...props
55
- }: DropdownMenuLabelProps) => react_jsx_runtime0.JSX.Element;
56
- LinkItem: ({
57
- className,
58
- inset,
59
- size,
60
- variant,
61
- ...props
62
- }: DropdownMenuLinkItemProps) => react_jsx_runtime0.JSX.Element;
63
- Portal: ({
64
- ...props
65
- }: DropdownMenuPortalProps) => react_jsx_runtime0.JSX.Element;
66
- Popup: ({
67
- className,
68
- size,
69
- ...props
70
- }: DropdownMenuPopupProps) => react_jsx_runtime0.JSX.Element;
71
- Positioner: ({
72
- className,
73
- ...props
74
- }: DropdownMenuPositionerProps) => react_jsx_runtime0.JSX.Element;
75
- RadioGroup: ({
76
- ...props
77
- }: DropdownMenuRadioGroupProps) => react_jsx_runtime0.JSX.Element;
78
- RadioItem: ({
79
- className,
80
- children,
81
- size,
82
- ...props
83
- }: DropdownMenuRadioItemProps) => react_jsx_runtime0.JSX.Element;
84
- Separator: ({
85
- className,
86
- size,
87
- ...props
88
- }: DropdownMenuSeparatorProps & tailwind_variants0.VariantProps<tailwind_variants0.TVReturnType<{
89
- size: {
90
- xs: string;
91
- sm: string;
92
- md: string;
93
- lg: string;
94
- xl: string;
95
- };
96
- }, undefined, "h-px bg-border", {
97
- size: {
98
- xs: string;
99
- sm: string;
100
- md: string;
101
- lg: string;
102
- xl: string;
103
- };
104
- }, undefined, tailwind_variants0.TVReturnType<{
105
- size: {
106
- xs: string;
107
- sm: string;
108
- md: string;
109
- lg: string;
110
- xl: string;
111
- };
112
- }, undefined, "h-px bg-border", unknown, unknown, undefined>>>) => react_jsx_runtime0.JSX.Element;
113
- Shortcut: ({
114
- className,
115
- size,
116
- ...props
117
- }: DropdownMenuShortcutProps) => react_jsx_runtime0.JSX.Element;
118
- Sub: ({
119
- ...props
120
- }: DropdownMenuSubProps) => react_jsx_runtime0.JSX.Element;
121
- SubContent: ({
122
- align,
123
- alignOffset,
124
- side,
125
- sideOffset,
126
- className,
127
- size,
128
- ...props
129
- }: DropdownMenuSubContentProps) => react_jsx_runtime0.JSX.Element;
130
- SubTrigger: ({
131
- className,
132
- inset,
133
- size,
134
- children,
135
- ...props
136
- }: DropdownMenuSubTriggerProps) => react_jsx_runtime0.JSX.Element;
137
- Trigger: ({
138
- className,
139
- ...props
140
- }: DropdownMenuTriggerProps) => react_jsx_runtime0.JSX.Element;
141
- };
142
- //#endregion
143
- export { DropdownMenu, DropdownMenuArrow, type DropdownMenuArrowProps, DropdownMenuBackdrop, type DropdownMenuBackdropProps, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuLinkItem, type DropdownMenuLinkItemProps, DropdownMenuPopup, type DropdownMenuPopupProps, DropdownMenuPortal, type DropdownMenuPortalProps, DropdownMenuPositioner, type DropdownMenuPositionerProps, DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps };
144
- //# sourceMappingURL=dropdown-menu.d.ts.map
1
+ import "../input-WWoBCgxe.js";
2
+ import { A as DropdownMenuItemProps, B as DropdownMenuArrowProps, C as DropdownMenuPortal, D as DropdownMenuLabel, E as DropdownMenuLinkItemProps, F as DropdownMenuCheckboxItem, I as DropdownMenuCheckboxItemProps, L as DropdownMenuBackdrop, M as DropdownMenuGroupProps, N as DropdownMenuContent, O as DropdownMenuLabelProps, P as DropdownMenuContentProps, R as DropdownMenuBackdropProps, S as DropdownMenuPopupProps, T as DropdownMenuLinkItem, _ as DropdownMenuRadioGroup, a as DropdownMenuSubTrigger, b as DropdownMenuPositionerProps, c as DropdownMenuSubContentProps, d as DropdownMenuShortcut, f as DropdownMenuShortcutProps, g as DropdownMenuRadioItemProps, h as DropdownMenuRadioItem, i as DropdownMenuTriggerProps, j as DropdownMenuGroup, k as DropdownMenuItem, l as DropdownMenuSub, m as DropdownMenuSeparatorProps, n as DropdownMenuProps, o as DropdownMenuSubTriggerProps, p as DropdownMenuSeparator, r as DropdownMenuTrigger, s as DropdownMenuSubContent, t as DropdownMenu, u as DropdownMenuSubProps, v as DropdownMenuRadioGroupProps, w as DropdownMenuPortalProps, x as DropdownMenuPopup, y as DropdownMenuPositioner, z as DropdownMenuArrow } from "../dropdown-menu-Bpj576m0.js";
3
+ export { DropdownMenu, DropdownMenuArrow, DropdownMenuArrowProps, DropdownMenuBackdrop, DropdownMenuBackdropProps, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemProps, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuGroupProps, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuLabelProps, DropdownMenuLinkItem, DropdownMenuLinkItemProps, DropdownMenuPopup, DropdownMenuPopupProps, DropdownMenuPortal, DropdownMenuPortalProps, DropdownMenuPositioner, DropdownMenuPositionerProps, DropdownMenuProps, DropdownMenuRadioGroup, DropdownMenuRadioGroupProps, DropdownMenuRadioItem, DropdownMenuRadioItemProps, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuShortcut, DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTrigger, DropdownMenuSubTriggerProps, DropdownMenuTrigger, DropdownMenuTriggerProps };