@m3-baseui/react-vanilla-extract 1.4.0 → 3.0.0

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 (321) hide show
  1. package/dist/components/badge/index.css +32 -0
  2. package/dist/components/badge/index.css.map +1 -0
  3. package/dist/components/badge/index.js +16 -0
  4. package/dist/components/badge/index.js.map +1 -0
  5. package/dist/components/bottom-app-bar/index.css +28 -0
  6. package/dist/components/bottom-app-bar/index.css.map +1 -0
  7. package/dist/components/bottom-app-bar/index.js +17 -0
  8. package/dist/components/bottom-app-bar/index.js.map +1 -0
  9. package/dist/{bottom-sheet.css → components/bottom-sheet/index.css} +14 -14
  10. package/dist/components/bottom-sheet/index.css.map +1 -0
  11. package/dist/components/bottom-sheet/index.js +27 -0
  12. package/dist/components/bottom-sheet/index.js.map +1 -0
  13. package/dist/{button.css → components/button/index.css} +39 -39
  14. package/dist/components/button/index.css.map +1 -0
  15. package/dist/components/button/index.js +14 -0
  16. package/dist/components/button/index.js.map +1 -0
  17. package/dist/components/button-group/index.css +23 -0
  18. package/dist/components/button-group/index.css.map +1 -0
  19. package/dist/components/button-group/index.js +18 -0
  20. package/dist/components/button-group/index.js.map +1 -0
  21. package/dist/{card.css → components/card/index.css} +18 -18
  22. package/dist/components/card/index.css.map +1 -0
  23. package/dist/components/card/index.js +16 -0
  24. package/dist/components/card/index.js.map +1 -0
  25. package/dist/components/carousel/index.css +55 -0
  26. package/dist/components/carousel/index.css.map +1 -0
  27. package/dist/components/carousel/index.js +18 -0
  28. package/dist/components/carousel/index.js.map +1 -0
  29. package/dist/{checkbox.css → components/checkbox/index.css} +32 -32
  30. package/dist/components/checkbox/index.css.map +1 -0
  31. package/dist/components/checkbox/index.js +17 -0
  32. package/dist/components/checkbox/index.js.map +1 -0
  33. package/dist/{chip.css → components/chip/index.css} +40 -40
  34. package/dist/components/chip/index.css.map +1 -0
  35. package/dist/components/chip/index.js +24 -0
  36. package/dist/components/chip/index.js.map +1 -0
  37. package/dist/{date-picker.css → components/date-picker/index.css} +57 -57
  38. package/dist/components/date-picker/index.css.map +1 -0
  39. package/dist/components/date-picker/index.js +53 -0
  40. package/dist/components/date-picker/index.js.map +1 -0
  41. package/dist/{dialog.css → components/dialog/index.css} +21 -21
  42. package/dist/components/dialog/index.css.map +1 -0
  43. package/dist/components/dialog/index.js +34 -0
  44. package/dist/components/dialog/index.js.map +1 -0
  45. package/dist/components/divider/index.css +28 -0
  46. package/dist/components/divider/index.css.map +1 -0
  47. package/dist/components/divider/index.js +14 -0
  48. package/dist/components/divider/index.js.map +1 -0
  49. package/dist/components/fab/index.css +138 -0
  50. package/dist/components/fab/index.css.map +1 -0
  51. package/dist/{fab.d.ts → components/fab/index.d.ts} +1 -1
  52. package/dist/components/fab/index.js +14 -0
  53. package/dist/components/fab/index.js.map +1 -0
  54. package/dist/components/fab-menu/index.css +225 -0
  55. package/dist/components/fab-menu/index.css.map +1 -0
  56. package/dist/components/fab-menu/index.js +19 -0
  57. package/dist/components/fab-menu/index.js.map +1 -0
  58. package/dist/{icon-button.css → components/icon-button/index.css} +56 -56
  59. package/dist/components/icon-button/index.css.map +1 -0
  60. package/dist/components/icon-button/index.js +16 -0
  61. package/dist/components/icon-button/index.js.map +1 -0
  62. package/dist/{item.css → components/item/index.css} +15 -15
  63. package/dist/components/item/index.css.map +1 -0
  64. package/dist/components/item/index.js +28 -0
  65. package/dist/components/item/index.js.map +1 -0
  66. package/dist/{list.css → components/list/index.css} +31 -31
  67. package/dist/components/list/index.css.map +1 -0
  68. package/dist/{list.js → components/list/index.js} +12 -12
  69. package/dist/components/list/index.js.map +1 -0
  70. package/dist/components/loading-indicator/index.css +35 -0
  71. package/dist/components/loading-indicator/index.css.map +1 -0
  72. package/dist/components/loading-indicator/index.js +20 -0
  73. package/dist/components/loading-indicator/index.js.map +1 -0
  74. package/dist/components/menu/index.css +373 -0
  75. package/dist/components/menu/index.css.map +1 -0
  76. package/dist/{menu.d.ts → components/menu/index.d.ts} +2 -2
  77. package/dist/components/menu/index.js +31 -0
  78. package/dist/components/menu/index.js.map +1 -0
  79. package/dist/{navigation-bar.css → components/navigation-bar/index.css} +22 -22
  80. package/dist/components/navigation-bar/index.css.map +1 -0
  81. package/dist/components/navigation-bar/index.js +27 -0
  82. package/dist/components/navigation-bar/index.js.map +1 -0
  83. package/dist/{navigation-drawer.css → components/navigation-drawer/index.css} +19 -19
  84. package/dist/components/navigation-drawer/index.css.map +1 -0
  85. package/dist/components/navigation-drawer/index.js +26 -0
  86. package/dist/components/navigation-drawer/index.js.map +1 -0
  87. package/dist/{navigation-rail.css → components/navigation-rail/index.css} +23 -23
  88. package/dist/components/navigation-rail/index.css.map +1 -0
  89. package/dist/components/navigation-rail/index.js +29 -0
  90. package/dist/components/navigation-rail/index.js.map +1 -0
  91. package/dist/components/progress/index.css +189 -0
  92. package/dist/components/progress/index.css.map +1 -0
  93. package/dist/{progress.d.ts → components/progress/index.d.ts} +2 -2
  94. package/dist/components/progress/index.js +29 -0
  95. package/dist/components/progress/index.js.map +1 -0
  96. package/dist/{radio.css → components/radio/index.css} +21 -21
  97. package/dist/components/radio/index.css.map +1 -0
  98. package/dist/components/radio/index.js +18 -0
  99. package/dist/components/radio/index.js.map +1 -0
  100. package/dist/{search.css → components/search/index.css} +33 -33
  101. package/dist/components/search/index.css.map +1 -0
  102. package/dist/components/search/index.js +37 -0
  103. package/dist/components/search/index.js.map +1 -0
  104. package/dist/{segmented-button.css → components/segmented-button/index.css} +22 -22
  105. package/dist/components/segmented-button/index.css.map +1 -0
  106. package/dist/components/segmented-button/index.js +25 -0
  107. package/dist/components/segmented-button/index.js.map +1 -0
  108. package/dist/components/select/index.css +550 -0
  109. package/dist/components/select/index.css.map +1 -0
  110. package/dist/{select.d.ts → components/select/index.d.ts} +6 -4
  111. package/dist/components/select/index.js +56 -0
  112. package/dist/components/select/index.js.map +1 -0
  113. package/dist/{side-sheet.css → components/side-sheet/index.css} +23 -23
  114. package/dist/components/side-sheet/index.css.map +1 -0
  115. package/dist/components/side-sheet/index.js +28 -0
  116. package/dist/components/side-sheet/index.js.map +1 -0
  117. package/dist/{slider.css → components/slider/index.css} +20 -20
  118. package/dist/components/slider/index.css.map +1 -0
  119. package/dist/components/slider/index.js +33 -0
  120. package/dist/components/slider/index.js.map +1 -0
  121. package/dist/{snackbar.css → components/snackbar/index.css} +20 -20
  122. package/dist/components/snackbar/index.css.map +1 -0
  123. package/dist/components/snackbar/index.js +28 -0
  124. package/dist/components/snackbar/index.js.map +1 -0
  125. package/dist/{split-button.css → components/split-button/index.css} +68 -68
  126. package/dist/components/split-button/index.css.map +1 -0
  127. package/dist/components/split-button/index.js +26 -0
  128. package/dist/components/split-button/index.js.map +1 -0
  129. package/dist/{switch.css → components/switch/index.css} +29 -29
  130. package/dist/components/switch/index.css.map +1 -0
  131. package/dist/components/switch/index.js +18 -0
  132. package/dist/components/switch/index.js.map +1 -0
  133. package/dist/{tabs.css → components/tabs/index.css} +21 -21
  134. package/dist/components/tabs/index.css.map +1 -0
  135. package/dist/components/tabs/index.js +24 -0
  136. package/dist/components/tabs/index.js.map +1 -0
  137. package/dist/{textfield.css → components/textfield/index.css} +84 -29
  138. package/dist/components/textfield/index.css.map +1 -0
  139. package/dist/{textfield.d.ts → components/textfield/index.d.ts} +1 -1
  140. package/dist/components/textfield/index.js +40 -0
  141. package/dist/components/textfield/index.js.map +1 -0
  142. package/dist/{time-picker.css → components/time-picker/index.css} +108 -30
  143. package/dist/components/time-picker/index.css.map +1 -0
  144. package/dist/components/time-picker/index.js +43 -0
  145. package/dist/components/time-picker/index.js.map +1 -0
  146. package/dist/components/toolbar/index.css +37 -0
  147. package/dist/components/toolbar/index.css.map +1 -0
  148. package/dist/components/toolbar/index.js +16 -0
  149. package/dist/components/toolbar/index.js.map +1 -0
  150. package/dist/{tooltip.css → components/tooltip/index.css} +13 -13
  151. package/dist/components/tooltip/index.css.map +1 -0
  152. package/dist/components/tooltip/index.js +28 -0
  153. package/dist/components/tooltip/index.js.map +1 -0
  154. package/dist/{top-app-bar.css → components/top-app-bar/index.css} +15 -15
  155. package/dist/components/top-app-bar/index.css.map +1 -0
  156. package/dist/components/top-app-bar/index.js +24 -0
  157. package/dist/components/top-app-bar/index.js.map +1 -0
  158. package/dist/index.css +1534 -1032
  159. package/dist/index.css.map +1 -1
  160. package/dist/index.d.ts +39 -39
  161. package/dist/index.js +336 -302
  162. package/dist/index.js.map +1 -1
  163. package/package.json +151 -151
  164. package/dist/badge.css +0 -32
  165. package/dist/badge.css.map +0 -1
  166. package/dist/badge.js +0 -16
  167. package/dist/badge.js.map +0 -1
  168. package/dist/bottom-app-bar.css +0 -28
  169. package/dist/bottom-app-bar.css.map +0 -1
  170. package/dist/bottom-app-bar.js +0 -17
  171. package/dist/bottom-app-bar.js.map +0 -1
  172. package/dist/bottom-sheet.css.map +0 -1
  173. package/dist/bottom-sheet.js +0 -27
  174. package/dist/bottom-sheet.js.map +0 -1
  175. package/dist/button-group.css +0 -23
  176. package/dist/button-group.css.map +0 -1
  177. package/dist/button-group.js +0 -18
  178. package/dist/button-group.js.map +0 -1
  179. package/dist/button.css.map +0 -1
  180. package/dist/button.js +0 -14
  181. package/dist/button.js.map +0 -1
  182. package/dist/card.css.map +0 -1
  183. package/dist/card.js +0 -16
  184. package/dist/card.js.map +0 -1
  185. package/dist/carousel.css +0 -41
  186. package/dist/carousel.css.map +0 -1
  187. package/dist/carousel.js +0 -18
  188. package/dist/carousel.js.map +0 -1
  189. package/dist/checkbox.css.map +0 -1
  190. package/dist/checkbox.js +0 -17
  191. package/dist/checkbox.js.map +0 -1
  192. package/dist/chip.css.map +0 -1
  193. package/dist/chip.js +0 -24
  194. package/dist/chip.js.map +0 -1
  195. package/dist/date-picker.css.map +0 -1
  196. package/dist/date-picker.js +0 -53
  197. package/dist/date-picker.js.map +0 -1
  198. package/dist/dialog.css.map +0 -1
  199. package/dist/dialog.js +0 -34
  200. package/dist/dialog.js.map +0 -1
  201. package/dist/divider.css +0 -28
  202. package/dist/divider.css.map +0 -1
  203. package/dist/divider.js +0 -14
  204. package/dist/divider.js.map +0 -1
  205. package/dist/fab-menu.css +0 -201
  206. package/dist/fab-menu.css.map +0 -1
  207. package/dist/fab-menu.js +0 -19
  208. package/dist/fab-menu.js.map +0 -1
  209. package/dist/fab.css +0 -110
  210. package/dist/fab.css.map +0 -1
  211. package/dist/fab.js +0 -14
  212. package/dist/fab.js.map +0 -1
  213. package/dist/icon-button.css.map +0 -1
  214. package/dist/icon-button.js +0 -16
  215. package/dist/icon-button.js.map +0 -1
  216. package/dist/item.css.map +0 -1
  217. package/dist/item.js +0 -28
  218. package/dist/item.js.map +0 -1
  219. package/dist/list.css.map +0 -1
  220. package/dist/list.js.map +0 -1
  221. package/dist/loading-indicator.css +0 -35
  222. package/dist/loading-indicator.css.map +0 -1
  223. package/dist/loading-indicator.js +0 -20
  224. package/dist/loading-indicator.js.map +0 -1
  225. package/dist/menu.css +0 -262
  226. package/dist/menu.css.map +0 -1
  227. package/dist/menu.js +0 -31
  228. package/dist/menu.js.map +0 -1
  229. package/dist/navigation-bar.css.map +0 -1
  230. package/dist/navigation-bar.js +0 -27
  231. package/dist/navigation-bar.js.map +0 -1
  232. package/dist/navigation-drawer.css.map +0 -1
  233. package/dist/navigation-drawer.js +0 -26
  234. package/dist/navigation-drawer.js.map +0 -1
  235. package/dist/navigation-rail.css.map +0 -1
  236. package/dist/navigation-rail.js +0 -29
  237. package/dist/navigation-rail.js.map +0 -1
  238. package/dist/progress.css +0 -93
  239. package/dist/progress.css.map +0 -1
  240. package/dist/progress.js +0 -23
  241. package/dist/progress.js.map +0 -1
  242. package/dist/radio.css.map +0 -1
  243. package/dist/radio.js +0 -18
  244. package/dist/radio.js.map +0 -1
  245. package/dist/search.css.map +0 -1
  246. package/dist/search.js +0 -37
  247. package/dist/search.js.map +0 -1
  248. package/dist/segmented-button.css.map +0 -1
  249. package/dist/segmented-button.js +0 -25
  250. package/dist/segmented-button.js.map +0 -1
  251. package/dist/select.css +0 -181
  252. package/dist/select.css.map +0 -1
  253. package/dist/select.js +0 -33
  254. package/dist/select.js.map +0 -1
  255. package/dist/side-sheet.css.map +0 -1
  256. package/dist/side-sheet.js +0 -28
  257. package/dist/side-sheet.js.map +0 -1
  258. package/dist/slider.css.map +0 -1
  259. package/dist/slider.js +0 -33
  260. package/dist/slider.js.map +0 -1
  261. package/dist/snackbar.css.map +0 -1
  262. package/dist/snackbar.js +0 -28
  263. package/dist/snackbar.js.map +0 -1
  264. package/dist/split-button.css.map +0 -1
  265. package/dist/split-button.js +0 -26
  266. package/dist/split-button.js.map +0 -1
  267. package/dist/switch.css.map +0 -1
  268. package/dist/switch.js +0 -18
  269. package/dist/switch.js.map +0 -1
  270. package/dist/tabs.css.map +0 -1
  271. package/dist/tabs.js +0 -24
  272. package/dist/tabs.js.map +0 -1
  273. package/dist/textfield.css.map +0 -1
  274. package/dist/textfield.js +0 -37
  275. package/dist/textfield.js.map +0 -1
  276. package/dist/time-picker.css.map +0 -1
  277. package/dist/time-picker.js +0 -41
  278. package/dist/time-picker.js.map +0 -1
  279. package/dist/toolbar.css +0 -37
  280. package/dist/toolbar.css.map +0 -1
  281. package/dist/toolbar.js +0 -16
  282. package/dist/toolbar.js.map +0 -1
  283. package/dist/tooltip.css.map +0 -1
  284. package/dist/tooltip.js +0 -28
  285. package/dist/tooltip.js.map +0 -1
  286. package/dist/top-app-bar.css.map +0 -1
  287. package/dist/top-app-bar.js +0 -24
  288. package/dist/top-app-bar.js.map +0 -1
  289. /package/dist/{badge.d.ts → components/badge/index.d.ts} +0 -0
  290. /package/dist/{bottom-app-bar.d.ts → components/bottom-app-bar/index.d.ts} +0 -0
  291. /package/dist/{bottom-sheet.d.ts → components/bottom-sheet/index.d.ts} +0 -0
  292. /package/dist/{button.d.ts → components/button/index.d.ts} +0 -0
  293. /package/dist/{button-group.d.ts → components/button-group/index.d.ts} +0 -0
  294. /package/dist/{card.d.ts → components/card/index.d.ts} +0 -0
  295. /package/dist/{carousel.d.ts → components/carousel/index.d.ts} +0 -0
  296. /package/dist/{checkbox.d.ts → components/checkbox/index.d.ts} +0 -0
  297. /package/dist/{chip.d.ts → components/chip/index.d.ts} +0 -0
  298. /package/dist/{date-picker.d.ts → components/date-picker/index.d.ts} +0 -0
  299. /package/dist/{dialog.d.ts → components/dialog/index.d.ts} +0 -0
  300. /package/dist/{divider.d.ts → components/divider/index.d.ts} +0 -0
  301. /package/dist/{fab-menu.d.ts → components/fab-menu/index.d.ts} +0 -0
  302. /package/dist/{icon-button.d.ts → components/icon-button/index.d.ts} +0 -0
  303. /package/dist/{item.d.ts → components/item/index.d.ts} +0 -0
  304. /package/dist/{list.d.ts → components/list/index.d.ts} +0 -0
  305. /package/dist/{loading-indicator.d.ts → components/loading-indicator/index.d.ts} +0 -0
  306. /package/dist/{navigation-bar.d.ts → components/navigation-bar/index.d.ts} +0 -0
  307. /package/dist/{navigation-drawer.d.ts → components/navigation-drawer/index.d.ts} +0 -0
  308. /package/dist/{navigation-rail.d.ts → components/navigation-rail/index.d.ts} +0 -0
  309. /package/dist/{radio.d.ts → components/radio/index.d.ts} +0 -0
  310. /package/dist/{search.d.ts → components/search/index.d.ts} +0 -0
  311. /package/dist/{segmented-button.d.ts → components/segmented-button/index.d.ts} +0 -0
  312. /package/dist/{side-sheet.d.ts → components/side-sheet/index.d.ts} +0 -0
  313. /package/dist/{slider.d.ts → components/slider/index.d.ts} +0 -0
  314. /package/dist/{snackbar.d.ts → components/snackbar/index.d.ts} +0 -0
  315. /package/dist/{split-button.d.ts → components/split-button/index.d.ts} +0 -0
  316. /package/dist/{switch.d.ts → components/switch/index.d.ts} +0 -0
  317. /package/dist/{tabs.d.ts → components/tabs/index.d.ts} +0 -0
  318. /package/dist/{time-picker.d.ts → components/time-picker/index.d.ts} +0 -0
  319. /package/dist/{toolbar.d.ts → components/toolbar/index.d.ts} +0 -0
  320. /package/dist/{tooltip.d.ts → components/tooltip/index.d.ts} +0 -0
  321. /package/dist/{top-app-bar.d.ts → components/top-app-bar/index.d.ts} +0 -0
@@ -0,0 +1,14 @@
1
+ "use client";
2
+ import './index.css';
3
+ import { createDivider } from '@m3-baseui/core';
4
+ import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
5
+
6
+ // src/components/divider/divider.ts
7
+ var divider = createRuntimeFn({ defaultClassName: "_1ooi3hf0", variantClassNames: { orientation: { horizontal: "_1ooi3hf1", vertical: "_1ooi3hf2" }, inset: { full: "_1ooi3hf3", inset: "_1ooi3hf4", middle: "_1ooi3hf5" } }, defaultVariants: { orientation: "horizontal", inset: "full" }, compoundVariants: [[{ orientation: "horizontal", inset: "inset" }, "_1ooi3hf6"], [{ orientation: "horizontal", inset: "middle" }, "_1ooi3hf7"], [{ orientation: "vertical", inset: "inset" }, "_1ooi3hf8"], [{ orientation: "vertical", inset: "middle" }, "_1ooi3hf9"]] });
8
+
9
+ // src/components/divider/divider.ts
10
+ var Divider = createDivider(({ inset, orientation }) => divider({ inset, orientation }));
11
+
12
+ export { Divider };
13
+ //# sourceMappingURL=index.js.map
14
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/divider/divider.css.ts","../../../src/components/divider/divider.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,OAAA,GAAUA,eAAA,CAAO,EAAC,gBAAA,EAAiB,aAAY,iBAAA,EAAkB,EAAC,WAAA,EAAY,EAAC,UAAA,EAAW,WAAA,EAAY,QAAA,EAAS,WAAA,IAAa,KAAA,EAAM,EAAC,IAAA,EAAK,WAAA,EAAY,KAAA,EAAM,WAAA,EAAY,MAAA,EAAO,WAAA,IAAY,EAAE,eAAA,EAAgB,EAAC,WAAA,EAAY,cAAa,KAAA,EAAM,MAAA,EAAM,EAAE,gBAAA,EAAiB,CAAC,CAAC,EAAC,WAAA,EAAY,YAAA,EAAa,KAAA,EAAM,OAAA,EAAO,EAAE,WAAW,GAAE,CAAC,EAAC,WAAA,EAAY,YAAA,EAAa,KAAA,EAAM,QAAA,EAAQ,EAAE,WAAW,GAAE,CAAC,EAAC,WAAA,EAAY,UAAA,EAAW,KAAA,EAAM,OAAA,EAAO,EAAE,WAAW,GAAE,CAAC,EAAC,WAAA,EAAY,UAAA,EAAW,OAAM,QAAA,EAAQ,EAAE,WAAW,CAAC,GAAE,CAAA;;;ACIpe,IAAM,OAAA,GAAU,aAAA,CAAc,CAAC,EAAE,KAAA,EAAO,WAAA,EAAY,KAAM,OAAA,CAAQ,EAAE,KAAA,EAAO,WAAA,EAAa,CAAC","file":"index.js","sourcesContent":["import 'src/components/divider/divider.css.ts.vanilla.css?source=Ll8xb29pM2hmMCB7CiAgZmxleC1zaHJpbms6IDA7CiAgYWxpZ24tc2VsZjogc3RyZXRjaDsKICBib3JkZXI6IG5vbmU7CiAgYmFja2dyb3VuZDogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1vdXRsaW5lLXZhcmlhbnQpKTsKfQouXzFvb2kzaGYxIHsKICBoZWlnaHQ6IDFweDsKICB3aWR0aDogYXV0bzsKfQouXzFvb2kzaGYyIHsKICB3aWR0aDogMXB4OwogIGhlaWdodDogYXV0bzsKfQouXzFvb2kzaGY2IHsKICBtYXJnaW4taW5saW5lLXN0YXJ0OiAxNnB4Owp9Ci5fMW9vaTNoZjcgewogIG1hcmdpbi1pbmxpbmU6IDE2cHg7Cn0KLl8xb29pM2hmOCB7CiAgbWFyZ2luLWJsb2NrLXN0YXJ0OiAxNnB4Owp9Ci5fMW9vaTNoZjkgewogIG1hcmdpbi1ibG9jazogMTZweDsKfQ';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var divider = _7a468({defaultClassName:'_1ooi3hf0',variantClassNames:{orientation:{horizontal:'_1ooi3hf1',vertical:'_1ooi3hf2'},inset:{full:'_1ooi3hf3',inset:'_1ooi3hf4',middle:'_1ooi3hf5'}},defaultVariants:{orientation:'horizontal',inset:'full'},compoundVariants:[[{orientation:'horizontal',inset:'inset'},'_1ooi3hf6'],[{orientation:'horizontal',inset:'middle'},'_1ooi3hf7'],[{orientation:'vertical',inset:'inset'},'_1ooi3hf8'],[{orientation:'vertical',inset:'middle'},'_1ooi3hf9']]});","/**\n * divider.ts — wires the VE recipe into the shared Divider factory.\n */\nimport { createDivider } from '@m3-baseui/core';\nimport { divider } from './divider.css';\n\nexport const Divider = createDivider(({ inset, orientation }) => divider({ inset, orientation }));\nexport type { DividerProps, DividerInset, DividerOrientation } from '@m3-baseui/core';\n"]}
@@ -0,0 +1,138 @@
1
+ /* vanilla-extract-css-ns:src/components/fab/fab.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VW0XKbMBB891do-hTPVKnBjschj_2MTqZzoDOoERIjHSRuJ__eQZgYFNKC8yh0u9rbPcm-_RkpoqwsNuzPirFnKahI2N2-enlYMVagzAu6rFNjBVpuQcjaJawBe8N5Kbg7Oe4KqJArsDmuH1avq9sLs2vyIXu8G7N36wEiGlYfNuPqfj1TC5c6swgOxTo4I1R1CFQdAlXxsPo-cOh-tkP4QhamfIpDRdt4fEa3HiC2vjoMqZSaB95VIITUOZdaSY0Ji86lOVQJOyzNlrGj0cSPUEp1CirpVKHLQCEnSQp5iULWJW8BF-TzWfEcZFd7wTr5G-ch20qPa3vmxYIzB4COAInQcldBJnU-j4MsZE9S5-sgsaV3YTfKuA90kHEUxdMhx8OQo2U3eHRrluTdoa-IuwNekXYHvCLsDviprDuK6ah3ix-Yu1HU9--vc9RTvIv6MIg6nv1Ajp-ieTEXCMJ75kpQalnSAXZR2AF2Ud4B9srIA5bp1O8WP-J7X10ZJ0kanTCLCkg22IKEdJWCU8K6oPlRoScDJXPNJWHpEpahJrTt51-1I3k88cxoQk3DrdS8tJ75_s6DkRrPZRq0R2WeE1ZIIVBfRidh2mivI6utMzZhlZE9Ye1ay1BhRpc6U1M3kP0Hf2wBoqUf2YoKG2gb5gobVFsfBFnQvQ0XJIvuNqUbw0vjsQiuvQaOQAuwwS_8PklSPBqL3uA3T758eRj5DakzqiYvV2qHlLCNlw7ZU25NrUXS9m9R03ejjG_etKNCp3Pl2RWODWpyl-aH7ZwRLNpc2UvR5uQ7mevpbpJiZMpbH-PHgYCQ--qQ4miy2vFGOpkqnE3lUSEVZO2Uz-aoLLp3f-L2PwQQ9HuPnyRLhHSQKhRfWXhCv_N4vqzTgQ-Tefs2GCObpzcjNVk7UNxo7mp7hAzX7Bvb3Eaxvw1-czZoe_iom96Vf3Q1bdxmRJh1w_f_diorS7DdKwRSo13Pa2cSNxAg5gpwmJn2Di2X8AFyIALniiC0JK_RMA18_QtGJdsZqQ0AAA */
2
+ ._1lttcmh0 {
3
+ width: 56px;
4
+ height: 56px;
5
+ border-radius: var(--md-sys-shape-large);
6
+ }
7
+ ._1lttcmh0 svg {
8
+ width: 24px;
9
+ height: 24px;
10
+ }
11
+ ._1lttcmh1 {
12
+ width: 80px;
13
+ height: 80px;
14
+ border-radius: var(--md-sys-shape-large-increased);
15
+ }
16
+ ._1lttcmh1 svg {
17
+ width: 28px;
18
+ height: 28px;
19
+ }
20
+ ._1lttcmh2 {
21
+ width: 96px;
22
+ height: 96px;
23
+ border-radius: var(--md-sys-shape-extra-large);
24
+ }
25
+ ._1lttcmh2 svg {
26
+ width: 32px;
27
+ height: 32px;
28
+ }
29
+ ._1lttcmh3 {
30
+ height: 56px;
31
+ min-width: 80px;
32
+ padding-inline: 16px;
33
+ gap: 8px;
34
+ border-radius: var(--md-sys-shape-large);
35
+ font-family: var(--md-sys-typescale-title-medium-font);
36
+ font-weight: var(--md-sys-typescale-title-medium-weight);
37
+ font-size: var(--md-sys-typescale-title-medium-size);
38
+ line-height: var(--md-sys-typescale-title-medium-line-height);
39
+ letter-spacing: var(--md-sys-typescale-title-medium-tracking);
40
+ }
41
+ ._1lttcmh3 svg {
42
+ width: 24px;
43
+ height: 24px;
44
+ }
45
+ ._1lttcmh4 {
46
+ height: 80px;
47
+ min-width: 112px;
48
+ padding-inline: 26px;
49
+ gap: 16px;
50
+ border-radius: var(--md-sys-shape-large-increased);
51
+ font-family: var(--md-sys-typescale-title-large-font);
52
+ font-weight: var(--md-sys-typescale-title-large-weight);
53
+ font-size: var(--md-sys-typescale-title-large-size);
54
+ line-height: var(--md-sys-typescale-title-large-line-height);
55
+ letter-spacing: var(--md-sys-typescale-title-large-tracking);
56
+ }
57
+ ._1lttcmh4 svg {
58
+ width: 28px;
59
+ height: 28px;
60
+ }
61
+ ._1lttcmh5 {
62
+ height: 96px;
63
+ min-width: 128px;
64
+ padding-inline: 28px;
65
+ gap: 20px;
66
+ border-radius: var(--md-sys-shape-extra-large);
67
+ font-family: var(--md-sys-typescale-headline-small-font);
68
+ font-weight: var(--md-sys-typescale-headline-small-weight);
69
+ font-size: var(--md-sys-typescale-headline-small-size);
70
+ line-height: var(--md-sys-typescale-headline-small-line-height);
71
+ letter-spacing: var(--md-sys-typescale-headline-small-tracking);
72
+ }
73
+ ._1lttcmh5 svg {
74
+ width: 32px;
75
+ height: 32px;
76
+ }
77
+ ._1lttcmh6 {
78
+ position: relative;
79
+ display: inline-flex;
80
+ align-items: center;
81
+ justify-content: center;
82
+ box-sizing: border-box;
83
+ overflow: hidden;
84
+ border: none;
85
+ cursor: pointer;
86
+ user-select: none;
87
+ outline: none;
88
+ box-shadow: var(--md-sys-elevation-level3);
89
+ transition: box-shadow 150ms var(--md-sys-motion-easing-standard);
90
+ }
91
+ ._1lttcmh6::before {
92
+ content: "";
93
+ position: absolute;
94
+ inset: 0;
95
+ background: currentColor;
96
+ opacity: 0;
97
+ pointer-events: none;
98
+ transition: opacity 100ms var(--md-sys-motion-easing-standard);
99
+ }
100
+ ._1lttcmh6:hover {
101
+ box-shadow: var(--md-sys-elevation-level4);
102
+ }
103
+ ._1lttcmh6:hover::before {
104
+ opacity: var(--md-sys-state-hover);
105
+ }
106
+ ._1lttcmh6:focus-visible::before {
107
+ opacity: var(--md-sys-state-focus);
108
+ }
109
+ ._1lttcmh6:active::before {
110
+ opacity: var(--md-sys-state-pressed);
111
+ }
112
+ ._1lttcmh6[data-pressed]::before {
113
+ opacity: var(--md-sys-state-pressed);
114
+ }
115
+ ._1lttcmh6:disabled,
116
+ ._1lttcmh6[data-disabled] {
117
+ pointer-events: none;
118
+ box-shadow: none;
119
+ background: rgb(var(--md-sys-color-on-surface) / 0.12);
120
+ color: rgb(var(--md-sys-color-on-surface) / 0.38);
121
+ }
122
+ ._1lttcmh6:disabled::before,
123
+ ._1lttcmh6[data-disabled]::before {
124
+ opacity: 0;
125
+ }
126
+ ._1lttcmhc {
127
+ background: rgb(var(--md-sys-color-primary-container));
128
+ color: rgb(var(--md-sys-color-on-primary-container));
129
+ }
130
+ ._1lttcmhd {
131
+ background: rgb(var(--md-sys-color-secondary-container));
132
+ color: rgb(var(--md-sys-color-on-secondary-container));
133
+ }
134
+ ._1lttcmhe {
135
+ background: rgb(var(--md-sys-color-tertiary-container));
136
+ color: rgb(var(--md-sys-color-on-tertiary-container));
137
+ }
138
+ /*# sourceMappingURL=index.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["vanilla-extract-css-ns:src/components/fab/fab.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VW0XKbMBB891do-hTPVKnBjschj_2MTqZzoDOoERIjHSRuJ__eQZgYFNKC8yh0u9rbPcm-_RkpoqwsNuzPirFnKahI2N2-enlYMVagzAu6rFNjBVpuQcjaJawBe8N5Kbg7Oe4KqJArsDmuH1avq9sLs2vyIXu8G7N36wEiGlYfNuPqfj1TC5c6swgOxTo4I1R1CFQdAlXxsPo-cOh-tkP4QhamfIpDRdt4fEa3HiC2vjoMqZSaB95VIITUOZdaSY0Ji86lOVQJOyzNlrGj0cSPUEp1CirpVKHLQCEnSQp5iULWJW8BF-TzWfEcZFd7wTr5G-ch20qPa3vmxYIzB4COAInQcldBJnU-j4MsZE9S5-sgsaV3YTfKuA90kHEUxdMhx8OQo2U3eHRrluTdoa-IuwNekXYHvCLsDviprDuK6ah3ix-Yu1HU9--vc9RTvIv6MIg6nv1Ajp-ieTEXCMJ75kpQalnSAXZR2AF2Ud4B9srIA5bp1O8WP-J7X10ZJ0kanTCLCkg22IKEdJWCU8K6oPlRoScDJXPNJWHpEpahJrTt51-1I3k88cxoQk3DrdS8tJ75_s6DkRrPZRq0R2WeE1ZIIVBfRidh2mivI6utMzZhlZE9Ye1ay1BhRpc6U1M3kP0Hf2wBoqUf2YoKG2gb5gobVFsfBFnQvQ0XJIvuNqUbw0vjsQiuvQaOQAuwwS_8PklSPBqL3uA3T758eRj5DakzqiYvV2qHlLCNlw7ZU25NrUXS9m9R03ejjG_etKNCp3Pl2RWODWpyl-aH7ZwRLNpc2UvR5uQ7mevpbpJiZMpbH-PHgYCQ--qQ4miy2vFGOpkqnE3lUSEVZO2Uz-aoLLp3f-L2PwQQ9HuPnyRLhHSQKhRfWXhCv_N4vqzTgQ-Tefs2GCObpzcjNVk7UNxo7mp7hAzX7Bvb3Eaxvw1-czZoe_iom96Vf3Q1bdxmRJh1w_f_diorS7DdKwRSo13Pa2cSNxAg5gpwmJn2Di2X8AFyIALniiC0JK_RMA18_QtGJdsZqQ0AAA"],"sourcesContent":["._1lttcmh0 {\n width: 56px;\n height: 56px;\n border-radius: var(--md-sys-shape-large);\n}\n._1lttcmh0 svg {\n width: 24px;\n height: 24px;\n}\n._1lttcmh1 {\n width: 80px;\n height: 80px;\n border-radius: var(--md-sys-shape-large-increased);\n}\n._1lttcmh1 svg {\n width: 28px;\n height: 28px;\n}\n._1lttcmh2 {\n width: 96px;\n height: 96px;\n border-radius: var(--md-sys-shape-extra-large);\n}\n._1lttcmh2 svg {\n width: 32px;\n height: 32px;\n}\n._1lttcmh3 {\n height: 56px;\n min-width: 80px;\n padding-inline: 16px;\n gap: 8px;\n border-radius: var(--md-sys-shape-large);\n font-family: var(--md-sys-typescale-title-medium-font);\n font-weight: var(--md-sys-typescale-title-medium-weight);\n font-size: var(--md-sys-typescale-title-medium-size);\n line-height: var(--md-sys-typescale-title-medium-line-height);\n letter-spacing: var(--md-sys-typescale-title-medium-tracking);\n}\n._1lttcmh3 svg {\n width: 24px;\n height: 24px;\n}\n._1lttcmh4 {\n height: 80px;\n min-width: 112px;\n padding-inline: 26px;\n gap: 16px;\n border-radius: var(--md-sys-shape-large-increased);\n font-family: var(--md-sys-typescale-title-large-font);\n font-weight: var(--md-sys-typescale-title-large-weight);\n font-size: var(--md-sys-typescale-title-large-size);\n line-height: var(--md-sys-typescale-title-large-line-height);\n letter-spacing: var(--md-sys-typescale-title-large-tracking);\n}\n._1lttcmh4 svg {\n width: 28px;\n height: 28px;\n}\n._1lttcmh5 {\n height: 96px;\n min-width: 128px;\n padding-inline: 28px;\n gap: 20px;\n border-radius: var(--md-sys-shape-extra-large);\n font-family: var(--md-sys-typescale-headline-small-font);\n font-weight: var(--md-sys-typescale-headline-small-weight);\n font-size: var(--md-sys-typescale-headline-small-size);\n line-height: var(--md-sys-typescale-headline-small-line-height);\n letter-spacing: var(--md-sys-typescale-headline-small-tracking);\n}\n._1lttcmh5 svg {\n width: 32px;\n height: 32px;\n}\n._1lttcmh6 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n overflow: hidden;\n border: none;\n cursor: pointer;\n user-select: none;\n outline: none;\n box-shadow: var(--md-sys-elevation-level3);\n transition: box-shadow 150ms var(--md-sys-motion-easing-standard);\n}\n._1lttcmh6::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: currentColor;\n opacity: 0;\n pointer-events: none;\n transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n._1lttcmh6:hover {\n box-shadow: var(--md-sys-elevation-level4);\n}\n._1lttcmh6:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1lttcmh6:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._1lttcmh6:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1lttcmh6[data-pressed]::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1lttcmh6:disabled, ._1lttcmh6[data-disabled] {\n pointer-events: none;\n box-shadow: none;\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1lttcmh6:disabled::before, ._1lttcmh6[data-disabled]::before {\n opacity: 0;\n}\n._1lttcmhc {\n background: rgb(var(--md-sys-color-primary-container));\n color: rgb(var(--md-sys-color-on-primary-container));\n}\n._1lttcmhd {\n background: rgb(var(--md-sys-color-secondary-container));\n color: rgb(var(--md-sys-color-on-secondary-container));\n}\n._1lttcmhe {\n background: rgb(var(--md-sys-color-tertiary-container));\n color: rgb(var(--md-sys-color-on-tertiary-container));\n}"],"mappings":";AAAA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACrB;AACA,CALC,UAKU;AACT,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACrB;AACA,CALC,UAKU;AACT,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACrB;AACA,CALC,UAKU;AACT,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,UAAQ;AACR,aAAW;AACX,kBAAgB;AAChB,OAAK;AACL,iBAAe,IAAI;AACnB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAZC,UAYU;AACT,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,UAAQ;AACR,aAAW;AACX,kBAAgB;AAChB,OAAK;AACL,iBAAe,IAAI;AACnB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAZC,UAYU;AACT,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,UAAQ;AACR,aAAW;AACX,kBAAgB;AAChB,OAAK;AACL,iBAAe,IAAI;AACnB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAZC,UAYU;AACT,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,cAAY;AACZ,YAAU;AACV,UAAQ;AACR,UAAQ;AACR,eAAa;AACb,WAAS;AACT,cAAY,IAAI;AAChB,cAAY,WAAW,MAAM,IAAI;AACnC;AACA,CAdC,SAcS;AACR,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CAvBC,SAuBS;AACR,cAAY,IAAI;AAClB;AACA,CA1BC,SA0BS,MAAM;AACd,WAAS,IAAI;AACf;AACA,CA7BC,SA6BS,cAAc;AACtB,WAAS,IAAI;AACf;AACA,CAhCC,SAgCS,OAAO;AACf,WAAS,IAAI;AACf;AACA,CAnCC,SAmCS,CAAC,aAAa;AACtB,WAAS,IAAI;AACf;AACA,CAtCC,SAsCS;AAAW,CAtCpB,SAsC8B,CAAC;AAC9B,kBAAgB;AAChB,cAAY;AACZ,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACjD,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CA5CC,SA4CS,SAAS;AAAU,CA5C5B,SA4CsC,CAAC,cAAc;AACpD,WAAS;AACX;AACA,CAAC;AACC,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;","names":[]}
@@ -1,7 +1,7 @@
1
1
  import * as _base_ui_react from '@base-ui/react';
2
2
  import * as react from 'react';
3
3
  import * as _m3_baseui_core from '@m3-baseui/core';
4
- export { FabColor, FabProps, FabSize } from '@m3-baseui/core';
4
+ export { FabColor, FabProps, FabSize, FabVariant } from '@m3-baseui/core';
5
5
 
6
6
  declare const Fab: react.ForwardRefExoticComponent<_m3_baseui_core.FabOwnProps & Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "color"> & {
7
7
  render?: _base_ui_react.useRender.RenderProp;
@@ -0,0 +1,14 @@
1
+ "use client";
2
+ import './index.css';
3
+ import { createFab } from '@m3-baseui/core';
4
+ import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
5
+
6
+ // src/components/fab/fab.ts
7
+ var fab = createRuntimeFn({ defaultClassName: "_1lttcmh6", variantClassNames: { size: { small: "_1lttcmh7", medium: "_1lttcmh8", large: "_1lttcmh9" }, variant: { standard: "_1lttcmha", extended: "_1lttcmhb" }, color: { primary: "_1lttcmhc", secondary: "_1lttcmhd", tertiary: "_1lttcmhe" } }, defaultVariants: { size: "small", variant: "standard", color: "primary" }, compoundVariants: [[{ size: "small", variant: "standard" }, "_1lttcmh0"], [{ size: "medium", variant: "standard" }, "_1lttcmh1"], [{ size: "large", variant: "standard" }, "_1lttcmh2"], [{ size: "small", variant: "extended" }, "_1lttcmh3"], [{ size: "medium", variant: "extended" }, "_1lttcmh4"], [{ size: "large", variant: "extended" }, "_1lttcmh5"]] });
8
+
9
+ // src/components/fab/fab.ts
10
+ var Fab = createFab(({ size, color, variant }) => fab({ size, color, variant }));
11
+
12
+ export { Fab };
13
+ //# sourceMappingURL=index.js.map
14
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/fab/fab.css.ts","../../../src/components/fab/fab.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,GAAA,GAAMA,gBAAO,EAAC,gBAAA,EAAiB,aAAY,iBAAA,EAAkB,EAAC,MAAK,EAAC,KAAA,EAAM,aAAY,MAAA,EAAO,WAAA,EAAY,OAAM,WAAA,EAAW,EAAE,SAAQ,EAAC,QAAA,EAAS,WAAA,EAAY,QAAA,EAAS,WAAA,EAAW,EAAE,OAAM,EAAC,OAAA,EAAQ,aAAY,SAAA,EAAU,WAAA,EAAY,UAAS,WAAA,EAAW,EAAC,EAAE,eAAA,EAAgB,EAAC,IAAA,EAAK,SAAQ,OAAA,EAAQ,UAAA,EAAW,OAAM,SAAA,EAAS,EAAE,kBAAiB,CAAC,CAAC,EAAC,IAAA,EAAK,OAAA,EAAQ,OAAA,EAAQ,YAAU,EAAE,WAAW,GAAE,CAAC,EAAC,MAAK,QAAA,EAAS,OAAA,EAAQ,UAAA,EAAU,EAAE,WAAW,CAAA,EAAE,CAAC,EAAC,IAAA,EAAK,SAAQ,OAAA,EAAQ,UAAA,IAAY,WAAW,CAAA,EAAE,CAAC,EAAC,IAAA,EAAK,OAAA,EAAQ,SAAQ,UAAA,EAAU,EAAE,WAAW,CAAA,EAAE,CAAC,EAAC,IAAA,EAAK,QAAA,EAAS,OAAA,EAAQ,UAAA,EAAU,EAAE,WAAW,GAAE,CAAC,EAAC,MAAK,OAAA,EAAQ,OAAA,EAAQ,YAAU,EAAE,WAAW,CAAC,CAAA,EAAE,CAAA;;;ACInnB,IAAM,GAAA,GAAM,SAAA,CAAU,CAAC,EAAE,MAAM,KAAA,EAAO,OAAA,EAAQ,KAAM,GAAA,CAAI,EAAE,IAAA,EAAM,KAAA,EAAO,OAAA,EAAS,CAAC","file":"index.js","sourcesContent":["import 'src/components/fab/fab.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VW0XKbMBB891do-hTPVKnBjschj_2MTqZzoDOoERIjHSRuJ__eQZgYFNKC8yh0u9rbPcm-_RkpoqwsNuzPirFnKahI2N2-enlYMVagzAu6rFNjBVpuQcjaJawBe8N5Kbg7Oe4KqJArsDmuH1avq9sLs2vyIXu8G7N36wEiGlYfNuPqfj1TC5c6swgOxTo4I1R1CFQdAlXxsPo-cOh-tkP4QhamfIpDRdt4fEa3HiC2vjoMqZSaB95VIITUOZdaSY0Ji86lOVQJOyzNlrGj0cSPUEp1CirpVKHLQCEnSQp5iULWJW8BF-TzWfEcZFd7wTr5G-ch20qPa3vmxYIzB4COAInQcldBJnU-j4MsZE9S5-sgsaV3YTfKuA90kHEUxdMhx8OQo2U3eHRrluTdoa-IuwNekXYHvCLsDviprDuK6ah3ix-Yu1HU9--vc9RTvIv6MIg6nv1Ajp-ieTEXCMJ75kpQalnSAXZR2AF2Ud4B9srIA5bp1O8WP-J7X10ZJ0kanTCLCkg22IKEdJWCU8K6oPlRoScDJXPNJWHpEpahJrTt51-1I3k88cxoQk3DrdS8tJ75_s6DkRrPZRq0R2WeE1ZIIVBfRidh2mivI6utMzZhlZE9Ye1ay1BhRpc6U1M3kP0Hf2wBoqUf2YoKG2gb5gobVFsfBFnQvQ0XJIvuNqUbw0vjsQiuvQaOQAuwwS_8PklSPBqL3uA3T758eRj5DakzqiYvV2qHlLCNlw7ZU25NrUXS9m9R03ejjG_etKNCp3Pl2RWODWpyl-aH7ZwRLNpc2UvR5uQ7mevpbpJiZMpbH-PHgYCQ--qQ4miy2vFGOpkqnE3lUSEVZO2Uz-aoLLp3f-L2PwQQ9HuPnyRLhHSQKhRfWXhCv_N4vqzTgQ-Tefs2GCObpzcjNVk7UNxo7mp7hAzX7Bvb3Eaxvw1-czZoe_iom96Vf3Q1bdxmRJh1w_f_diorS7DdKwRSo13Pa2cSNxAg5gpwmJn2Di2X8AFyIALniiC0JK_RMA18_QtGJdsZqQ0AAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var fab = _7a468({defaultClassName:'_1lttcmh6',variantClassNames:{size:{small:'_1lttcmh7',medium:'_1lttcmh8',large:'_1lttcmh9'},variant:{standard:'_1lttcmha',extended:'_1lttcmhb'},color:{primary:'_1lttcmhc',secondary:'_1lttcmhd',tertiary:'_1lttcmhe'}},defaultVariants:{size:'small',variant:'standard',color:'primary'},compoundVariants:[[{size:'small',variant:'standard'},'_1lttcmh0'],[{size:'medium',variant:'standard'},'_1lttcmh1'],[{size:'large',variant:'standard'},'_1lttcmh2'],[{size:'small',variant:'extended'},'_1lttcmh3'],[{size:'medium',variant:'extended'},'_1lttcmh4'],[{size:'large',variant:'extended'},'_1lttcmh5']]});","/**\n * fab.ts — wires the VE recipe into the shared FAB factory.\n */\nimport { createFab } from '@m3-baseui/core';\nimport { fab } from './fab.css';\n\nexport const Fab = createFab(({ size, color, variant }) => fab({ size, color, variant }));\nexport type { FabProps, FabSize, FabVariant, FabColor } from '@m3-baseui/core';\n"]}
@@ -0,0 +1,225 @@
1
+ /* vanilla-extract-css-ns:src/components/fab/fab.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VW0XKbMBB891do-hTPVKnBjschj_2MTqZzoDOoERIjHSRuJ__eQZgYFNKC8yh0u9rbPcm-_RkpoqwsNuzPirFnKahI2N2-enlYMVagzAu6rFNjBVpuQcjaJawBe8N5Kbg7Oe4KqJArsDmuH1avq9sLs2vyIXu8G7N36wEiGlYfNuPqfj1TC5c6swgOxTo4I1R1CFQdAlXxsPo-cOh-tkP4QhamfIpDRdt4fEa3HiC2vjoMqZSaB95VIITUOZdaSY0Ji86lOVQJOyzNlrGj0cSPUEp1CirpVKHLQCEnSQp5iULWJW8BF-TzWfEcZFd7wTr5G-ch20qPa3vmxYIzB4COAInQcldBJnU-j4MsZE9S5-sgsaV3YTfKuA90kHEUxdMhx8OQo2U3eHRrluTdoa-IuwNekXYHvCLsDviprDuK6ah3ix-Yu1HU9--vc9RTvIv6MIg6nv1Ajp-ieTEXCMJ75kpQalnSAXZR2AF2Ud4B9srIA5bp1O8WP-J7X10ZJ0kanTCLCkg22IKEdJWCU8K6oPlRoScDJXPNJWHpEpahJrTt51-1I3k88cxoQk3DrdS8tJ75_s6DkRrPZRq0R2WeE1ZIIVBfRidh2mivI6utMzZhlZE9Ye1ay1BhRpc6U1M3kP0Hf2wBoqUf2YoKG2gb5gobVFsfBFnQvQ0XJIvuNqUbw0vjsQiuvQaOQAuwwS_8PklSPBqL3uA3T758eRj5DakzqiYvV2qHlLCNlw7ZU25NrUXS9m9R03ejjG_etKNCp3Pl2RWODWpyl-aH7ZwRLNpc2UvR5uQ7mevpbpJiZMpbH-PHgYCQ--qQ4miy2vFGOpkqnE3lUSEVZO2Uz-aoLLp3f-L2PwQQ9HuPnyRLhHSQKhRfWXhCv_N4vqzTgQ-Tefs2GCObpzcjNVk7UNxo7mp7hAzX7Bvb3Eaxvw1-czZoe_iom96Vf3Q1bdxmRJh1w_f_diorS7DdKwRSo13Pa2cSNxAg5gpwmJn2Di2X8AFyIALniiC0JK_RMA18_QtGJdsZqQ0AAA */
2
+ ._1lttcmh0 {
3
+ width: 56px;
4
+ height: 56px;
5
+ border-radius: var(--md-sys-shape-large);
6
+ }
7
+ ._1lttcmh0 svg {
8
+ width: 24px;
9
+ height: 24px;
10
+ }
11
+ ._1lttcmh1 {
12
+ width: 80px;
13
+ height: 80px;
14
+ border-radius: var(--md-sys-shape-large-increased);
15
+ }
16
+ ._1lttcmh1 svg {
17
+ width: 28px;
18
+ height: 28px;
19
+ }
20
+ ._1lttcmh2 {
21
+ width: 96px;
22
+ height: 96px;
23
+ border-radius: var(--md-sys-shape-extra-large);
24
+ }
25
+ ._1lttcmh2 svg {
26
+ width: 32px;
27
+ height: 32px;
28
+ }
29
+ ._1lttcmh3 {
30
+ height: 56px;
31
+ min-width: 80px;
32
+ padding-inline: 16px;
33
+ gap: 8px;
34
+ border-radius: var(--md-sys-shape-large);
35
+ font-family: var(--md-sys-typescale-title-medium-font);
36
+ font-weight: var(--md-sys-typescale-title-medium-weight);
37
+ font-size: var(--md-sys-typescale-title-medium-size);
38
+ line-height: var(--md-sys-typescale-title-medium-line-height);
39
+ letter-spacing: var(--md-sys-typescale-title-medium-tracking);
40
+ }
41
+ ._1lttcmh3 svg {
42
+ width: 24px;
43
+ height: 24px;
44
+ }
45
+ ._1lttcmh4 {
46
+ height: 80px;
47
+ min-width: 112px;
48
+ padding-inline: 26px;
49
+ gap: 16px;
50
+ border-radius: var(--md-sys-shape-large-increased);
51
+ font-family: var(--md-sys-typescale-title-large-font);
52
+ font-weight: var(--md-sys-typescale-title-large-weight);
53
+ font-size: var(--md-sys-typescale-title-large-size);
54
+ line-height: var(--md-sys-typescale-title-large-line-height);
55
+ letter-spacing: var(--md-sys-typescale-title-large-tracking);
56
+ }
57
+ ._1lttcmh4 svg {
58
+ width: 28px;
59
+ height: 28px;
60
+ }
61
+ ._1lttcmh5 {
62
+ height: 96px;
63
+ min-width: 128px;
64
+ padding-inline: 28px;
65
+ gap: 20px;
66
+ border-radius: var(--md-sys-shape-extra-large);
67
+ font-family: var(--md-sys-typescale-headline-small-font);
68
+ font-weight: var(--md-sys-typescale-headline-small-weight);
69
+ font-size: var(--md-sys-typescale-headline-small-size);
70
+ line-height: var(--md-sys-typescale-headline-small-line-height);
71
+ letter-spacing: var(--md-sys-typescale-headline-small-tracking);
72
+ }
73
+ ._1lttcmh5 svg {
74
+ width: 32px;
75
+ height: 32px;
76
+ }
77
+ ._1lttcmh6 {
78
+ position: relative;
79
+ display: inline-flex;
80
+ align-items: center;
81
+ justify-content: center;
82
+ box-sizing: border-box;
83
+ overflow: hidden;
84
+ border: none;
85
+ cursor: pointer;
86
+ user-select: none;
87
+ outline: none;
88
+ box-shadow: var(--md-sys-elevation-level3);
89
+ transition: box-shadow 150ms var(--md-sys-motion-easing-standard);
90
+ }
91
+ ._1lttcmh6::before {
92
+ content: "";
93
+ position: absolute;
94
+ inset: 0;
95
+ background: currentColor;
96
+ opacity: 0;
97
+ pointer-events: none;
98
+ transition: opacity 100ms var(--md-sys-motion-easing-standard);
99
+ }
100
+ ._1lttcmh6:hover {
101
+ box-shadow: var(--md-sys-elevation-level4);
102
+ }
103
+ ._1lttcmh6:hover::before {
104
+ opacity: var(--md-sys-state-hover);
105
+ }
106
+ ._1lttcmh6:focus-visible::before {
107
+ opacity: var(--md-sys-state-focus);
108
+ }
109
+ ._1lttcmh6:active::before {
110
+ opacity: var(--md-sys-state-pressed);
111
+ }
112
+ ._1lttcmh6[data-pressed]::before {
113
+ opacity: var(--md-sys-state-pressed);
114
+ }
115
+ ._1lttcmh6:disabled,
116
+ ._1lttcmh6[data-disabled] {
117
+ pointer-events: none;
118
+ box-shadow: none;
119
+ background: rgb(var(--md-sys-color-on-surface) / 0.12);
120
+ color: rgb(var(--md-sys-color-on-surface) / 0.38);
121
+ }
122
+ ._1lttcmh6:disabled::before,
123
+ ._1lttcmh6[data-disabled]::before {
124
+ opacity: 0;
125
+ }
126
+ ._1lttcmhc {
127
+ background: rgb(var(--md-sys-color-primary-container));
128
+ color: rgb(var(--md-sys-color-on-primary-container));
129
+ }
130
+ ._1lttcmhd {
131
+ background: rgb(var(--md-sys-color-secondary-container));
132
+ color: rgb(var(--md-sys-color-on-secondary-container));
133
+ }
134
+ ._1lttcmhe {
135
+ background: rgb(var(--md-sys-color-tertiary-container));
136
+ color: rgb(var(--md-sys-color-on-tertiary-container));
137
+ }
138
+
139
+ /* vanilla-extract-css-ns:src/components/fab-menu/fab-menu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VV227bMAx9z1cIeWqAKUt62ToV28s-YwgG2qJtorJkSHTadOi_D5Kdi91sc7qnwCIPecRzxCx_ru8_A-R6JX7NhNAUGgM7JQqDzw8zkX6lJo85k7NK5M60tY0RMFRaSYx16NIlWh0DJTRK3DYJnkH-WHrXWq0Ee7ChAY-WY8i1bMiiEtZZjAcpXjhfS-epJKvEFvyVlOPzxSGZOk6ugZx4J9Z3qzr0oFrLsAuydjFFIgSypQwMVoPXiw_HZhegHmavs-VhXj80MMSg5y5rZ3DzQYwT0OpjOM24p6vEanBrJUIOBq9Wyy93w1brBGvc_r4eDTBt09AOgpGN05R73Qbq5GgZ_UGb-06bCqmsWIm7T913AzpR7Sopcd1r6LboC-OelKhIa0ziZ-5ZBnohWyqROa_Ry8yl7Lz1wXklGkf7pm1ALwMazPmo9hv5-zIeNLVBDQUJFTQoi9aYxaF7BTpyGuShwS0k7Qxu0dy8scoReZHuQhTOsiygJrMb9eRdg0k5ycQGZY2a2lpGwBH51M96CrLLPWIDveA0ZMxMuGSF6oKeJ4CuADJH0aJVo8ZTarCH_JFsOTKvUhkWzmMyce4so2Ul5vOHgachC860nJxANiD3z-N0geStj8vjuzMu-Wr4kHrDSdyi5TBaK-NNsXrXm1-rKj6GdJOpHrw9W2IwlMM9hp5nYJQpe1SiWywVlZWJgqHe_Fc5BXncJpNrNB5DwPFoOlKaAmQG9aZfWeclOZ3d4exEaF9mV4PGeZRcOitD6wvIcSE-itVyfZ28moKTQTf3fyd-fgyr0ULul79x_HVeQCZrtK00CHGBzjfDv9LBZr6kyjcRtmWq9USaq-NG3r_s7vuk5E1nzX-PsvFUg9_J-B6BLPrFtFGexZ0QuJ1KIGDu4gu7nMIfkCck7qaSYPRM7-FwHvj6G0WV13FNCQAA */
140
+ ._187aacd0 {
141
+ display: flex;
142
+ flex-direction: column;
143
+ align-items: flex-end;
144
+ gap: 4px;
145
+ background: transparent;
146
+ outline: none;
147
+ transform-origin: var(--transform-origin);
148
+ transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);
149
+ }
150
+ ._187aacd0[data-starting-style],
151
+ ._187aacd0[data-ending-style] {
152
+ opacity: 0;
153
+ transform: scale(0.95);
154
+ }
155
+ ._187aacd1 {
156
+ position: relative;
157
+ display: inline-flex;
158
+ align-items: center;
159
+ gap: 8px;
160
+ height: 56px;
161
+ padding-inline: 24px;
162
+ overflow: hidden;
163
+ box-sizing: border-box;
164
+ cursor: pointer;
165
+ user-select: none;
166
+ outline: none;
167
+ border-radius: var(--md-sys-shape-full);
168
+ box-shadow: var(--md-sys-elevation-level3);
169
+ transition: box-shadow 150ms var(--md-sys-motion-easing-standard);
170
+ font-family: var(--md-sys-typescale-title-medium-font);
171
+ font-weight: var(--md-sys-typescale-title-medium-weight);
172
+ font-size: var(--md-sys-typescale-title-medium-size);
173
+ line-height: var(--md-sys-typescale-title-medium-line-height);
174
+ letter-spacing: var(--md-sys-typescale-title-medium-tracking);
175
+ }
176
+ ._187aacd1::before {
177
+ content: "";
178
+ position: absolute;
179
+ inset: 0;
180
+ background: currentColor;
181
+ opacity: 0;
182
+ pointer-events: none;
183
+ transition: opacity 100ms var(--md-sys-motion-easing-standard);
184
+ }
185
+ ._187aacd1:hover {
186
+ box-shadow: var(--md-sys-elevation-level4);
187
+ }
188
+ ._187aacd1:hover::before {
189
+ opacity: var(--md-sys-state-hover);
190
+ }
191
+ ._187aacd1[data-highlighted]::before {
192
+ opacity: var(--md-sys-state-hover);
193
+ }
194
+ ._187aacd1:active::before {
195
+ opacity: var(--md-sys-state-pressed);
196
+ }
197
+ ._187aacd1[data-disabled] {
198
+ pointer-events: none;
199
+ box-shadow: none;
200
+ background: rgb(var(--md-sys-color-on-surface) / 0.12);
201
+ color: rgb(var(--md-sys-color-on-surface) / 0.38);
202
+ }
203
+ ._187aacd1[data-disabled]::before {
204
+ opacity: 0;
205
+ }
206
+ ._187aacd1 [data-slot=fab-menu-leading] {
207
+ display: inline-flex;
208
+ }
209
+ ._187aacd1 [data-slot=fab-menu-leading] > svg {
210
+ width: 24px;
211
+ height: 24px;
212
+ }
213
+ ._187aacd3 {
214
+ background: rgb(var(--md-sys-color-primary-container));
215
+ color: rgb(var(--md-sys-color-on-primary-container));
216
+ }
217
+ ._187aacd4 {
218
+ background: rgb(var(--md-sys-color-secondary-container));
219
+ color: rgb(var(--md-sys-color-on-secondary-container));
220
+ }
221
+ ._187aacd5 {
222
+ background: rgb(var(--md-sys-color-tertiary-container));
223
+ color: rgb(var(--md-sys-color-on-tertiary-container));
224
+ }
225
+ /*# sourceMappingURL=index.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["vanilla-extract-css-ns:src/components/fab/fab.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VW0XKbMBB891do-hTPVKnBjschj_2MTqZzoDOoERIjHSRuJ__eQZgYFNKC8yh0u9rbPcm-_RkpoqwsNuzPirFnKahI2N2-enlYMVagzAu6rFNjBVpuQcjaJawBe8N5Kbg7Oe4KqJArsDmuH1avq9sLs2vyIXu8G7N36wEiGlYfNuPqfj1TC5c6swgOxTo4I1R1CFQdAlXxsPo-cOh-tkP4QhamfIpDRdt4fEa3HiC2vjoMqZSaB95VIITUOZdaSY0Ji86lOVQJOyzNlrGj0cSPUEp1CirpVKHLQCEnSQp5iULWJW8BF-TzWfEcZFd7wTr5G-ch20qPa3vmxYIzB4COAInQcldBJnU-j4MsZE9S5-sgsaV3YTfKuA90kHEUxdMhx8OQo2U3eHRrluTdoa-IuwNekXYHvCLsDviprDuK6ah3ix-Yu1HU9--vc9RTvIv6MIg6nv1Ajp-ieTEXCMJ75kpQalnSAXZR2AF2Ud4B9srIA5bp1O8WP-J7X10ZJ0kanTCLCkg22IKEdJWCU8K6oPlRoScDJXPNJWHpEpahJrTt51-1I3k88cxoQk3DrdS8tJ75_s6DkRrPZRq0R2WeE1ZIIVBfRidh2mivI6utMzZhlZE9Ye1ay1BhRpc6U1M3kP0Hf2wBoqUf2YoKG2gb5gobVFsfBFnQvQ0XJIvuNqUbw0vjsQiuvQaOQAuwwS_8PklSPBqL3uA3T758eRj5DakzqiYvV2qHlLCNlw7ZU25NrUXS9m9R03ejjG_etKNCp3Pl2RWODWpyl-aH7ZwRLNpc2UvR5uQ7mevpbpJiZMpbH-PHgYCQ--qQ4miy2vFGOpkqnE3lUSEVZO2Uz-aoLLp3f-L2PwQQ9HuPnyRLhHSQKhRfWXhCv_N4vqzTgQ-Tefs2GCObpzcjNVk7UNxo7mp7hAzX7Bvb3Eaxvw1-czZoe_iom96Vf3Q1bdxmRJh1w_f_diorS7DdKwRSo13Pa2cSNxAg5gpwmJn2Di2X8AFyIALniiC0JK_RMA18_QtGJdsZqQ0AAA","vanilla-extract-css-ns:src/components/fab-menu/fab-menu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VV227bMAx9z1cIeWqAKUt62ToV28s-YwgG2qJtorJkSHTadOi_D5Kdi91sc7qnwCIPecRzxCx_ru8_A-R6JX7NhNAUGgM7JQqDzw8zkX6lJo85k7NK5M60tY0RMFRaSYx16NIlWh0DJTRK3DYJnkH-WHrXWq0Ee7ChAY-WY8i1bMiiEtZZjAcpXjhfS-epJKvEFvyVlOPzxSGZOk6ugZx4J9Z3qzr0oFrLsAuydjFFIgSypQwMVoPXiw_HZhegHmavs-VhXj80MMSg5y5rZ3DzQYwT0OpjOM24p6vEanBrJUIOBq9Wyy93w1brBGvc_r4eDTBt09AOgpGN05R73Qbq5GgZ_UGb-06bCqmsWIm7T913AzpR7Sopcd1r6LboC-OelKhIa0ziZ-5ZBnohWyqROa_Ry8yl7Lz1wXklGkf7pm1ALwMazPmo9hv5-zIeNLVBDQUJFTQoi9aYxaF7BTpyGuShwS0k7Qxu0dy8scoReZHuQhTOsiygJrMb9eRdg0k5ycQGZY2a2lpGwBH51M96CrLLPWIDveA0ZMxMuGSF6oKeJ4CuADJH0aJVo8ZTarCH_JFsOTKvUhkWzmMyce4so2Ul5vOHgachC860nJxANiD3z-N0geStj8vjuzMu-Wr4kHrDSdyi5TBaK-NNsXrXm1-rKj6GdJOpHrw9W2IwlMM9hp5nYJQpe1SiWywVlZWJgqHe_Fc5BXncJpNrNB5DwPFoOlKaAmQG9aZfWeclOZ3d4exEaF9mV4PGeZRcOitD6wvIcSE-itVyfZ28moKTQTf3fyd-fgyr0ULul79x_HVeQCZrtK00CHGBzjfDv9LBZr6kyjcRtmWq9USaq-NG3r_s7vuk5E1nzX-PsvFUg9_J-B6BLPrFtFGexZ0QuJ1KIGDu4gu7nMIfkCck7qaSYPRM7-FwHvj6G0WV13FNCQAA"],"sourcesContent":["._1lttcmh0 {\n width: 56px;\n height: 56px;\n border-radius: var(--md-sys-shape-large);\n}\n._1lttcmh0 svg {\n width: 24px;\n height: 24px;\n}\n._1lttcmh1 {\n width: 80px;\n height: 80px;\n border-radius: var(--md-sys-shape-large-increased);\n}\n._1lttcmh1 svg {\n width: 28px;\n height: 28px;\n}\n._1lttcmh2 {\n width: 96px;\n height: 96px;\n border-radius: var(--md-sys-shape-extra-large);\n}\n._1lttcmh2 svg {\n width: 32px;\n height: 32px;\n}\n._1lttcmh3 {\n height: 56px;\n min-width: 80px;\n padding-inline: 16px;\n gap: 8px;\n border-radius: var(--md-sys-shape-large);\n font-family: var(--md-sys-typescale-title-medium-font);\n font-weight: var(--md-sys-typescale-title-medium-weight);\n font-size: var(--md-sys-typescale-title-medium-size);\n line-height: var(--md-sys-typescale-title-medium-line-height);\n letter-spacing: var(--md-sys-typescale-title-medium-tracking);\n}\n._1lttcmh3 svg {\n width: 24px;\n height: 24px;\n}\n._1lttcmh4 {\n height: 80px;\n min-width: 112px;\n padding-inline: 26px;\n gap: 16px;\n border-radius: var(--md-sys-shape-large-increased);\n font-family: var(--md-sys-typescale-title-large-font);\n font-weight: var(--md-sys-typescale-title-large-weight);\n font-size: var(--md-sys-typescale-title-large-size);\n line-height: var(--md-sys-typescale-title-large-line-height);\n letter-spacing: var(--md-sys-typescale-title-large-tracking);\n}\n._1lttcmh4 svg {\n width: 28px;\n height: 28px;\n}\n._1lttcmh5 {\n height: 96px;\n min-width: 128px;\n padding-inline: 28px;\n gap: 20px;\n border-radius: var(--md-sys-shape-extra-large);\n font-family: var(--md-sys-typescale-headline-small-font);\n font-weight: var(--md-sys-typescale-headline-small-weight);\n font-size: var(--md-sys-typescale-headline-small-size);\n line-height: var(--md-sys-typescale-headline-small-line-height);\n letter-spacing: var(--md-sys-typescale-headline-small-tracking);\n}\n._1lttcmh5 svg {\n width: 32px;\n height: 32px;\n}\n._1lttcmh6 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n overflow: hidden;\n border: none;\n cursor: pointer;\n user-select: none;\n outline: none;\n box-shadow: var(--md-sys-elevation-level3);\n transition: box-shadow 150ms var(--md-sys-motion-easing-standard);\n}\n._1lttcmh6::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: currentColor;\n opacity: 0;\n pointer-events: none;\n transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n._1lttcmh6:hover {\n box-shadow: var(--md-sys-elevation-level4);\n}\n._1lttcmh6:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1lttcmh6:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._1lttcmh6:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1lttcmh6[data-pressed]::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1lttcmh6:disabled, ._1lttcmh6[data-disabled] {\n pointer-events: none;\n box-shadow: none;\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1lttcmh6:disabled::before, ._1lttcmh6[data-disabled]::before {\n opacity: 0;\n}\n._1lttcmhc {\n background: rgb(var(--md-sys-color-primary-container));\n color: rgb(var(--md-sys-color-on-primary-container));\n}\n._1lttcmhd {\n background: rgb(var(--md-sys-color-secondary-container));\n color: rgb(var(--md-sys-color-on-secondary-container));\n}\n._1lttcmhe {\n background: rgb(var(--md-sys-color-tertiary-container));\n color: rgb(var(--md-sys-color-on-tertiary-container));\n}","._187aacd0 {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 4px;\n background: transparent;\n outline: none;\n transform-origin: var(--transform-origin);\n transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);\n}\n._187aacd0[data-starting-style], ._187aacd0[data-ending-style] {\n opacity: 0;\n transform: scale(0.95);\n}\n._187aacd1 {\n position: relative;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n height: 56px;\n padding-inline: 24px;\n overflow: hidden;\n box-sizing: border-box;\n cursor: pointer;\n user-select: none;\n outline: none;\n border-radius: var(--md-sys-shape-full);\n box-shadow: var(--md-sys-elevation-level3);\n transition: box-shadow 150ms var(--md-sys-motion-easing-standard);\n font-family: var(--md-sys-typescale-title-medium-font);\n font-weight: var(--md-sys-typescale-title-medium-weight);\n font-size: var(--md-sys-typescale-title-medium-size);\n line-height: var(--md-sys-typescale-title-medium-line-height);\n letter-spacing: var(--md-sys-typescale-title-medium-tracking);\n}\n._187aacd1::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: currentColor;\n opacity: 0;\n pointer-events: none;\n transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n._187aacd1:hover {\n box-shadow: var(--md-sys-elevation-level4);\n}\n._187aacd1:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._187aacd1[data-highlighted]::before {\n opacity: var(--md-sys-state-hover);\n}\n._187aacd1:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._187aacd1[data-disabled] {\n pointer-events: none;\n box-shadow: none;\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._187aacd1[data-disabled]::before {\n opacity: 0;\n}\n._187aacd1 [data-slot=\"fab-menu-leading\"] {\n display: inline-flex;\n}\n._187aacd1 [data-slot=\"fab-menu-leading\"] > svg {\n width: 24px;\n height: 24px;\n}\n._187aacd3 {\n background: rgb(var(--md-sys-color-primary-container));\n color: rgb(var(--md-sys-color-on-primary-container));\n}\n._187aacd4 {\n background: rgb(var(--md-sys-color-secondary-container));\n color: rgb(var(--md-sys-color-on-secondary-container));\n}\n._187aacd5 {\n background: rgb(var(--md-sys-color-tertiary-container));\n color: rgb(var(--md-sys-color-on-tertiary-container));\n}"],"mappings":"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","names":[]}
@@ -0,0 +1,19 @@
1
+ "use client";
2
+ import './index.css';
3
+ import { createFabMenu } from '@m3-baseui/core';
4
+ import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
5
+
6
+ // src/components/fab-menu/fab-menu.ts
7
+ var fab = createRuntimeFn({ defaultClassName: "_1lttcmh6", variantClassNames: { size: { small: "_1lttcmh7", medium: "_1lttcmh8", large: "_1lttcmh9" }, variant: { standard: "_1lttcmha", extended: "_1lttcmhb" }, color: { primary: "_1lttcmhc", secondary: "_1lttcmhd", tertiary: "_1lttcmhe" } }, defaultVariants: { size: "small", variant: "standard", color: "primary" }, compoundVariants: [[{ size: "small", variant: "standard" }, "_1lttcmh0"], [{ size: "medium", variant: "standard" }, "_1lttcmh1"], [{ size: "large", variant: "standard" }, "_1lttcmh2"], [{ size: "small", variant: "extended" }, "_1lttcmh3"], [{ size: "medium", variant: "extended" }, "_1lttcmh4"], [{ size: "large", variant: "extended" }, "_1lttcmh5"]] });
8
+ var item = createRuntimeFn({ defaultClassName: "_187aacd2 _187aacd1", variantClassNames: { color: { primary: "_187aacd3", secondary: "_187aacd4", tertiary: "_187aacd5" } }, defaultVariants: { color: "primary" }, compoundVariants: [] });
9
+ var popup = "_187aacd0";
10
+
11
+ // src/components/fab-menu/fab-menu.ts
12
+ var FabMenu = createFabMenu(({ size, color, variant }) => fab({ size, color, variant }), {
13
+ popup,
14
+ item: (color) => item({ color })
15
+ });
16
+
17
+ export { FabMenu };
18
+ //# sourceMappingURL=index.js.map
19
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/fab/fab.css.ts","../../../src/components/fab-menu/fab-menu.css.ts","../../../src/components/fab-menu/fab-menu.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,GAAA,GAAMA,gBAAO,EAAC,gBAAA,EAAiB,aAAY,iBAAA,EAAkB,EAAC,MAAK,EAAC,KAAA,EAAM,aAAY,MAAA,EAAO,WAAA,EAAY,OAAM,WAAA,EAAW,EAAE,SAAQ,EAAC,QAAA,EAAS,WAAA,EAAY,QAAA,EAAS,WAAA,EAAW,EAAE,OAAM,EAAC,OAAA,EAAQ,aAAY,SAAA,EAAU,WAAA,EAAY,UAAS,WAAA,EAAW,EAAC,EAAE,eAAA,EAAgB,EAAC,IAAA,EAAK,SAAQ,OAAA,EAAQ,UAAA,EAAW,OAAM,SAAA,EAAS,EAAE,kBAAiB,CAAC,CAAC,EAAC,IAAA,EAAK,OAAA,EAAQ,OAAA,EAAQ,YAAU,EAAE,WAAW,GAAE,CAAC,EAAC,MAAK,QAAA,EAAS,OAAA,EAAQ,UAAA,EAAU,EAAE,WAAW,CAAA,EAAE,CAAC,EAAC,IAAA,EAAK,SAAQ,OAAA,EAAQ,UAAA,IAAY,WAAW,CAAA,EAAE,CAAC,EAAC,IAAA,EAAK,OAAA,EAAQ,SAAQ,UAAA,EAAU,EAAE,WAAW,CAAA,EAAE,CAAC,EAAC,IAAA,EAAK,QAAA,EAAS,OAAA,EAAQ,UAAA,EAAU,EAAE,WAAW,GAAE,CAAC,EAAC,MAAK,OAAA,EAAQ,OAAA,EAAQ,YAAU,EAAE,WAAW,CAAC,CAAA,EAAE,CAAA;ACAnnB,IAAI,IAAA,GAAOA,eAAAA,CAAO,EAAC,gBAAA,EAAiB,qBAAA,EAAsB,mBAAkB,EAAC,KAAA,EAAM,EAAC,OAAA,EAAQ,WAAA,EAAY,SAAA,EAAU,aAAY,QAAA,EAAS,WAAA,EAAW,EAAC,EAAE,eAAA,EAAgB,EAAC,KAAA,EAAM,SAAA,EAAS,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;AAC3M,IAAI,KAAA,GAAQ,WAAA;;;ACIZ,IAAM,OAAA,GAAU,aAAA,CAAc,CAAC,EAAE,MAAM,KAAA,EAAO,OAAA,EAAQ,KAAM,GAAA,CAAI,EAAE,IAAA,EAAM,KAAA,EAAO,OAAA,EAAS,CAAA,EAAG;AAAA,EAChG,KAAA;AAAA,EACA,MAAM,CAAC,KAAA,KAAU,IAAA,CAAK,EAAE,OAAO;AACjC,CAAC","file":"index.js","sourcesContent":["import 'src/components/fab/fab.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VW0XKbMBB891do-hTPVKnBjschj_2MTqZzoDOoERIjHSRuJ__eQZgYFNKC8yh0u9rbPcm-_RkpoqwsNuzPirFnKahI2N2-enlYMVagzAu6rFNjBVpuQcjaJawBe8N5Kbg7Oe4KqJArsDmuH1avq9sLs2vyIXu8G7N36wEiGlYfNuPqfj1TC5c6swgOxTo4I1R1CFQdAlXxsPo-cOh-tkP4QhamfIpDRdt4fEa3HiC2vjoMqZSaB95VIITUOZdaSY0Ji86lOVQJOyzNlrGj0cSPUEp1CirpVKHLQCEnSQp5iULWJW8BF-TzWfEcZFd7wTr5G-ch20qPa3vmxYIzB4COAInQcldBJnU-j4MsZE9S5-sgsaV3YTfKuA90kHEUxdMhx8OQo2U3eHRrluTdoa-IuwNekXYHvCLsDviprDuK6ah3ix-Yu1HU9--vc9RTvIv6MIg6nv1Ajp-ieTEXCMJ75kpQalnSAXZR2AF2Ud4B9srIA5bp1O8WP-J7X10ZJ0kanTCLCkg22IKEdJWCU8K6oPlRoScDJXPNJWHpEpahJrTt51-1I3k88cxoQk3DrdS8tJ75_s6DkRrPZRq0R2WeE1ZIIVBfRidh2mivI6utMzZhlZE9Ye1ay1BhRpc6U1M3kP0Hf2wBoqUf2YoKG2gb5gobVFsfBFnQvQ0XJIvuNqUbw0vjsQiuvQaOQAuwwS_8PklSPBqL3uA3T758eRj5DakzqiYvV2qHlLCNlw7ZU25NrUXS9m9R03ejjG_etKNCp3Pl2RWODWpyl-aH7ZwRLNpc2UvR5uQ7mevpbpJiZMpbH-PHgYCQ--qQ4miy2vFGOpkqnE3lUSEVZO2Uz-aoLLp3f-L2PwQQ9HuPnyRLhHSQKhRfWXhCv_N4vqzTgQ-Tefs2GCObpzcjNVk7UNxo7mp7hAzX7Bvb3Eaxvw1-czZoe_iom96Vf3Q1bdxmRJh1w_f_diorS7DdKwRSo13Pa2cSNxAg5gpwmJn2Di2X8AFyIALniiC0JK_RMA18_QtGJdsZqQ0AAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var fab = _7a468({defaultClassName:'_1lttcmh6',variantClassNames:{size:{small:'_1lttcmh7',medium:'_1lttcmh8',large:'_1lttcmh9'},variant:{standard:'_1lttcmha',extended:'_1lttcmhb'},color:{primary:'_1lttcmhc',secondary:'_1lttcmhd',tertiary:'_1lttcmhe'}},defaultVariants:{size:'small',variant:'standard',color:'primary'},compoundVariants:[[{size:'small',variant:'standard'},'_1lttcmh0'],[{size:'medium',variant:'standard'},'_1lttcmh1'],[{size:'large',variant:'standard'},'_1lttcmh2'],[{size:'small',variant:'extended'},'_1lttcmh3'],[{size:'medium',variant:'extended'},'_1lttcmh4'],[{size:'large',variant:'extended'},'_1lttcmh5']]});","import 'src/components/fab-menu/fab-menu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VV227bMAx9z1cIeWqAKUt62ToV28s-YwgG2qJtorJkSHTadOi_D5Kdi91sc7qnwCIPecRzxCx_ru8_A-R6JX7NhNAUGgM7JQqDzw8zkX6lJo85k7NK5M60tY0RMFRaSYx16NIlWh0DJTRK3DYJnkH-WHrXWq0Ee7ChAY-WY8i1bMiiEtZZjAcpXjhfS-epJKvEFvyVlOPzxSGZOk6ugZx4J9Z3qzr0oFrLsAuydjFFIgSypQwMVoPXiw_HZhegHmavs-VhXj80MMSg5y5rZ3DzQYwT0OpjOM24p6vEanBrJUIOBq9Wyy93w1brBGvc_r4eDTBt09AOgpGN05R73Qbq5GgZ_UGb-06bCqmsWIm7T913AzpR7Sopcd1r6LboC-OelKhIa0ziZ-5ZBnohWyqROa_Ry8yl7Lz1wXklGkf7pm1ALwMazPmo9hv5-zIeNLVBDQUJFTQoi9aYxaF7BTpyGuShwS0k7Qxu0dy8scoReZHuQhTOsiygJrMb9eRdg0k5ycQGZY2a2lpGwBH51M96CrLLPWIDveA0ZMxMuGSF6oKeJ4CuADJH0aJVo8ZTarCH_JFsOTKvUhkWzmMyce4so2Ul5vOHgachC860nJxANiD3z-N0geStj8vjuzMu-Wr4kHrDSdyi5TBaK-NNsXrXm1-rKj6GdJOpHrw9W2IwlMM9hp5nYJQpe1SiWywVlZWJgqHe_Fc5BXncJpNrNB5DwPFoOlKaAmQG9aZfWeclOZ3d4exEaF9mV4PGeZRcOitD6wvIcSE-itVyfZ28moKTQTf3fyd-fgyr0ULul79x_HVeQCZrtK00CHGBzjfDv9LBZr6kyjcRtmWq9USaq-NG3r_s7vuk5E1nzX-PsvFUg9_J-B6BLPrFtFGexZ0QuJ1KIGDu4gu7nMIfkCck7qaSYPRM7-FwHvj6G0WV13FNCQAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var item = _7a468({defaultClassName:'_187aacd2 _187aacd1',variantClassNames:{color:{primary:'_187aacd3',secondary:'_187aacd4',tertiary:'_187aacd5'}},defaultVariants:{color:'primary'},compoundVariants:[]});\nexport var popup = '_187aacd0';","/**\n * fab-menu.ts — wires the VE styles into the shared FAB menu factory.\n */\nimport { createFabMenu } from '@m3-baseui/core';\nimport { fab } from '../fab/fab.css';\nimport { popup, item } from './fab-menu.css';\n\nexport const FabMenu = createFabMenu(({ size, color, variant }) => fab({ size, color, variant }), {\n popup,\n item: (color) => item({ color }),\n});\n\nexport type { FabMenuTriggerProps, FabMenuItemProps } from '@m3-baseui/core';\n"]}