@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,181 @@
1
+ /* vanilla-extract-css-ns:src/select.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1Y3XLzJhC9z1MwuYpnPlLbcdKUTHvTx-hkOiuxkmgQMID8k07fvQNI1o_txHb69aa9S8TuYdk9e1h8__siW8DqSc7JnzeEGO2EF1oxYlGCF2t8uSGEC2ck7BgRSgqFtJC4Dd9BilJR4bF2jOSoPNrw-Y_GeVHsaK6VR-UZcQZypBn6DaIKFiUYRp5NBMn0ljrxLlTJSKYtR0szHVcqFGXlGXl8Spa1UHQjuK8YWc7n6ZsBzoUqaYqMkcVThxqRLHDROEbWYO8orTl1O0ddBQYpbr0F6mqQctZ7MLIwW-K0FJzYMrsbOeZaakt148Nes-QF-VtpdaM4I96CcgYsKh-WojU7iaKoa2wBeQvkcetpTCgjEouE0FgXIIwWXW7bzRlRWsXaFFp5WkAt5G5yTL8z6HKQSDPNd1SCLZEG89neb9Nm-HO_ZNl7OvGO5_gFu-gViVOdvd_APLmj92hpYFJkyucI3kL-JlSZshtK0zK7pUYsA1k8zms3Rqt1sKMILhDLeVAcLJ-93Px1c7_vlt84eKBGm8ZQbVC9fiP9Iit03ji6Fk5kEmNjdex6-Ixdxooa7C6R4oDdq8Duwzi4cJBJ5K-DvejZ_CM_kPn9Yjm7iLTR6eE5hZn4SXGNyruOm4MwFzGuIBuMLCKN12gLqTeMVILzJAqxA_oFlFIYJ1xY2lTCYyx-ZP7GghnhLyP-XqY6fTr3MHQNVoDyswOuxL8Lbet_jihkEvV-C0as9uDxbvE851gexekLPUG5om4D9IeIMdDXhAEqr7RN32JqathOehjWIGQIadisHW0zqfO3vdD3pYXG66l4noi8q1C4S0AotLPLaDq79jLYhhUeoh2Zo8Q1xLJLXKNc9owJJaTailKozmf6fXZUwYd800Hf_O4Ctn37OkcfErecB-uT1U7iUNBaA1S8X46MacNlZP4yZnJU47v5_U-P461W50wZpRU8TglWcOqxNhJ8YIBsauUYWa7MliwKu6fRiTFkOGR0pF09nxgbllOO9rp05BZuXLiLUGLu-zoeFPYykv5_kX9-kQ-ZxFiGhbbYyl87at7evowIBpnTsvGxHkI59C1Xh9KTNzbMbL-GsrwcsPr45XaibedXNeCKVYF4oxPtgxirVbggaLSeQKQWrURZyZBr5K9fgmOQh748G8NYdA6n5zo2nXyfCWO61fHA5xMxaoVPav_zbWrnwDYhhSpvU7SdUISRvH9dXDdYnNPhEjKUR1v8w0Ydul3UqUPHK1t1CHGiV6c8-DzvX5tnHifXjPMif9uFM71Tofh-DD2YGM990fZLXX6Xq5Ya7W3BsYBG-n9nzJkMsNpMqf70n05Ipr3X9TQnj-QX4tZlzMz-Z4XxuJD-H-Xxcp8fx4-TK39D6Zc-zsHo_RhfoEJG7esGmsO-TB04elSkmIfu7WP2476e-H-tiZ9HAjyd1I6_Mb63MMcXwmWz19DxouFr6HiFpifHL2l6ghhq-t_cwiLcLxQAAA */
2
+ ._1b1a46l0 {
3
+ position: relative;
4
+ display: inline-flex;
5
+ align-items: center;
6
+ justify-content: space-between;
7
+ gap: 8px;
8
+ box-sizing: border-box;
9
+ height: 56px;
10
+ min-width: 200px;
11
+ padding-inline: 16px;
12
+ border-radius: var(--md-sys-shape-extra-small);
13
+ border: 1px solid rgb(var(--md-sys-color-outline));
14
+ background: transparent;
15
+ color: rgb(var(--md-sys-color-on-surface));
16
+ text-align: left;
17
+ cursor: pointer;
18
+ outline: none;
19
+ font-family: var(--md-sys-typescale-body-large-font);
20
+ font-weight: var(--md-sys-typescale-body-large-weight);
21
+ font-size: var(--md-sys-typescale-body-large-size);
22
+ line-height: var(--md-sys-typescale-body-large-line-height);
23
+ letter-spacing: var(--md-sys-typescale-body-large-tracking);
24
+ transition: border-color 150ms var(--md-sys-motion-easing-standard);
25
+ }
26
+ ._1b1a46l0[data-popup-open],
27
+ ._1b1a46l0:focus-visible {
28
+ border: 3px solid rgb(var(--md-sys-color-primary));
29
+ padding-inline: 14px;
30
+ }
31
+ ._1b1a46l0[data-disabled] {
32
+ border-color: rgb(var(--md-sys-color-on-surface) / 0.12);
33
+ color: rgb(var(--md-sys-color-on-surface) / 0.38);
34
+ pointer-events: none;
35
+ }
36
+ ._1b1a46l1 {
37
+ flex: 1;
38
+ overflow: hidden;
39
+ text-overflow: ellipsis;
40
+ white-space: nowrap;
41
+ }
42
+ ._1b1a46l2 {
43
+ display: flex;
44
+ color: rgb(var(--md-sys-color-on-surface-variant));
45
+ transition: transform 150ms var(--md-sys-motion-easing-standard);
46
+ }
47
+ ._1b1a46l0[data-popup-open] ._1b1a46l2 {
48
+ transform: rotate(180deg);
49
+ }
50
+ ._1b1a46l0[data-disabled] ._1b1a46l2 {
51
+ color: rgb(var(--md-sys-color-on-surface) / 0.38);
52
+ }
53
+ ._1b1a46l3 {
54
+ min-width: var(--anchor-width);
55
+ max-height: var(--available-height);
56
+ padding-block: 8px;
57
+ overflow: auto;
58
+ background: rgb(var(--md-sys-color-surface-container));
59
+ color: rgb(var(--md-sys-color-on-surface));
60
+ border-radius: var(--md-sys-shape-extra-small);
61
+ box-shadow: var(--md-sys-elevation-level2);
62
+ transform-origin: var(--transform-origin);
63
+ outline: none;
64
+ transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);
65
+ }
66
+ ._1b1a46l3[data-starting-style],
67
+ ._1b1a46l3[data-ending-style] {
68
+ opacity: 0;
69
+ transform: scale(0.95);
70
+ }
71
+ ._1b1a46l4 {
72
+ position: relative;
73
+ display: grid;
74
+ grid-template-columns: 24px 1fr auto;
75
+ align-items: center;
76
+ gap: 8px;
77
+ height: 48px;
78
+ padding-inline: 12px;
79
+ overflow: hidden;
80
+ cursor: pointer;
81
+ user-select: none;
82
+ outline: none;
83
+ color: rgb(var(--md-sys-color-on-surface));
84
+ font-family: var(--md-sys-typescale-body-large-font);
85
+ font-weight: var(--md-sys-typescale-body-large-weight);
86
+ font-size: var(--md-sys-typescale-body-large-size);
87
+ line-height: var(--md-sys-typescale-body-large-line-height);
88
+ letter-spacing: var(--md-sys-typescale-body-large-tracking);
89
+ }
90
+ ._1b1a46l4::before {
91
+ content: "";
92
+ position: absolute;
93
+ inset: 0;
94
+ background: currentColor;
95
+ opacity: 0;
96
+ pointer-events: none;
97
+ transition: opacity 100ms var(--md-sys-motion-easing-standard);
98
+ }
99
+ ._1b1a46l4:hover::before {
100
+ opacity: var(--md-sys-state-hover);
101
+ }
102
+ ._1b1a46l4[data-highlighted]::before {
103
+ opacity: var(--md-sys-state-hover);
104
+ }
105
+ ._1b1a46l4:active::before {
106
+ opacity: var(--md-sys-state-pressed);
107
+ }
108
+ ._1b1a46l4[data-disabled] {
109
+ color: rgb(var(--md-sys-color-on-surface) / 0.38);
110
+ pointer-events: none;
111
+ }
112
+ ._1b1a46l4[data-disabled]::before {
113
+ opacity: 0;
114
+ }
115
+ ._1b1a46l4 [data-slot=select-trailing] {
116
+ padding-left: 16px;
117
+ color: rgb(var(--md-sys-color-on-surface-variant));
118
+ font-family: var(--md-sys-typescale-label-large-font);
119
+ font-size: var(--md-sys-typescale-label-large-size);
120
+ line-height: var(--md-sys-typescale-label-large-line-height);
121
+ letter-spacing: var(--md-sys-typescale-label-large-tracking);
122
+ }
123
+ ._1b1a46l4[data-disabled] [data-slot=select-trailing] {
124
+ color: rgb(var(--md-sys-color-on-surface) / 0.38);
125
+ }
126
+ ._1b1a46l5 {
127
+ position: sticky;
128
+ z-index: 1;
129
+ display: flex;
130
+ align-items: center;
131
+ justify-content: center;
132
+ height: 24px;
133
+ cursor: default;
134
+ background: rgb(var(--md-sys-color-surface-container));
135
+ color: rgb(var(--md-sys-color-on-surface-variant));
136
+ top: 0;
137
+ }
138
+ ._1b1a46l6 {
139
+ position: sticky;
140
+ z-index: 1;
141
+ display: flex;
142
+ align-items: center;
143
+ justify-content: center;
144
+ height: 24px;
145
+ cursor: default;
146
+ background: rgb(var(--md-sys-color-surface-container));
147
+ color: rgb(var(--md-sys-color-on-surface-variant));
148
+ bottom: 0;
149
+ }
150
+ ._1b1a46l5 > svg {
151
+ width: 20px;
152
+ height: 20px;
153
+ }
154
+ ._1b1a46l6 > svg {
155
+ width: 20px;
156
+ height: 20px;
157
+ }
158
+ ._1b1a46l7 {
159
+ display: inline-flex;
160
+ align-items: center;
161
+ justify-content: center;
162
+ color: rgb(var(--md-sys-color-primary));
163
+ visibility: hidden;
164
+ }
165
+ ._1b1a46l4[data-selected] ._1b1a46l7 {
166
+ visibility: visible;
167
+ }
168
+ ._1b1a46l4[data-disabled] ._1b1a46l7 {
169
+ color: rgb(var(--md-sys-color-on-surface) / 0.38);
170
+ }
171
+ ._1b1a46l8 {
172
+ padding-inline: 12px;
173
+ padding-block: 8px;
174
+ color: rgb(var(--md-sys-color-on-surface-variant));
175
+ font-family: var(--md-sys-typescale-label-small-font);
176
+ font-weight: var(--md-sys-typescale-label-small-weight);
177
+ font-size: var(--md-sys-typescale-label-small-size);
178
+ line-height: var(--md-sys-typescale-label-small-line-height);
179
+ letter-spacing: var(--md-sys-typescale-label-small-tracking);
180
+ }
181
+ /*# sourceMappingURL=select.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["vanilla-extract-css-ns:src/select.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1Y3XLzJhC9z1MwuYpnPlLbcdKUTHvTx-hkOiuxkmgQMID8k07fvQNI1o_txHb69aa9S8TuYdk9e1h8__siW8DqSc7JnzeEGO2EF1oxYlGCF2t8uSGEC2ck7BgRSgqFtJC4Dd9BilJR4bF2jOSoPNrw-Y_GeVHsaK6VR-UZcQZypBn6DaIKFiUYRp5NBMn0ljrxLlTJSKYtR0szHVcqFGXlGXl8Spa1UHQjuK8YWc7n6ZsBzoUqaYqMkcVThxqRLHDROEbWYO8orTl1O0ddBQYpbr0F6mqQctZ7MLIwW-K0FJzYMrsbOeZaakt148Nes-QF-VtpdaM4I96CcgYsKh-WojU7iaKoa2wBeQvkcetpTCgjEouE0FgXIIwWXW7bzRlRWsXaFFp5WkAt5G5yTL8z6HKQSDPNd1SCLZEG89neb9Nm-HO_ZNl7OvGO5_gFu-gViVOdvd_APLmj92hpYFJkyucI3kL-JlSZshtK0zK7pUYsA1k8zms3Rqt1sKMILhDLeVAcLJ-93Px1c7_vlt84eKBGm8ZQbVC9fiP9Iit03ji6Fk5kEmNjdex6-Ixdxooa7C6R4oDdq8Duwzi4cJBJ5K-DvejZ_CM_kPn9Yjm7iLTR6eE5hZn4SXGNyruOm4MwFzGuIBuMLCKN12gLqTeMVILzJAqxA_oFlFIYJ1xY2lTCYyx-ZP7GghnhLyP-XqY6fTr3MHQNVoDyswOuxL8Lbet_jihkEvV-C0as9uDxbvE851gexekLPUG5om4D9IeIMdDXhAEqr7RN32JqathOehjWIGQIadisHW0zqfO3vdD3pYXG66l4noi8q1C4S0AotLPLaDq79jLYhhUeoh2Zo8Q1xLJLXKNc9owJJaTailKozmf6fXZUwYd800Hf_O4Ctn37OkcfErecB-uT1U7iUNBaA1S8X46MacNlZP4yZnJU47v5_U-P461W50wZpRU8TglWcOqxNhJ8YIBsauUYWa7MliwKu6fRiTFkOGR0pF09nxgbllOO9rp05BZuXLiLUGLu-zoeFPYykv5_kX9-kQ-ZxFiGhbbYyl87at7evowIBpnTsvGxHkI59C1Xh9KTNzbMbL-GsrwcsPr45XaibedXNeCKVYF4oxPtgxirVbggaLSeQKQWrURZyZBr5K9fgmOQh748G8NYdA6n5zo2nXyfCWO61fHA5xMxaoVPav_zbWrnwDYhhSpvU7SdUISRvH9dXDdYnNPhEjKUR1v8w0Ydul3UqUPHK1t1CHGiV6c8-DzvX5tnHifXjPMif9uFM71Tofh-DD2YGM990fZLXX6Xq5Ya7W3BsYBG-n9nzJkMsNpMqf70n05Ipr3X9TQnj-QX4tZlzMz-Z4XxuJD-H-Xxcp8fx4-TK39D6Zc-zsHo_RhfoEJG7esGmsO-TB04elSkmIfu7WP2476e-H-tiZ9HAjyd1I6_Mb63MMcXwmWz19DxouFr6HiFpifHL2l6ghhq-t_cwiLcLxQAAA"],"sourcesContent":["._1b1a46l0 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n box-sizing: border-box;\n height: 56px;\n min-width: 200px;\n padding-inline: 16px;\n border-radius: var(--md-sys-shape-extra-small);\n border: 1px solid rgb(var(--md-sys-color-outline));\n background: transparent;\n color: rgb(var(--md-sys-color-on-surface));\n text-align: left;\n cursor: pointer;\n outline: none;\n font-family: var(--md-sys-typescale-body-large-font);\n font-weight: var(--md-sys-typescale-body-large-weight);\n font-size: var(--md-sys-typescale-body-large-size);\n line-height: var(--md-sys-typescale-body-large-line-height);\n letter-spacing: var(--md-sys-typescale-body-large-tracking);\n transition: border-color 150ms var(--md-sys-motion-easing-standard);\n}\n._1b1a46l0[data-popup-open], ._1b1a46l0:focus-visible {\n border: 3px solid rgb(var(--md-sys-color-primary));\n padding-inline: 14px;\n}\n._1b1a46l0[data-disabled] {\n border-color: rgb(var(--md-sys-color-on-surface) / 0.12);\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n pointer-events: none;\n}\n._1b1a46l1 {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n._1b1a46l2 {\n display: flex;\n color: rgb(var(--md-sys-color-on-surface-variant));\n transition: transform 150ms var(--md-sys-motion-easing-standard);\n}\n._1b1a46l0[data-popup-open] ._1b1a46l2 {\n transform: rotate(180deg);\n}\n._1b1a46l0[data-disabled] ._1b1a46l2 {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1b1a46l3 {\n min-width: var(--anchor-width);\n max-height: var(--available-height);\n padding-block: 8px;\n overflow: auto;\n background: rgb(var(--md-sys-color-surface-container));\n color: rgb(var(--md-sys-color-on-surface));\n border-radius: var(--md-sys-shape-extra-small);\n box-shadow: var(--md-sys-elevation-level2);\n transform-origin: var(--transform-origin);\n outline: none;\n transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);\n}\n._1b1a46l3[data-starting-style], ._1b1a46l3[data-ending-style] {\n opacity: 0;\n transform: scale(0.95);\n}\n._1b1a46l4 {\n position: relative;\n display: grid;\n grid-template-columns: 24px 1fr auto;\n align-items: center;\n gap: 8px;\n height: 48px;\n padding-inline: 12px;\n overflow: hidden;\n cursor: pointer;\n user-select: none;\n outline: none;\n color: rgb(var(--md-sys-color-on-surface));\n font-family: var(--md-sys-typescale-body-large-font);\n font-weight: var(--md-sys-typescale-body-large-weight);\n font-size: var(--md-sys-typescale-body-large-size);\n line-height: var(--md-sys-typescale-body-large-line-height);\n letter-spacing: var(--md-sys-typescale-body-large-tracking);\n}\n._1b1a46l4::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._1b1a46l4:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1b1a46l4[data-highlighted]::before {\n opacity: var(--md-sys-state-hover);\n}\n._1b1a46l4:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1b1a46l4[data-disabled] {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n pointer-events: none;\n}\n._1b1a46l4[data-disabled]::before {\n opacity: 0;\n}\n._1b1a46l4 [data-slot=\"select-trailing\"] {\n padding-left: 16px;\n color: rgb(var(--md-sys-color-on-surface-variant));\n font-family: var(--md-sys-typescale-label-large-font);\n font-size: var(--md-sys-typescale-label-large-size);\n line-height: var(--md-sys-typescale-label-large-line-height);\n letter-spacing: var(--md-sys-typescale-label-large-tracking);\n}\n._1b1a46l4[data-disabled] [data-slot=\"select-trailing\"] {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1b1a46l5 {\n position: sticky;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 24px;\n cursor: default;\n background: rgb(var(--md-sys-color-surface-container));\n color: rgb(var(--md-sys-color-on-surface-variant));\n top: 0;\n}\n._1b1a46l6 {\n position: sticky;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 24px;\n cursor: default;\n background: rgb(var(--md-sys-color-surface-container));\n color: rgb(var(--md-sys-color-on-surface-variant));\n bottom: 0;\n}\n._1b1a46l5 > svg {\n width: 20px;\n height: 20px;\n}\n._1b1a46l6 > svg {\n width: 20px;\n height: 20px;\n}\n._1b1a46l7 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: rgb(var(--md-sys-color-primary));\n visibility: hidden;\n}\n._1b1a46l4[data-selected] ._1b1a46l7 {\n visibility: visible;\n}\n._1b1a46l4[data-disabled] ._1b1a46l7 {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1b1a46l8 {\n padding-inline: 12px;\n padding-block: 8px;\n color: rgb(var(--md-sys-color-on-surface-variant));\n font-family: var(--md-sys-typescale-label-small-font);\n font-weight: var(--md-sys-typescale-label-small-weight);\n font-size: var(--md-sys-typescale-label-small-size);\n line-height: var(--md-sys-typescale-label-small-line-height);\n letter-spacing: var(--md-sys-typescale-label-small-tracking);\n}"],"mappings":"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","names":[]}
@@ -0,0 +1,22 @@
1
+ import * as react from 'react';
2
+ import * as _base_ui_react from '@base-ui/react';
3
+
4
+ declare const Select: {
5
+ Root: typeof _base_ui_react.SelectRoot;
6
+ Trigger: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SelectTriggerProps, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<unknown>>;
7
+ Value: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SelectValueProps, "ref"> & react.RefAttributes<HTMLSpanElement>, "ref"> & react.RefAttributes<unknown>>;
8
+ Icon: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SelectIconProps, "ref"> & react.RefAttributes<HTMLSpanElement>, "ref"> & react.RefAttributes<unknown>>;
9
+ Portal: react.ForwardRefExoticComponent<Omit<_base_ui_react.SelectPortalProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
10
+ Positioner: react.ForwardRefExoticComponent<Omit<_base_ui_react.SelectPositionerProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
11
+ Popup: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SelectPopupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
12
+ List: react.ForwardRefExoticComponent<Omit<_base_ui_react.SelectListProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
13
+ Item: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SelectItemProps, "ref"> & react.RefAttributes<HTMLElement>, "ref"> & react.RefAttributes<unknown>>;
14
+ ItemText: react.NamedExoticComponent<Omit<_base_ui_react.SelectItemTextProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
15
+ ItemIndicator: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SelectItemIndicatorProps, "ref"> & react.RefAttributes<HTMLSpanElement>, "ref"> & react.RefAttributes<unknown>>;
16
+ ScrollUpArrow: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SelectScrollUpArrowProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
17
+ ScrollDownArrow: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SelectScrollDownArrowProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
18
+ Group: react.ForwardRefExoticComponent<Omit<_base_ui_react.SelectGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
19
+ GroupLabel: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SelectGroupLabelProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
20
+ };
21
+
22
+ export { Select };
package/dist/select.js ADDED
@@ -0,0 +1,33 @@
1
+ "use client";
2
+ import './select.css';
3
+ import { createSelect } from '@m3-baseui/core';
4
+
5
+ // src/select.ts
6
+
7
+ // src/select.css.ts
8
+ var groupLabel = "_1b1a46l8";
9
+ var icon = "_1b1a46l2";
10
+ var item = "_1b1a46l4";
11
+ var itemIndicator = "_1b1a46l7";
12
+ var popup = "_1b1a46l3";
13
+ var scrollDownArrow = "_1b1a46l6";
14
+ var scrollUpArrow = "_1b1a46l5";
15
+ var trigger = "_1b1a46l0";
16
+ var value = "_1b1a46l1";
17
+
18
+ // src/select.ts
19
+ var Select = createSelect({
20
+ trigger,
21
+ value,
22
+ icon,
23
+ popup,
24
+ item,
25
+ itemIndicator,
26
+ groupLabel,
27
+ scrollUpArrow,
28
+ scrollDownArrow
29
+ });
30
+
31
+ export { Select };
32
+ //# sourceMappingURL=select.js.map
33
+ //# sourceMappingURL=select.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/select.css.ts","../src/select.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,UAAA,GAAa,WAAA;AACjB,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,aAAA,GAAgB,WAAA;AACpB,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,eAAA,GAAkB,WAAA;AACtB,IAAI,aAAA,GAAgB,WAAA;AACpB,IAAI,OAAA,GAAU,WAAA;AACd,IAAI,KAAA,GAAQ,WAAA;;;ACOZ,IAAM,SAAS,YAAA,CAAa;AAAA,EACjC,OAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAC","file":"select.js","sourcesContent":["import 'src/select.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1Y3XLzJhC9z1MwuYpnPlLbcdKUTHvTx-hkOiuxkmgQMID8k07fvQNI1o_txHb69aa9S8TuYdk9e1h8__siW8DqSc7JnzeEGO2EF1oxYlGCF2t8uSGEC2ck7BgRSgqFtJC4Dd9BilJR4bF2jOSoPNrw-Y_GeVHsaK6VR-UZcQZypBn6DaIKFiUYRp5NBMn0ljrxLlTJSKYtR0szHVcqFGXlGXl8Spa1UHQjuK8YWc7n6ZsBzoUqaYqMkcVThxqRLHDROEbWYO8orTl1O0ddBQYpbr0F6mqQctZ7MLIwW-K0FJzYMrsbOeZaakt148Nes-QF-VtpdaM4I96CcgYsKh-WojU7iaKoa2wBeQvkcetpTCgjEouE0FgXIIwWXW7bzRlRWsXaFFp5WkAt5G5yTL8z6HKQSDPNd1SCLZEG89neb9Nm-HO_ZNl7OvGO5_gFu-gViVOdvd_APLmj92hpYFJkyucI3kL-JlSZshtK0zK7pUYsA1k8zms3Rqt1sKMILhDLeVAcLJ-93Px1c7_vlt84eKBGm8ZQbVC9fiP9Iit03ji6Fk5kEmNjdex6-Ixdxooa7C6R4oDdq8Duwzi4cJBJ5K-DvejZ_CM_kPn9Yjm7iLTR6eE5hZn4SXGNyruOm4MwFzGuIBuMLCKN12gLqTeMVILzJAqxA_oFlFIYJ1xY2lTCYyx-ZP7GghnhLyP-XqY6fTr3MHQNVoDyswOuxL8Lbet_jihkEvV-C0as9uDxbvE851gexekLPUG5om4D9IeIMdDXhAEqr7RN32JqathOehjWIGQIadisHW0zqfO3vdD3pYXG66l4noi8q1C4S0AotLPLaDq79jLYhhUeoh2Zo8Q1xLJLXKNc9owJJaTailKozmf6fXZUwYd800Hf_O4Ctn37OkcfErecB-uT1U7iUNBaA1S8X46MacNlZP4yZnJU47v5_U-P461W50wZpRU8TglWcOqxNhJ8YIBsauUYWa7MliwKu6fRiTFkOGR0pF09nxgbllOO9rp05BZuXLiLUGLu-zoeFPYykv5_kX9-kQ-ZxFiGhbbYyl87at7evowIBpnTsvGxHkI59C1Xh9KTNzbMbL-GsrwcsPr45XaibedXNeCKVYF4oxPtgxirVbggaLSeQKQWrURZyZBr5K9fgmOQh748G8NYdA6n5zo2nXyfCWO61fHA5xMxaoVPav_zbWrnwDYhhSpvU7SdUISRvH9dXDdYnNPhEjKUR1v8w0Ydul3UqUPHK1t1CHGiV6c8-DzvX5tnHifXjPMif9uFM71Tofh-DD2YGM990fZLXX6Xq5Ya7W3BsYBG-n9nzJkMsNpMqf70n05Ipr3X9TQnj-QX4tZlzMz-Z4XxuJD-H-Xxcp8fx4-TK39D6Zc-zsHo_RhfoEJG7esGmsO-TB04elSkmIfu7WP2476e-H-tiZ9HAjyd1I6_Mb63MMcXwmWz19DxouFr6HiFpifHL2l6ghhq-t_cwiLcLxQAAA';\nexport var groupLabel = '_1b1a46l8';\nexport var icon = '_1b1a46l2';\nexport var item = '_1b1a46l4';\nexport var itemIndicator = '_1b1a46l7';\nexport var popup = '_1b1a46l3';\nexport var scrollDownArrow = '_1b1a46l6';\nexport var scrollUpArrow = '_1b1a46l5';\nexport var trigger = '_1b1a46l0';\nexport var value = '_1b1a46l1';","/**\n * select.ts — wires the VE styles into the shared parts factory.\n */\nimport { createSelect } from '@m3-baseui/core';\nimport {\n trigger,\n value,\n icon,\n popup,\n item,\n itemIndicator,\n groupLabel,\n scrollUpArrow,\n scrollDownArrow,\n} from './select.css';\n\nexport const Select = createSelect({\n trigger,\n value,\n icon,\n popup,\n item,\n itemIndicator,\n groupLabel,\n scrollUpArrow,\n scrollDownArrow,\n});\n"]}
@@ -0,0 +1,78 @@
1
+ /* vanilla-extract-css-ns:src/slider.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VVf2vcMAz9_z6FKRTuYO7S-wHD_SijDMVRElHHDrJy19vodx_25drmtm7ZaP8JtnhPT0-yyM233fpA9aZQPxZK9SGSUPBGMToQ2uPdQqmKYu_gaFTt8DEFwFHjNQl20SiLXpBTeIjIOqJDK0b54DP5QJW0Rt0WxXW6Shhsq8GeVE6gp8XNWMXtO1RxIdgiNa0YtS36x9dS6z9IvZWiz7pl4ApZM1Q0RKP2wEutu0rHY9SxhR51PTi3ylCwDw2HwVdGcVMuJ1gbXGAdB67BorbBC5BH1i01LUZZrV6XW3ytQEBXFKF0WN2rqY8ZQsGftVbqsypubtcTgc1FP6CMwQ2CH96AnqkDPs60u_lfu5svE4Ht38e_Lk52z-7P9w-zr1QYxJHHXxdja0yJdWDMZae3gl6Murq6e3NoDmsxandeu_75PNrbXtjb_t7eSPpnJz1YkqNRRZZn8LEO3JnT0YHgUu-K608qfVfPmNHHyE4b2MVph7uQIBohkm90FPAVcDWdrWnDHnnSsud6puMSENQZfZGhDnaIek-RSoezM2XWNNP4kBmahnxzPztVzxgjVvO2YvtOW7HLeergRdfQkbssTY49RgsOtYMSnXbATXLtJY8wEw_je5pBPEFfqJG-4yxiAmZa2hbdzld8hT_xUST9tNIgfDMrhTDYB_JN5ueuzui23gMTeFm9mB0j2g8dMlmjBMrBAadAvFs8_QRJ7UWOmgcAAA */
2
+ ._52wif30 {
3
+ position: relative;
4
+ display: flex;
5
+ align-items: center;
6
+ user-select: none;
7
+ width: 100%;
8
+ touch-action: none;
9
+ }
10
+ ._52wif31 {
11
+ position: relative;
12
+ display: flex;
13
+ align-items: center;
14
+ width: 100%;
15
+ height: 40px;
16
+ }
17
+ ._52wif32 {
18
+ position: relative;
19
+ width: 100%;
20
+ height: 4px;
21
+ border-radius: var(--md-sys-shape-full);
22
+ background: rgb(var(--md-sys-color-surface-container-highest));
23
+ }
24
+ ._52wif30[data-disabled] ._52wif32 {
25
+ background: rgb(var(--md-sys-color-on-surface) / 0.12);
26
+ }
27
+ ._52wif33 {
28
+ position: absolute;
29
+ height: 4px;
30
+ border-radius: var(--md-sys-shape-full);
31
+ background: rgb(var(--md-sys-color-primary));
32
+ }
33
+ ._52wif30[data-disabled] ._52wif33 {
34
+ background: rgb(var(--md-sys-color-on-surface) / 0.38);
35
+ }
36
+ ._52wif34 {
37
+ position: relative;
38
+ width: 20px;
39
+ height: 20px;
40
+ border-radius: var(--md-sys-shape-full);
41
+ background: rgb(var(--md-sys-color-primary));
42
+ outline: none;
43
+ }
44
+ ._52wif34::before {
45
+ content: "";
46
+ position: absolute;
47
+ left: 50%;
48
+ top: 50%;
49
+ width: 40px;
50
+ height: 40px;
51
+ border-radius: 50%;
52
+ background: rgb(var(--md-sys-color-primary));
53
+ opacity: 0;
54
+ transform: translate(-50%, -50%);
55
+ transition: opacity 100ms var(--md-sys-motion-easing-standard);
56
+ }
57
+ ._52wif34:hover::before {
58
+ opacity: var(--md-sys-state-hover);
59
+ }
60
+ ._52wif34:focus-visible::before {
61
+ opacity: var(--md-sys-state-focus);
62
+ }
63
+ ._52wif34[data-dragging]::before {
64
+ opacity: var(--md-sys-state-pressed);
65
+ }
66
+ ._52wif30[data-disabled] ._52wif34 {
67
+ background: rgb(var(--md-sys-color-on-surface) / 0.38);
68
+ }
69
+ ._52wif35 {
70
+ font-family: var(--md-sys-typescale-label-large-font);
71
+ font-weight: var(--md-sys-typescale-label-large-weight);
72
+ font-size: var(--md-sys-typescale-label-large-size);
73
+ line-height: var(--md-sys-typescale-label-large-line-height);
74
+ letter-spacing: var(--md-sys-typescale-label-large-tracking);
75
+ color: rgb(var(--md-sys-color-on-surface-variant));
76
+ font-variant-numeric: tabular-nums;
77
+ }
78
+ /*# sourceMappingURL=slider.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["vanilla-extract-css-ns:src/slider.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VVf2vcMAz9_z6FKRTuYO7S-wHD_SijDMVRElHHDrJy19vodx_25drmtm7ZaP8JtnhPT0-yyM233fpA9aZQPxZK9SGSUPBGMToQ2uPdQqmKYu_gaFTt8DEFwFHjNQl20SiLXpBTeIjIOqJDK0b54DP5QJW0Rt0WxXW6Shhsq8GeVE6gp8XNWMXtO1RxIdgiNa0YtS36x9dS6z9IvZWiz7pl4ApZM1Q0RKP2wEutu0rHY9SxhR51PTi3ylCwDw2HwVdGcVMuJ1gbXGAdB67BorbBC5BH1i01LUZZrV6XW3ytQEBXFKF0WN2rqY8ZQsGftVbqsypubtcTgc1FP6CMwQ2CH96AnqkDPs60u_lfu5svE4Ht38e_Lk52z-7P9w-zr1QYxJHHXxdja0yJdWDMZae3gl6Murq6e3NoDmsxandeu_75PNrbXtjb_t7eSPpnJz1YkqNRRZZn8LEO3JnT0YHgUu-K608qfVfPmNHHyE4b2MVph7uQIBohkm90FPAVcDWdrWnDHnnSsud6puMSENQZfZGhDnaIek-RSoezM2XWNNP4kBmahnxzPztVzxgjVvO2YvtOW7HLeergRdfQkbssTY49RgsOtYMSnXbATXLtJY8wEw_je5pBPEFfqJG-4yxiAmZa2hbdzld8hT_xUST9tNIgfDMrhTDYB_JN5ueuzui23gMTeFm9mB0j2g8dMlmjBMrBAadAvFs8_QRJ7UWOmgcAAA"],"sourcesContent":["._52wif30 {\n position: relative;\n display: flex;\n align-items: center;\n user-select: none;\n width: 100%;\n touch-action: none;\n}\n._52wif31 {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n height: 40px;\n}\n._52wif32 {\n position: relative;\n width: 100%;\n height: 4px;\n border-radius: var(--md-sys-shape-full);\n background: rgb(var(--md-sys-color-surface-container-highest));\n}\n._52wif30[data-disabled] ._52wif32 {\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n}\n._52wif33 {\n position: absolute;\n height: 4px;\n border-radius: var(--md-sys-shape-full);\n background: rgb(var(--md-sys-color-primary));\n}\n._52wif30[data-disabled] ._52wif33 {\n background: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._52wif34 {\n position: relative;\n width: 20px;\n height: 20px;\n border-radius: var(--md-sys-shape-full);\n background: rgb(var(--md-sys-color-primary));\n outline: none;\n}\n._52wif34::before {\n content: \"\";\n position: absolute;\n left: 50%;\n top: 50%;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: rgb(var(--md-sys-color-primary));\n opacity: 0;\n transform: translate(-50%, -50%);\n transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n._52wif34:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._52wif34:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._52wif34[data-dragging]::before {\n opacity: var(--md-sys-state-pressed);\n}\n._52wif30[data-disabled] ._52wif34 {\n background: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._52wif35 {\n font-family: var(--md-sys-typescale-label-large-font);\n font-weight: var(--md-sys-typescale-label-large-weight);\n font-size: var(--md-sys-typescale-label-large-size);\n line-height: var(--md-sys-typescale-label-large-line-height);\n letter-spacing: var(--md-sys-typescale-label-large-tracking);\n color: rgb(var(--md-sys-color-on-surface-variant));\n font-variant-numeric: tabular-nums;\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,eAAa;AACb,SAAO;AACP,gBAAc;AAChB;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,cAAY,IAAI,IAAI;AACtB;AACA,CAtBC,QAsBQ,CAAC,eAAe,CAPxB;AAQC,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACnD;AACA,CAAC;AACC,YAAU;AACV,UAAQ;AACR,iBAAe,IAAI;AACnB,cAAY,IAAI,IAAI;AACtB;AACA,CA/BC,QA+BQ,CAAC,eAAe,CANxB;AAOC,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACnD;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,cAAY,IAAI,IAAI;AACpB,WAAS;AACX;AACA,CARC,QAQQ;AACP,WAAS;AACT,YAAU;AACV,QAAM;AACN,OAAK;AACL,SAAO;AACP,UAAQ;AACR,iBAAe;AACf,cAAY,IAAI,IAAI;AACpB,WAAS;AACT,aAAW,UAAU,IAAI,EAAE;AAC3B,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CArBC,QAqBQ,MAAM;AACb,WAAS,IAAI;AACf;AACA,CAxBC,QAwBQ,cAAc;AACrB,WAAS,IAAI;AACf;AACA,CA3BC,QA2BQ,CAAC,cAAc;AACtB,WAAS,IAAI;AACf;AACA,CAhEC,QAgEQ,CAAC,eAAe,CA9BxB;AA+BC,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACnD;AACA,CAAC;AACC,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,wBAAsB;AACxB;","names":[]}
@@ -0,0 +1,15 @@
1
+ import * as react from 'react';
2
+ import * as _base_ui_react from '@base-ui/react';
3
+
4
+ declare const Slider: {
5
+ Root: react.ForwardRefExoticComponent<Omit<_base_ui_react.SliderRoot.Props<number | readonly number[]> & {
6
+ ref?: React.Ref<HTMLDivElement> | undefined;
7
+ }, "ref"> & react.RefAttributes<unknown>>;
8
+ Control: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SliderControlProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
9
+ Track: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SliderTrackProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
10
+ Indicator: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SliderIndicatorProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
11
+ Thumb: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SliderThumbProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
12
+ Value: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SliderValueProps, "ref"> & react.RefAttributes<HTMLOutputElement>, "ref"> & react.RefAttributes<unknown>>;
13
+ };
14
+
15
+ export { Slider };
package/dist/slider.js ADDED
@@ -0,0 +1,20 @@
1
+ "use client";
2
+ import './slider.css';
3
+ import { createSlider } from '@m3-baseui/core';
4
+
5
+ // src/slider.ts
6
+
7
+ // src/slider.css.ts
8
+ var control = "_52wif31";
9
+ var indicator = "_52wif33";
10
+ var root = "_52wif30";
11
+ var thumb = "_52wif34";
12
+ var track = "_52wif32";
13
+ var value = "_52wif35";
14
+
15
+ // src/slider.ts
16
+ var Slider = createSlider({ root, control, track, indicator, thumb, value });
17
+
18
+ export { Slider };
19
+ //# sourceMappingURL=slider.js.map
20
+ //# sourceMappingURL=slider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/slider.css.ts","../src/slider.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,OAAA,GAAU,UAAA;AACd,IAAI,SAAA,GAAY,UAAA;AAChB,IAAI,IAAA,GAAO,UAAA;AACX,IAAI,KAAA,GAAQ,UAAA;AACZ,IAAI,KAAA,GAAQ,UAAA;AACZ,IAAI,KAAA,GAAQ,UAAA;;;ACAZ,IAAM,MAAA,GAAS,aAAa,EAAE,IAAA,EAAM,SAAS,KAAA,EAAO,SAAA,EAAW,KAAA,EAAO,KAAA,EAAO","file":"slider.js","sourcesContent":["import 'src/slider.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VVf2vcMAz9_z6FKRTuYO7S-wHD_SijDMVRElHHDrJy19vodx_25drmtm7ZaP8JtnhPT0-yyM233fpA9aZQPxZK9SGSUPBGMToQ2uPdQqmKYu_gaFTt8DEFwFHjNQl20SiLXpBTeIjIOqJDK0b54DP5QJW0Rt0WxXW6Shhsq8GeVE6gp8XNWMXtO1RxIdgiNa0YtS36x9dS6z9IvZWiz7pl4ApZM1Q0RKP2wEutu0rHY9SxhR51PTi3ylCwDw2HwVdGcVMuJ1gbXGAdB67BorbBC5BH1i01LUZZrV6XW3ytQEBXFKF0WN2rqY8ZQsGftVbqsypubtcTgc1FP6CMwQ2CH96AnqkDPs60u_lfu5svE4Ht38e_Lk52z-7P9w-zr1QYxJHHXxdja0yJdWDMZae3gl6Murq6e3NoDmsxandeu_75PNrbXtjb_t7eSPpnJz1YkqNRRZZn8LEO3JnT0YHgUu-K608qfVfPmNHHyE4b2MVph7uQIBohkm90FPAVcDWdrWnDHnnSsud6puMSENQZfZGhDnaIek-RSoezM2XWNNP4kBmahnxzPztVzxgjVvO2YvtOW7HLeergRdfQkbssTY49RgsOtYMSnXbATXLtJY8wEw_je5pBPEFfqJG-4yxiAmZa2hbdzld8hT_xUST9tNIgfDMrhTDYB_JN5ueuzui23gMTeFm9mB0j2g8dMlmjBMrBAadAvFs8_QRJ7UWOmgcAAA';\nexport var control = '_52wif31';\nexport var indicator = '_52wif33';\nexport var root = '_52wif30';\nexport var thumb = '_52wif34';\nexport var track = '_52wif32';\nexport var value = '_52wif35';","/**\n * slider.ts — wires the VE styles into the shared parts factory.\n */\nimport { createSlider } from '@m3-baseui/core';\nimport { root, control, track, indicator, thumb, value } from './slider.css';\n\nexport const Slider = createSlider({ root, control, track, indicator, thumb, value });\n"]}
@@ -0,0 +1,139 @@
1
+ /* vanilla-extract-css-ns:src/snackbar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1W227bOBB9z1cQBQrYQBnIdmNkmcf9iS2KohiJI4lrihTIkWJlsf9ekJJtSZtu5KRAgaJPiThzDjmXM-PbrxvKD8a2CfvnhrHaekXKGsFydUT5cMNYaolsJdhmXx_Dt8acBLtL3ocPcmB8bl0l-n81EP614nfJ-3UwP3FlJB6De_iUytcaOsFyjZEr_OVSOcz6SzOrm8oESwG1YPf9jY9KUilYpczqbp_Uxw8sA52tNknSPjLOdtv6uF4_3Px7c3sKZjMLxqEGUi0--wjQqjBcEVZesAwNoZu_oFKGl6iKkgT7OJyl9si9elKmECy1TqLjqY2WGqRUpuB9pk55O526nuZ-eppqmx3OpwOfA6kaL1gLbsV5JbnvPPcl1MjxSA64r0DrmOkUskPhbGOkYK5IVxNIZrV1XJkWnUfuG5dDhuuIi6YXIdZMUTH2EqR9nD0ONbYQcs41tqh30Tu3hngOldLdzJ26Gn0GGnlqZccrlKqpePC_AB-HvC8A9q4XqFdPuAgYHCNMK4PnSi8Ajvx7PBKh476GLDbGAgpykB2UKdZnPQ1NawMJdWybJJWfMlU25hjBh97Bqi4hhCDXHy6KvAo3Vc9nCQTcEzgKfp46jV-ipIY3CZZ8T_2fVvf18Vk-NPJ_2Eb-22i8YlgEi2Cbk1KHeZGcVbwNqhpdsIsX_G7LhW05ytzHWd1u_7hK4HFevSKRPe76PPa469PY496SxZ7h-STeLdlOysTrX1hSfzeeVN7xzBpCQ2NTlIsvnTKHQQunyHezjdRfJdhm25_bFl2uw2wvlZRo3r6R4nSowaGhC5lgxpoYdNY4H7ZQbdXp9bah_lFnn0WLqnaqAtetF-8dDSlqrsEVeF1fjoFXNeYYeFVnjoGvbM0xxXd6U4gUc-sw9ui5rd69e5i0LKTe6oZiZZTxSEOLjYueNS4U_M9QoIf_7I6h1hxbNOQvdX5uA25e2mSewEhwch5LGVp5EtH5EdMOJiDk0XtOkdus8bxVXqUaF1NF1JwKsqDyxRy1Q-_nu3n_k2bHsFN3w4g4j5I3jYy8-ZmzYvqjdpzjX0gD-7drYP_jNLD_MRrof08Oti-vIfsGusiYofcOAAA */
2
+ ._1tfknov0 {
3
+ position: fixed;
4
+ bottom: 16px;
5
+ left: 50%;
6
+ transform: translateX(-50%);
7
+ z-index: 50;
8
+ display: flex;
9
+ flex-direction: column;
10
+ gap: 8px;
11
+ width: min(560px, calc(100vw - 32px));
12
+ }
13
+ ._1tfknov1 {
14
+ position: relative;
15
+ display: flex;
16
+ align-items: center;
17
+ gap: 8px;
18
+ min-height: 48px;
19
+ box-sizing: border-box;
20
+ padding-left: 16px;
21
+ padding-right: 8px;
22
+ padding-block: 8px;
23
+ border-radius: var(--md-sys-shape-extra-small);
24
+ background: rgb(var(--md-sys-color-inverse-surface));
25
+ color: rgb(var(--md-sys-color-inverse-on-surface));
26
+ box-shadow: var(--md-sys-elevation-level3);
27
+ font-family: var(--md-sys-typescale-body-medium-font);
28
+ font-weight: var(--md-sys-typescale-body-medium-weight);
29
+ font-size: var(--md-sys-typescale-body-medium-size);
30
+ line-height: var(--md-sys-typescale-body-medium-line-height);
31
+ letter-spacing: var(--md-sys-typescale-body-medium-tracking);
32
+ transition: opacity 200ms var(--md-sys-motion-easing-emphasized), transform 200ms var(--md-sys-motion-easing-emphasized);
33
+ }
34
+ ._1tfknov1[data-starting-style] {
35
+ opacity: 0;
36
+ transform: translateY(8px);
37
+ }
38
+ ._1tfknov1[data-ending-style] {
39
+ opacity: 0;
40
+ }
41
+ ._1tfknov2 {
42
+ display: flex;
43
+ flex-direction: column;
44
+ flex: 1;
45
+ min-width: 0;
46
+ gap: 2px;
47
+ }
48
+ ._1tfknov3 {
49
+ font-family: var(--md-sys-typescale-body-medium-font);
50
+ font-weight: var(--md-sys-typescale-body-medium-weight);
51
+ font-size: var(--md-sys-typescale-body-medium-size);
52
+ line-height: var(--md-sys-typescale-body-medium-line-height);
53
+ letter-spacing: var(--md-sys-typescale-body-medium-tracking);
54
+ }
55
+ ._1tfknov4 {
56
+ opacity: 0.9;
57
+ font-family: var(--md-sys-typescale-body-small-font);
58
+ font-weight: var(--md-sys-typescale-body-small-weight);
59
+ font-size: var(--md-sys-typescale-body-small-size);
60
+ line-height: var(--md-sys-typescale-body-small-line-height);
61
+ letter-spacing: var(--md-sys-typescale-body-small-tracking);
62
+ }
63
+ ._1tfknov5 {
64
+ position: relative;
65
+ display: inline-flex;
66
+ align-items: center;
67
+ justify-content: center;
68
+ flex-shrink: 0;
69
+ height: 36px;
70
+ padding-inline: 12px;
71
+ overflow: hidden;
72
+ border-radius: var(--md-sys-shape-extra-small);
73
+ background: transparent;
74
+ border: none;
75
+ cursor: pointer;
76
+ outline: none;
77
+ color: rgb(var(--md-sys-color-inverse-primary));
78
+ font-family: var(--md-sys-typescale-label-large-font);
79
+ font-weight: var(--md-sys-typescale-label-large-weight);
80
+ font-size: var(--md-sys-typescale-label-large-size);
81
+ line-height: var(--md-sys-typescale-label-large-line-height);
82
+ letter-spacing: var(--md-sys-typescale-label-large-tracking);
83
+ }
84
+ ._1tfknov5::before {
85
+ content: "";
86
+ position: absolute;
87
+ inset: 0;
88
+ background: currentColor;
89
+ opacity: 0;
90
+ pointer-events: none;
91
+ transition: opacity 100ms var(--md-sys-motion-easing-standard);
92
+ }
93
+ ._1tfknov5:hover::before {
94
+ opacity: var(--md-sys-state-hover);
95
+ }
96
+ ._1tfknov5:focus-visible::before {
97
+ opacity: var(--md-sys-state-focus);
98
+ }
99
+ ._1tfknov5:active::before {
100
+ opacity: var(--md-sys-state-pressed);
101
+ }
102
+ ._1tfknov6 {
103
+ position: relative;
104
+ display: inline-flex;
105
+ align-items: center;
106
+ justify-content: center;
107
+ flex-shrink: 0;
108
+ width: 32px;
109
+ height: 32px;
110
+ overflow: hidden;
111
+ border-radius: var(--md-sys-shape-full);
112
+ background: transparent;
113
+ border: none;
114
+ cursor: pointer;
115
+ outline: none;
116
+ color: rgb(var(--md-sys-color-inverse-on-surface));
117
+ }
118
+ ._1tfknov6::before {
119
+ content: "";
120
+ position: absolute;
121
+ inset: 0;
122
+ background: currentColor;
123
+ opacity: 0;
124
+ pointer-events: none;
125
+ transition: opacity 100ms var(--md-sys-motion-easing-standard);
126
+ }
127
+ ._1tfknov6:hover::before {
128
+ opacity: var(--md-sys-state-hover);
129
+ }
130
+ ._1tfknov6:focus-visible::before {
131
+ opacity: var(--md-sys-state-focus);
132
+ }
133
+ ._1tfknov6:active::before {
134
+ opacity: var(--md-sys-state-pressed);
135
+ }
136
+ ._1tfknov6[data-pressed]::before {
137
+ opacity: var(--md-sys-state-pressed);
138
+ }
139
+ /*# sourceMappingURL=snackbar.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["vanilla-extract-css-ns:src/snackbar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1W227bOBB9z1cQBQrYQBnIdmNkmcf9iS2KohiJI4lrihTIkWJlsf9ekJJtSZtu5KRAgaJPiThzDjmXM-PbrxvKD8a2CfvnhrHaekXKGsFydUT5cMNYaolsJdhmXx_Dt8acBLtL3ocPcmB8bl0l-n81EP614nfJ-3UwP3FlJB6De_iUytcaOsFyjZEr_OVSOcz6SzOrm8oESwG1YPf9jY9KUilYpczqbp_Uxw8sA52tNknSPjLOdtv6uF4_3Px7c3sKZjMLxqEGUi0--wjQqjBcEVZesAwNoZu_oFKGl6iKkgT7OJyl9si9elKmECy1TqLjqY2WGqRUpuB9pk55O526nuZ-eppqmx3OpwOfA6kaL1gLbsV5JbnvPPcl1MjxSA64r0DrmOkUskPhbGOkYK5IVxNIZrV1XJkWnUfuG5dDhuuIi6YXIdZMUTH2EqR9nD0ONbYQcs41tqh30Tu3hngOldLdzJ26Gn0GGnlqZccrlKqpePC_AB-HvC8A9q4XqFdPuAgYHCNMK4PnSi8Ajvx7PBKh476GLDbGAgpykB2UKdZnPQ1NawMJdWybJJWfMlU25hjBh97Bqi4hhCDXHy6KvAo3Vc9nCQTcEzgKfp46jV-ipIY3CZZ8T_2fVvf18Vk-NPJ_2Eb-22i8YlgEi2Cbk1KHeZGcVbwNqhpdsIsX_G7LhW05ytzHWd1u_7hK4HFevSKRPe76PPa469PY496SxZ7h-STeLdlOysTrX1hSfzeeVN7xzBpCQ2NTlIsvnTKHQQunyHezjdRfJdhm25_bFl2uw2wvlZRo3r6R4nSowaGhC5lgxpoYdNY4H7ZQbdXp9bah_lFnn0WLqnaqAtetF-8dDSlqrsEVeF1fjoFXNeYYeFVnjoGvbM0xxXd6U4gUc-sw9ui5rd69e5i0LKTe6oZiZZTxSEOLjYueNS4U_M9QoIf_7I6h1hxbNOQvdX5uA25e2mSewEhwch5LGVp5EtH5EdMOJiDk0XtOkdus8bxVXqUaF1NF1JwKsqDyxRy1Q-_nu3n_k2bHsFN3w4g4j5I3jYy8-ZmzYvqjdpzjX0gD-7drYP_jNLD_MRrof08Oti-vIfsGusiYofcOAAA"],"sourcesContent":["._1tfknov0 {\n position: fixed;\n bottom: 16px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 50;\n display: flex;\n flex-direction: column;\n gap: 8px;\n width: min(560px, calc(100vw - 32px));\n}\n._1tfknov1 {\n position: relative;\n display: flex;\n align-items: center;\n gap: 8px;\n min-height: 48px;\n box-sizing: border-box;\n padding-left: 16px;\n padding-right: 8px;\n padding-block: 8px;\n border-radius: var(--md-sys-shape-extra-small);\n background: rgb(var(--md-sys-color-inverse-surface));\n color: rgb(var(--md-sys-color-inverse-on-surface));\n box-shadow: var(--md-sys-elevation-level3);\n font-family: var(--md-sys-typescale-body-medium-font);\n font-weight: var(--md-sys-typescale-body-medium-weight);\n font-size: var(--md-sys-typescale-body-medium-size);\n line-height: var(--md-sys-typescale-body-medium-line-height);\n letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n transition: opacity 200ms var(--md-sys-motion-easing-emphasized), transform 200ms var(--md-sys-motion-easing-emphasized);\n}\n._1tfknov1[data-starting-style] {\n opacity: 0;\n transform: translateY(8px);\n}\n._1tfknov1[data-ending-style] {\n opacity: 0;\n}\n._1tfknov2 {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-width: 0;\n gap: 2px;\n}\n._1tfknov3 {\n font-family: var(--md-sys-typescale-body-medium-font);\n font-weight: var(--md-sys-typescale-body-medium-weight);\n font-size: var(--md-sys-typescale-body-medium-size);\n line-height: var(--md-sys-typescale-body-medium-line-height);\n letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n}\n._1tfknov4 {\n opacity: 0.9;\n font-family: var(--md-sys-typescale-body-small-font);\n font-weight: var(--md-sys-typescale-body-small-weight);\n font-size: var(--md-sys-typescale-body-small-size);\n line-height: var(--md-sys-typescale-body-small-line-height);\n letter-spacing: var(--md-sys-typescale-body-small-tracking);\n}\n._1tfknov5 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n height: 36px;\n padding-inline: 12px;\n overflow: hidden;\n border-radius: var(--md-sys-shape-extra-small);\n background: transparent;\n border: none;\n cursor: pointer;\n outline: none;\n color: rgb(var(--md-sys-color-inverse-primary));\n font-family: var(--md-sys-typescale-label-large-font);\n font-weight: var(--md-sys-typescale-label-large-weight);\n font-size: var(--md-sys-typescale-label-large-size);\n line-height: var(--md-sys-typescale-label-large-line-height);\n letter-spacing: var(--md-sys-typescale-label-large-tracking);\n}\n._1tfknov5::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._1tfknov5:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1tfknov5:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._1tfknov5:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1tfknov6 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n overflow: hidden;\n border-radius: var(--md-sys-shape-full);\n background: transparent;\n border: none;\n cursor: pointer;\n outline: none;\n color: rgb(var(--md-sys-color-inverse-on-surface));\n}\n._1tfknov6::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._1tfknov6:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1tfknov6:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._1tfknov6:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1tfknov6[data-pressed]::before {\n opacity: var(--md-sys-state-pressed);\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,UAAQ;AACR,QAAM;AACN,aAAW,WAAW;AACtB,WAAS;AACT,WAAS;AACT,kBAAgB;AAChB,OAAK;AACL,SAAO,IAAI,KAAK,EAAE,KAAK,MAAM,EAAE;AACjC;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,OAAK;AACL,cAAY;AACZ,cAAY;AACZ,gBAAc;AACd,iBAAe;AACf,iBAAe;AACf,iBAAe,IAAI;AACnB,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,cAAY,IAAI;AAChB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,cAAY,QAAQ,MAAM,IAAI,kCAAkC,EAAE,UAAU,MAAM,IAAI;AACxF;AACA,CArBC,SAqBS,CAAC;AACT,WAAS;AACT,aAAW,WAAW;AACxB;AACA,CAzBC,SAyBS,CAAC;AACT,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,QAAM;AACN,aAAW;AACX,OAAK;AACP;AACA,CAAC;AACC,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,WAAS;AACT,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,eAAa;AACb,UAAQ;AACR,kBAAgB;AAChB,YAAU;AACV,iBAAe,IAAI;AACnB,cAAY;AACZ,UAAQ;AACR,UAAQ;AACR,WAAS;AACT,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CArBC,SAqBS;AACR,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CA9BC,SA8BS,MAAM;AACd,WAAS,IAAI;AACf;AACA,CAjCC,SAiCS,cAAc;AACtB,WAAS,IAAI;AACf;AACA,CApCC,SAoCS,OAAO;AACf,WAAS,IAAI;AACf;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,eAAa;AACb,SAAO;AACP,UAAQ;AACR,YAAU;AACV,iBAAe,IAAI;AACnB,cAAY;AACZ,UAAQ;AACR,UAAQ;AACR,WAAS;AACT,SAAO,IAAI,IAAI;AACjB;AACA,CAhBC,SAgBS;AACR,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CAzBC,SAyBS,MAAM;AACd,WAAS,IAAI;AACf;AACA,CA5BC,SA4BS,cAAc;AACtB,WAAS,IAAI;AACf;AACA,CA/BC,SA+BS,OAAO;AACf,WAAS,IAAI;AACf;AACA,CAlCC,SAkCS,CAAC,aAAa;AACtB,WAAS,IAAI;AACf;","names":[]}
@@ -0,0 +1,21 @@
1
+ import * as react from 'react';
2
+ import * as _base_ui_react from '@base-ui/react';
3
+ export { useSnackbar } from '@m3-baseui/core';
4
+
5
+ declare const Snackbar: {
6
+ Provider: react.FC<_base_ui_react.ToastProviderProps>;
7
+ Portal: react.ComponentType<react.HTMLAttributes<HTMLDivElement> & {
8
+ container?: HTMLElement | ShadowRoot | null | React.RefObject<HTMLElement | ShadowRoot | null>;
9
+ keepMounted?: boolean;
10
+ render?: React.ReactElement | ((props: Record<string, unknown>, state: Record<string, unknown>) => React.ReactElement);
11
+ }>;
12
+ Viewport: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ToastViewportProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
13
+ Root: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ToastRootProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
14
+ Content: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ToastContentProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
15
+ Title: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ToastTitleProps, "ref"> & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<unknown>>;
16
+ Description: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ToastDescriptionProps, "ref"> & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<unknown>>;
17
+ Action: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ToastActionProps, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<unknown>>;
18
+ Close: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ToastCloseProps, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<unknown>>;
19
+ };
20
+
21
+ export { Snackbar };
@@ -0,0 +1,28 @@
1
+ "use client";
2
+ import './snackbar.css';
3
+ import { createSnackbar } from '@m3-baseui/core';
4
+ export { useSnackbar } from '@m3-baseui/core';
5
+
6
+ // src/snackbar.ts
7
+
8
+ // src/snackbar.css.ts
9
+ var action = "_1tfknov5";
10
+ var close = "_1tfknov6";
11
+ var content = "_1tfknov2";
12
+ var description = "_1tfknov4";
13
+ var root = "_1tfknov1";
14
+ var title = "_1tfknov3";
15
+ var viewport = "_1tfknov0";
16
+ var Snackbar = createSnackbar({
17
+ viewport,
18
+ root,
19
+ content,
20
+ title,
21
+ description,
22
+ action,
23
+ close
24
+ });
25
+
26
+ export { Snackbar };
27
+ //# sourceMappingURL=snackbar.js.map
28
+ //# sourceMappingURL=snackbar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/snackbar.css.ts","../src/snackbar.ts"],"names":[],"mappings":";;;;;;;;AACO,IAAI,MAAA,GAAS,WAAA;AACb,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,OAAA,GAAU,WAAA;AACd,IAAI,WAAA,GAAc,WAAA;AAClB,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,QAAA,GAAW,WAAA;ACCf,IAAM,WAAW,cAAA,CAAe;AAAA,EACrC,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAC","file":"snackbar.js","sourcesContent":["import 'src/snackbar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1W227bOBB9z1cQBQrYQBnIdmNkmcf9iS2KohiJI4lrihTIkWJlsf9ekJJtSZtu5KRAgaJPiThzDjmXM-PbrxvKD8a2CfvnhrHaekXKGsFydUT5cMNYaolsJdhmXx_Dt8acBLtL3ocPcmB8bl0l-n81EP614nfJ-3UwP3FlJB6De_iUytcaOsFyjZEr_OVSOcz6SzOrm8oESwG1YPf9jY9KUilYpczqbp_Uxw8sA52tNknSPjLOdtv6uF4_3Px7c3sKZjMLxqEGUi0--wjQqjBcEVZesAwNoZu_oFKGl6iKkgT7OJyl9si9elKmECy1TqLjqY2WGqRUpuB9pk55O526nuZ-eppqmx3OpwOfA6kaL1gLbsV5JbnvPPcl1MjxSA64r0DrmOkUskPhbGOkYK5IVxNIZrV1XJkWnUfuG5dDhuuIi6YXIdZMUTH2EqR9nD0ONbYQcs41tqh30Tu3hngOldLdzJ26Gn0GGnlqZccrlKqpePC_AB-HvC8A9q4XqFdPuAgYHCNMK4PnSi8Ajvx7PBKh476GLDbGAgpykB2UKdZnPQ1NawMJdWybJJWfMlU25hjBh97Bqi4hhCDXHy6KvAo3Vc9nCQTcEzgKfp46jV-ipIY3CZZ8T_2fVvf18Vk-NPJ_2Eb-22i8YlgEi2Cbk1KHeZGcVbwNqhpdsIsX_G7LhW05ytzHWd1u_7hK4HFevSKRPe76PPa469PY496SxZ7h-STeLdlOysTrX1hSfzeeVN7xzBpCQ2NTlIsvnTKHQQunyHezjdRfJdhm25_bFl2uw2wvlZRo3r6R4nSowaGhC5lgxpoYdNY4H7ZQbdXp9bah_lFnn0WLqnaqAtetF-8dDSlqrsEVeF1fjoFXNeYYeFVnjoGvbM0xxXd6U4gUc-sw9ui5rd69e5i0LKTe6oZiZZTxSEOLjYueNS4U_M9QoIf_7I6h1hxbNOQvdX5uA25e2mSewEhwch5LGVp5EtH5EdMOJiDk0XtOkdus8bxVXqUaF1NF1JwKsqDyxRy1Q-_nu3n_k2bHsFN3w4g4j5I3jYy8-ZmzYvqjdpzjX0gD-7drYP_jNLD_MRrof08Oti-vIfsGusiYofcOAAA';\nexport var action = '_1tfknov5';\nexport var close = '_1tfknov6';\nexport var content = '_1tfknov2';\nexport var description = '_1tfknov4';\nexport var root = '_1tfknov1';\nexport var title = '_1tfknov3';\nexport var viewport = '_1tfknov0';","/**\n * snackbar.ts — wires the VE styles into the shared Snackbar factory.\n */\nimport { createSnackbar } from '@m3-baseui/core';\nimport * as s from './snackbar.css';\n\nexport { useSnackbar } from '@m3-baseui/core';\n\nexport const Snackbar = createSnackbar({\n viewport: s.viewport,\n root: s.root,\n content: s.content,\n title: s.title,\n description: s.description,\n action: s.action,\n close: s.close,\n});\n"]}