@m3-baseui/react-vanilla-extract 1.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 (126) hide show
  1. package/dist/badge.css +32 -0
  2. package/dist/badge.css.map +1 -0
  3. package/dist/badge.d.ts +7 -0
  4. package/dist/badge.js +16 -0
  5. package/dist/badge.js.map +1 -0
  6. package/dist/button.css +171 -0
  7. package/dist/button.css.map +1 -0
  8. package/dist/button.d.ts +10 -0
  9. package/dist/button.js +14 -0
  10. package/dist/button.js.map +1 -0
  11. package/dist/card.css +66 -0
  12. package/dist/card.css.map +1 -0
  13. package/dist/card.d.ts +7 -0
  14. package/dist/card.js +16 -0
  15. package/dist/card.js.map +1 -0
  16. package/dist/checkbox.css +122 -0
  17. package/dist/checkbox.css.map +1 -0
  18. package/dist/checkbox.d.ts +8 -0
  19. package/dist/checkbox.js +17 -0
  20. package/dist/checkbox.js.map +1 -0
  21. package/dist/chip.css +153 -0
  22. package/dist/chip.css.map +1 -0
  23. package/dist/chip.d.ts +7 -0
  24. package/dist/chip.js +22 -0
  25. package/dist/chip.js.map +1 -0
  26. package/dist/dialog.css +60 -0
  27. package/dist/dialog.css.map +1 -0
  28. package/dist/dialog.d.ts +15 -0
  29. package/dist/dialog.js +19 -0
  30. package/dist/dialog.js.map +1 -0
  31. package/dist/divider.css +28 -0
  32. package/dist/divider.css.map +1 -0
  33. package/dist/divider.d.ts +10 -0
  34. package/dist/divider.js +14 -0
  35. package/dist/divider.js.map +1 -0
  36. package/dist/fab.css +109 -0
  37. package/dist/fab.css.map +1 -0
  38. package/dist/fab.d.ts +10 -0
  39. package/dist/fab.js +14 -0
  40. package/dist/fab.js.map +1 -0
  41. package/dist/icon-button.css +209 -0
  42. package/dist/icon-button.css.map +1 -0
  43. package/dist/icon-button.d.ts +10 -0
  44. package/dist/icon-button.js +16 -0
  45. package/dist/icon-button.js.map +1 -0
  46. package/dist/index.css +2714 -0
  47. package/dist/index.css.map +1 -0
  48. package/dist/index.d.ts +27 -0
  49. package/dist/index.js +318 -0
  50. package/dist/index.js.map +1 -0
  51. package/dist/item.css +72 -0
  52. package/dist/item.css.map +1 -0
  53. package/dist/item.d.ts +7 -0
  54. package/dist/item.js +29 -0
  55. package/dist/item.js.map +1 -0
  56. package/dist/list.css +128 -0
  57. package/dist/list.css.map +1 -0
  58. package/dist/list.d.ts +10 -0
  59. package/dist/list.js +31 -0
  60. package/dist/list.js.map +1 -0
  61. package/dist/menu.css +262 -0
  62. package/dist/menu.css.map +1 -0
  63. package/dist/menu.d.ts +24 -0
  64. package/dist/menu.js +31 -0
  65. package/dist/menu.js.map +1 -0
  66. package/dist/navigation-bar.css +92 -0
  67. package/dist/navigation-bar.css.map +1 -0
  68. package/dist/navigation-bar.d.ts +12 -0
  69. package/dist/navigation-bar.js +27 -0
  70. package/dist/navigation-bar.js.map +1 -0
  71. package/dist/navigation-drawer.css +112 -0
  72. package/dist/navigation-drawer.css.map +1 -0
  73. package/dist/navigation-drawer.d.ts +13 -0
  74. package/dist/navigation-drawer.js +26 -0
  75. package/dist/navigation-drawer.js.map +1 -0
  76. package/dist/progress.css +68 -0
  77. package/dist/progress.css.map +1 -0
  78. package/dist/progress.d.ts +10 -0
  79. package/dist/progress.js +23 -0
  80. package/dist/progress.js.map +1 -0
  81. package/dist/radio.css +98 -0
  82. package/dist/radio.css.map +1 -0
  83. package/dist/radio.d.ts +9 -0
  84. package/dist/radio.js +18 -0
  85. package/dist/radio.js.map +1 -0
  86. package/dist/segmented-button.css +101 -0
  87. package/dist/segmented-button.css.map +1 -0
  88. package/dist/segmented-button.d.ts +12 -0
  89. package/dist/segmented-button.js +25 -0
  90. package/dist/segmented-button.js.map +1 -0
  91. package/dist/select.css +181 -0
  92. package/dist/select.css.map +1 -0
  93. package/dist/select.d.ts +22 -0
  94. package/dist/select.js +33 -0
  95. package/dist/select.js.map +1 -0
  96. package/dist/slider.css +78 -0
  97. package/dist/slider.css.map +1 -0
  98. package/dist/slider.d.ts +15 -0
  99. package/dist/slider.js +20 -0
  100. package/dist/slider.js.map +1 -0
  101. package/dist/snackbar.css +139 -0
  102. package/dist/snackbar.css.map +1 -0
  103. package/dist/snackbar.d.ts +21 -0
  104. package/dist/snackbar.js +28 -0
  105. package/dist/snackbar.js.map +1 -0
  106. package/dist/switch.css +139 -0
  107. package/dist/switch.css.map +1 -0
  108. package/dist/switch.d.ts +9 -0
  109. package/dist/switch.js +18 -0
  110. package/dist/switch.js.map +1 -0
  111. package/dist/tabs.css +108 -0
  112. package/dist/tabs.css.map +1 -0
  113. package/dist/tabs.d.ts +20 -0
  114. package/dist/tabs.js +24 -0
  115. package/dist/tabs.js.map +1 -0
  116. package/dist/textfield.css +160 -0
  117. package/dist/textfield.css.map +1 -0
  118. package/dist/textfield.d.ts +7 -0
  119. package/dist/textfield.js +37 -0
  120. package/dist/textfield.js.map +1 -0
  121. package/dist/tooltip.css +26 -0
  122. package/dist/tooltip.css.map +1 -0
  123. package/dist/tooltip.d.ts +14 -0
  124. package/dist/tooltip.js +16 -0
  125. package/dist/tooltip.js.map +1 -0
  126. package/package.json +167 -0
@@ -0,0 +1,14 @@
1
+ import * as react from 'react';
2
+ import * as _base_ui_react from '@base-ui/react';
3
+
4
+ declare const Tooltip: {
5
+ Provider: react.FC<_base_ui_react.TooltipProviderProps>;
6
+ Root: <Payload>(props: _base_ui_react.TooltipRoot.Props<Payload>) => react.JSX.Element;
7
+ Trigger: _base_ui_react.TooltipTrigger;
8
+ Portal: react.ForwardRefExoticComponent<Omit<_base_ui_react.TooltipPortalProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
9
+ Positioner: react.ForwardRefExoticComponent<Omit<_base_ui_react.TooltipPositionerProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
10
+ Popup: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.TooltipPopupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
11
+ Arrow: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.TooltipArrowProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
12
+ };
13
+
14
+ export { Tooltip };
@@ -0,0 +1,16 @@
1
+ "use client";
2
+ import './tooltip.css';
3
+ import { createTooltip } from '@m3-baseui/core';
4
+
5
+ // src/tooltip.ts
6
+
7
+ // src/tooltip.css.ts
8
+ var arrow = "_18z37wz1";
9
+ var popup = "_18z37wz0";
10
+
11
+ // src/tooltip.ts
12
+ var Tooltip = createTooltip({ popup, arrow });
13
+
14
+ export { Tooltip };
15
+ //# sourceMappingURL=tooltip.js.map
16
+ //# sourceMappingURL=tooltip.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/tooltip.css.ts","../src/tooltip.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,KAAA,GAAQ,WAAA;;;ACIZ,IAAM,OAAA,GAAU,aAAA,CAAc,EAAE,KAAA,EAAO,OAAO","file":"tooltip.js","sourcesContent":["import 'src/tooltip.css.ts.vanilla.css?source=Ll8xOHozN3d6MCB7CiAgYmFja2dyb3VuZDogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1pbnZlcnNlLXN1cmZhY2UpKTsKICBjb2xvcjogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1pbnZlcnNlLW9uLXN1cmZhY2UpKTsKICBmb250LWZhbWlseTogdmFyKC0tbWQtc3lzLXR5cGVzY2FsZS1ib2R5LXNtYWxsLWZvbnQpOwogIGZvbnQtd2VpZ2h0OiB2YXIoLS1tZC1zeXMtdHlwZXNjYWxlLWJvZHktc21hbGwtd2VpZ2h0KTsKICBmb250LXNpemU6IHZhcigtLW1kLXN5cy10eXBlc2NhbGUtYm9keS1zbWFsbC1zaXplKTsKICBsaW5lLWhlaWdodDogdmFyKC0tbWQtc3lzLXR5cGVzY2FsZS1ib2R5LXNtYWxsLWxpbmUtaGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tbWQtc3lzLXR5cGVzY2FsZS1ib2R5LXNtYWxsLXRyYWNraW5nKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtZXh0cmEtc21hbGwpOwogIHBhZGRpbmctaW5saW5lOiA4cHg7CiAgcGFkZGluZy1ibG9jazogNHB4OwogIG1heC13aWR0aDogMjI0cHg7CiAgdXNlci1zZWxlY3Q6IG5vbmU7CiAgdHJhbnNmb3JtLW9yaWdpbjogdmFyKC0tdHJhbnNmb3JtLW9yaWdpbik7CiAgdHJhbnNpdGlvbjogb3BhY2l0eSAxNTBtcyB2YXIoLS1tZC1zeXMtbW90aW9uLWVhc2luZy1zdGFuZGFyZCksIHRyYW5zZm9ybSAxNTBtcyB2YXIoLS1tZC1zeXMtbW90aW9uLWVhc2luZy1zdGFuZGFyZCk7Cn0KLl8xOHozN3d6MFtkYXRhLXN0YXJ0aW5nLXN0eWxlXSwgLl8xOHozN3d6MFtkYXRhLWVuZGluZy1zdHlsZV0gewogIG9wYWNpdHk6IDA7CiAgdHJhbnNmb3JtOiBzY2FsZSgwLjk1KTsKfQouXzE4ejM3d3oxIHsKICBjb2xvcjogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1pbnZlcnNlLXN1cmZhY2UpKTsKfQ';\nexport var arrow = '_18z37wz1';\nexport var popup = '_18z37wz0';","/**\n * tooltip.ts — wires the VE styles into the shared parts factory.\n */\nimport { createTooltip } from '@m3-baseui/core';\nimport { popup, arrow } from './tooltip.css';\n\nexport const Tooltip = createTooltip({ popup, arrow });\n"]}
package/package.json ADDED
@@ -0,0 +1,167 @@
1
+ {
2
+ "name": "@m3-baseui/react-vanilla-extract",
3
+ "version": "1.0.0",
4
+ "description": "M3 components implemented with vanilla-extract recipes over the shared @m3-baseui/core factories.",
5
+ "type": "module",
6
+ "license": "MIT",
7
+ "repository": {
8
+ "type": "git",
9
+ "url": "git+https://github.com/otomatty/m3-baseui.git",
10
+ "directory": "packages/react-vanilla-extract"
11
+ },
12
+ "homepage": "https://github.com/otomatty/m3-baseui#readme",
13
+ "bugs": {
14
+ "url": "https://github.com/otomatty/m3-baseui/issues"
15
+ },
16
+ "publishConfig": {
17
+ "access": "public"
18
+ },
19
+ "exports": {
20
+ ".": {
21
+ "@m3/source": "./src/index.ts",
22
+ "types": "./dist/index.d.ts",
23
+ "default": "./dist/index.js"
24
+ },
25
+ "./button": {
26
+ "@m3/source": "./src/button.ts",
27
+ "types": "./dist/button.d.ts",
28
+ "default": "./dist/button.js"
29
+ },
30
+ "./icon-button": {
31
+ "@m3/source": "./src/icon-button.ts",
32
+ "types": "./dist/icon-button.d.ts",
33
+ "default": "./dist/icon-button.js"
34
+ },
35
+ "./switch": {
36
+ "@m3/source": "./src/switch.ts",
37
+ "types": "./dist/switch.d.ts",
38
+ "default": "./dist/switch.js"
39
+ },
40
+ "./checkbox": {
41
+ "@m3/source": "./src/checkbox.ts",
42
+ "types": "./dist/checkbox.d.ts",
43
+ "default": "./dist/checkbox.js"
44
+ },
45
+ "./radio": {
46
+ "@m3/source": "./src/radio.ts",
47
+ "types": "./dist/radio.d.ts",
48
+ "default": "./dist/radio.js"
49
+ },
50
+ "./chip": {
51
+ "@m3/source": "./src/chip.ts",
52
+ "types": "./dist/chip.d.ts",
53
+ "default": "./dist/chip.js"
54
+ },
55
+ "./tooltip": {
56
+ "@m3/source": "./src/tooltip.ts",
57
+ "types": "./dist/tooltip.d.ts",
58
+ "default": "./dist/tooltip.js"
59
+ },
60
+ "./dialog": {
61
+ "@m3/source": "./src/dialog.ts",
62
+ "types": "./dist/dialog.d.ts",
63
+ "default": "./dist/dialog.js"
64
+ },
65
+ "./menu": {
66
+ "@m3/source": "./src/menu.ts",
67
+ "types": "./dist/menu.d.ts",
68
+ "default": "./dist/menu.js"
69
+ },
70
+ "./tabs": {
71
+ "@m3/source": "./src/tabs.ts",
72
+ "types": "./dist/tabs.d.ts",
73
+ "default": "./dist/tabs.js"
74
+ },
75
+ "./slider": {
76
+ "@m3/source": "./src/slider.ts",
77
+ "types": "./dist/slider.d.ts",
78
+ "default": "./dist/slider.js"
79
+ },
80
+ "./select": {
81
+ "@m3/source": "./src/select.ts",
82
+ "types": "./dist/select.d.ts",
83
+ "default": "./dist/select.js"
84
+ },
85
+ "./textfield": {
86
+ "@m3/source": "./src/textfield.ts",
87
+ "types": "./dist/textfield.d.ts",
88
+ "default": "./dist/textfield.js"
89
+ },
90
+ "./navigation-bar": {
91
+ "@m3/source": "./src/navigation-bar.ts",
92
+ "types": "./dist/navigation-bar.d.ts",
93
+ "default": "./dist/navigation-bar.js"
94
+ },
95
+ "./fab": {
96
+ "@m3/source": "./src/fab.ts",
97
+ "types": "./dist/fab.d.ts",
98
+ "default": "./dist/fab.js"
99
+ },
100
+ "./divider": {
101
+ "@m3/source": "./src/divider.ts",
102
+ "types": "./dist/divider.d.ts",
103
+ "default": "./dist/divider.js"
104
+ },
105
+ "./progress": {
106
+ "@m3/source": "./src/progress.ts",
107
+ "types": "./dist/progress.d.ts",
108
+ "default": "./dist/progress.js"
109
+ },
110
+ "./list": {
111
+ "@m3/source": "./src/list.ts",
112
+ "types": "./dist/list.d.ts",
113
+ "default": "./dist/list.js"
114
+ },
115
+ "./snackbar": {
116
+ "@m3/source": "./src/snackbar.ts",
117
+ "types": "./dist/snackbar.d.ts",
118
+ "default": "./dist/snackbar.js"
119
+ },
120
+ "./item": {
121
+ "@m3/source": "./src/item.ts",
122
+ "types": "./dist/item.d.ts",
123
+ "default": "./dist/item.js"
124
+ },
125
+ "./badge": {
126
+ "@m3/source": "./src/badge.ts",
127
+ "types": "./dist/badge.d.ts",
128
+ "default": "./dist/badge.js"
129
+ },
130
+ "./card": {
131
+ "@m3/source": "./src/card.ts",
132
+ "types": "./dist/card.d.ts",
133
+ "default": "./dist/card.js"
134
+ },
135
+ "./segmented-button": {
136
+ "@m3/source": "./src/segmented-button.ts",
137
+ "types": "./dist/segmented-button.d.ts",
138
+ "default": "./dist/segmented-button.js"
139
+ },
140
+ "./navigation-drawer": {
141
+ "@m3/source": "./src/navigation-drawer.ts",
142
+ "types": "./dist/navigation-drawer.d.ts",
143
+ "default": "./dist/navigation-drawer.js"
144
+ }
145
+ },
146
+ "files": [
147
+ "dist"
148
+ ],
149
+ "scripts": {
150
+ "build": "tsup",
151
+ "typecheck": "tsc --noEmit"
152
+ },
153
+ "dependencies": {
154
+ "@m3-baseui/core": "0.1.0",
155
+ "@m3-baseui/tokens": "0.1.0"
156
+ },
157
+ "peerDependencies": {
158
+ "@base-ui/react": "^1.6.0",
159
+ "@vanilla-extract/css": "^1.15.0",
160
+ "@vanilla-extract/recipes": "^0.5.0",
161
+ "react": "^18.0.0 || ^19.0.0",
162
+ "react-dom": "^18.0.0 || ^19.0.0"
163
+ },
164
+ "sideEffects": [
165
+ "**/*.css"
166
+ ]
167
+ }