@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.
- package/dist/badge.css +32 -0
- package/dist/badge.css.map +1 -0
- package/dist/badge.d.ts +7 -0
- package/dist/badge.js +16 -0
- package/dist/badge.js.map +1 -0
- package/dist/button.css +171 -0
- package/dist/button.css.map +1 -0
- package/dist/button.d.ts +10 -0
- package/dist/button.js +14 -0
- package/dist/button.js.map +1 -0
- package/dist/card.css +66 -0
- package/dist/card.css.map +1 -0
- package/dist/card.d.ts +7 -0
- package/dist/card.js +16 -0
- package/dist/card.js.map +1 -0
- package/dist/checkbox.css +122 -0
- package/dist/checkbox.css.map +1 -0
- package/dist/checkbox.d.ts +8 -0
- package/dist/checkbox.js +17 -0
- package/dist/checkbox.js.map +1 -0
- package/dist/chip.css +153 -0
- package/dist/chip.css.map +1 -0
- package/dist/chip.d.ts +7 -0
- package/dist/chip.js +22 -0
- package/dist/chip.js.map +1 -0
- package/dist/dialog.css +60 -0
- package/dist/dialog.css.map +1 -0
- package/dist/dialog.d.ts +15 -0
- package/dist/dialog.js +19 -0
- package/dist/dialog.js.map +1 -0
- package/dist/divider.css +28 -0
- package/dist/divider.css.map +1 -0
- package/dist/divider.d.ts +10 -0
- package/dist/divider.js +14 -0
- package/dist/divider.js.map +1 -0
- package/dist/fab.css +109 -0
- package/dist/fab.css.map +1 -0
- package/dist/fab.d.ts +10 -0
- package/dist/fab.js +14 -0
- package/dist/fab.js.map +1 -0
- package/dist/icon-button.css +209 -0
- package/dist/icon-button.css.map +1 -0
- package/dist/icon-button.d.ts +10 -0
- package/dist/icon-button.js +16 -0
- package/dist/icon-button.js.map +1 -0
- package/dist/index.css +2714 -0
- package/dist/index.css.map +1 -0
- package/dist/index.d.ts +27 -0
- package/dist/index.js +318 -0
- package/dist/index.js.map +1 -0
- package/dist/item.css +72 -0
- package/dist/item.css.map +1 -0
- package/dist/item.d.ts +7 -0
- package/dist/item.js +29 -0
- package/dist/item.js.map +1 -0
- package/dist/list.css +128 -0
- package/dist/list.css.map +1 -0
- package/dist/list.d.ts +10 -0
- package/dist/list.js +31 -0
- package/dist/list.js.map +1 -0
- package/dist/menu.css +262 -0
- package/dist/menu.css.map +1 -0
- package/dist/menu.d.ts +24 -0
- package/dist/menu.js +31 -0
- package/dist/menu.js.map +1 -0
- package/dist/navigation-bar.css +92 -0
- package/dist/navigation-bar.css.map +1 -0
- package/dist/navigation-bar.d.ts +12 -0
- package/dist/navigation-bar.js +27 -0
- package/dist/navigation-bar.js.map +1 -0
- package/dist/navigation-drawer.css +112 -0
- package/dist/navigation-drawer.css.map +1 -0
- package/dist/navigation-drawer.d.ts +13 -0
- package/dist/navigation-drawer.js +26 -0
- package/dist/navigation-drawer.js.map +1 -0
- package/dist/progress.css +68 -0
- package/dist/progress.css.map +1 -0
- package/dist/progress.d.ts +10 -0
- package/dist/progress.js +23 -0
- package/dist/progress.js.map +1 -0
- package/dist/radio.css +98 -0
- package/dist/radio.css.map +1 -0
- package/dist/radio.d.ts +9 -0
- package/dist/radio.js +18 -0
- package/dist/radio.js.map +1 -0
- package/dist/segmented-button.css +101 -0
- package/dist/segmented-button.css.map +1 -0
- package/dist/segmented-button.d.ts +12 -0
- package/dist/segmented-button.js +25 -0
- package/dist/segmented-button.js.map +1 -0
- package/dist/select.css +181 -0
- package/dist/select.css.map +1 -0
- package/dist/select.d.ts +22 -0
- package/dist/select.js +33 -0
- package/dist/select.js.map +1 -0
- package/dist/slider.css +78 -0
- package/dist/slider.css.map +1 -0
- package/dist/slider.d.ts +15 -0
- package/dist/slider.js +20 -0
- package/dist/slider.js.map +1 -0
- package/dist/snackbar.css +139 -0
- package/dist/snackbar.css.map +1 -0
- package/dist/snackbar.d.ts +21 -0
- package/dist/snackbar.js +28 -0
- package/dist/snackbar.js.map +1 -0
- package/dist/switch.css +139 -0
- package/dist/switch.css.map +1 -0
- package/dist/switch.d.ts +9 -0
- package/dist/switch.js +18 -0
- package/dist/switch.js.map +1 -0
- package/dist/tabs.css +108 -0
- package/dist/tabs.css.map +1 -0
- package/dist/tabs.d.ts +20 -0
- package/dist/tabs.js +24 -0
- package/dist/tabs.js.map +1 -0
- package/dist/textfield.css +160 -0
- package/dist/textfield.css.map +1 -0
- package/dist/textfield.d.ts +7 -0
- package/dist/textfield.js +37 -0
- package/dist/textfield.js.map +1 -0
- package/dist/tooltip.css +26 -0
- package/dist/tooltip.css.map +1 -0
- package/dist/tooltip.d.ts +14 -0
- package/dist/tooltip.js +16 -0
- package/dist/tooltip.js.map +1 -0
- package/package.json +167 -0
package/dist/select.css
ADDED
|
@@ -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":[]}
|
package/dist/select.d.ts
ADDED
|
@@ -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"]}
|
package/dist/slider.css
ADDED
|
@@ -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":[]}
|
package/dist/slider.d.ts
ADDED
|
@@ -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 };
|
package/dist/snackbar.js
ADDED
|
@@ -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"]}
|