@m3-baseui/react-vanilla-extract 1.1.0 → 1.3.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 (67) hide show
  1. package/dist/button-group.css +23 -0
  2. package/dist/button-group.css.map +1 -0
  3. package/dist/button-group.d.ts +10 -0
  4. package/dist/button-group.js +18 -0
  5. package/dist/button-group.js.map +1 -0
  6. package/dist/carousel.css +41 -0
  7. package/dist/carousel.css.map +1 -0
  8. package/dist/carousel.d.ts +12 -0
  9. package/dist/carousel.js +18 -0
  10. package/dist/carousel.js.map +1 -0
  11. package/dist/checkbox.css +4 -1
  12. package/dist/checkbox.css.map +1 -1
  13. package/dist/checkbox.js.map +1 -1
  14. package/dist/chip.css +37 -3
  15. package/dist/chip.css.map +1 -1
  16. package/dist/chip.js +4 -2
  17. package/dist/chip.js.map +1 -1
  18. package/dist/date-picker.css +370 -0
  19. package/dist/date-picker.css.map +1 -0
  20. package/dist/date-picker.d.ts +9 -0
  21. package/dist/date-picker.js +53 -0
  22. package/dist/date-picker.js.map +1 -0
  23. package/dist/icon-button.css +1 -2
  24. package/dist/icon-button.css.map +1 -1
  25. package/dist/icon-button.js.map +1 -1
  26. package/dist/index.css +1694 -406
  27. package/dist/index.css.map +1 -1
  28. package/dist/index.d.ts +9 -1
  29. package/dist/index.js +219 -50
  30. package/dist/index.js.map +1 -1
  31. package/dist/loading-indicator.css +35 -0
  32. package/dist/loading-indicator.css.map +1 -0
  33. package/dist/loading-indicator.d.ts +7 -0
  34. package/dist/loading-indicator.js +20 -0
  35. package/dist/loading-indicator.js.map +1 -0
  36. package/dist/radio.css +7 -9
  37. package/dist/radio.css.map +1 -1
  38. package/dist/radio.js.map +1 -1
  39. package/dist/search.css +198 -0
  40. package/dist/search.css.map +1 -0
  41. package/dist/search.d.ts +29 -0
  42. package/dist/search.js +37 -0
  43. package/dist/search.js.map +1 -0
  44. package/dist/slider.css +40 -1
  45. package/dist/slider.css.map +1 -1
  46. package/dist/slider.d.ts +9 -6
  47. package/dist/slider.js +14 -1
  48. package/dist/slider.js.map +1 -1
  49. package/dist/split-button.css +329 -0
  50. package/dist/split-button.css.map +1 -0
  51. package/dist/split-button.d.ts +16 -0
  52. package/dist/split-button.js +26 -0
  53. package/dist/split-button.js.map +1 -0
  54. package/dist/switch.css +2 -2
  55. package/dist/switch.css.map +1 -1
  56. package/dist/switch.js.map +1 -1
  57. package/dist/time-picker.css +182 -0
  58. package/dist/time-picker.css.map +1 -0
  59. package/dist/time-picker.d.ts +9 -0
  60. package/dist/time-picker.js +41 -0
  61. package/dist/time-picker.js.map +1 -0
  62. package/dist/toolbar.css +37 -0
  63. package/dist/toolbar.css.map +1 -0
  64. package/dist/toolbar.d.ts +7 -0
  65. package/dist/toolbar.js +16 -0
  66. package/dist/toolbar.js.map +1 -0
  67. package/package.json +41 -1
@@ -0,0 +1,198 @@
1
+ /* vanilla-extract-css-ns:src/search.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1X227jNhB9z1cQAQrEwDKVL_F6FbQv_YwiDyNxJLGhSIGklKhF_70gRVmS1_ZadrNYFH0yTM0ZjmbOnBk9Jru2rDEif90RwripBLQxyQS-P98RAoLnknKLpYlJitKidsc5VDHZVN6kQJ4XNiZP2-5_ySV948wWMVlvo3AG7_3ZMop-ckcVMMZlTgVmNibLAO5Pdedz150mkL7mWtWSxUTnyUMD-oHSklHTGpoqoTQ1tc4gRZoqaYFL1LTgebFYOLi3OIlUsgd31onSDDXVwHhtYjJBmAIqpFkthDe1GqThlisZk0S9u8dMvZHlU1SaKbBUzooiGPd2xoJkoNni-e7vu8dQgDhTaW3oG7cFl74ag8uDMFBgA96hwAbFcuxnOS0kl4JLpH093S81hebyNSbRmQr_URvLs9bnE6UdP7o0nbQBzUHaxTS8X4lpch9kYMTqgEjd_z1i5W1d4DFZHhAsGuN6Zo3Z4itUgUZph9oGnKqty01MpJI4nyeZkpZmUHLRHpTHthWaFATSRLGWCtA5Umc-4N5CzN_GdZYD0vA_8RKcs_MoX__i4vtG5h0crUVNTQUpl_klHqyG9JXLfFz2VRxXAlIslGCofUVvotHau6hU330aBVje-DJ-JPcD7zbRlLL9_xnaoRrUmXCtXXDGUF7bWYSktTYOVineh3lA7SFtcZxgpjSGCoT3u79_nmQTEqNEbX02uTRoQ77GnZXW2nXVby40f6UjiG2DZYiFYoPSmqHFxooZEK5v58vlOi5cBifvsw9hmncLFqm3njro9LbhhicCL3bkUVNHkDrqXeyh0mgMTt9mtipuxrbdJSDTQulOGhfnJnHvsuTy4fOqKT6RzS6q3ie0pG1MoLZqPJQTodLXH3Uoe-0JtpeNzfUwwzOlS6o0z7nsMYfni6Mj4yifLx7_n4bbr1saNr8zsOAeadvZtAJfpgyMJm8ZE6_XD9Hjl6cjnlCyM3721k_doxMqs71EnHPNmV8lNWfUYlkJ1xupEnUpTUd3ssz0vg_ObaL99ni4ivbE7QbBYHdUe79W0dq4wYcCUztU_P-t4fttDdv_zLja3jqutl1_Ov0ULsvIXm521lF7jqcjo2v7L4y_EA_jBhKB7GXWfrggP5Pocb1bnC7kyYuOBx1NtCzkSij7y71B0GlBBYLTlfuXs99aNy2437h37rrw-WykH_cN2Ime37G48MntFfckGckk5DE0rGoj7K6bNCdk_mBvWa6qq-syQ7hLZLwur1DuAJwv3QE4X7sD8BbxDi6OqfcXX5wSdM7lwe64_2QffzYdUe1TNepm8NHGgTmU2H00IwQkKKgpQYh5jBgDZzFiDJzFiDHwSkaMXYwZ8Q-qYf1TZBQAAA */
2
+ .b8ymue0 {
3
+ display: flex;
4
+ align-items: center;
5
+ gap: 4px;
6
+ height: 56px;
7
+ min-width: 360px;
8
+ max-width: 100%;
9
+ padding-left: 16px;
10
+ padding-right: 8px;
11
+ background: rgb(var(--md-sys-color-surface-container-high));
12
+ color: rgb(var(--md-sys-color-on-surface));
13
+ border-radius: var(--md-sys-shape-full);
14
+ transition: box-shadow 150ms var(--md-sys-motion-easing-standard);
15
+ }
16
+ .b8ymue0:focus-within {
17
+ box-shadow: var(--md-sys-elevation-level1);
18
+ }
19
+ .b8ymue1 {
20
+ display: inline-flex;
21
+ flex-shrink: 0;
22
+ align-items: center;
23
+ justify-content: center;
24
+ color: rgb(var(--md-sys-color-on-surface-variant));
25
+ }
26
+ .b8ymue1 > svg {
27
+ width: 24px;
28
+ height: 24px;
29
+ }
30
+ .b8ymue2 {
31
+ flex: 1;
32
+ min-width: 0;
33
+ height: 100%;
34
+ background: transparent;
35
+ border: 0;
36
+ outline: none;
37
+ color: rgb(var(--md-sys-color-on-surface));
38
+ font-family: var(--md-sys-typescale-body-large-font);
39
+ font-weight: var(--md-sys-typescale-body-large-weight);
40
+ font-size: var(--md-sys-typescale-body-large-size);
41
+ line-height: var(--md-sys-typescale-body-large-line-height);
42
+ letter-spacing: var(--md-sys-typescale-body-large-tracking);
43
+ }
44
+ .b8ymue2::placeholder {
45
+ color: rgb(var(--md-sys-color-on-surface-variant));
46
+ }
47
+ .b8ymue3 {
48
+ position: relative;
49
+ display: inline-flex;
50
+ flex-shrink: 0;
51
+ align-items: center;
52
+ justify-content: center;
53
+ width: 40px;
54
+ height: 40px;
55
+ border-radius: var(--md-sys-shape-full);
56
+ overflow: hidden;
57
+ color: rgb(var(--md-sys-color-on-surface-variant));
58
+ cursor: pointer;
59
+ outline: none;
60
+ }
61
+ .b8ymue3::before {
62
+ content: "";
63
+ position: absolute;
64
+ inset: 0;
65
+ background: currentColor;
66
+ opacity: 0;
67
+ pointer-events: none;
68
+ transition: opacity 100ms var(--md-sys-motion-easing-standard);
69
+ }
70
+ .b8ymue3:hover::before {
71
+ opacity: var(--md-sys-state-hover);
72
+ }
73
+ .b8ymue3:focus-visible::before {
74
+ opacity: var(--md-sys-state-focus);
75
+ }
76
+ .b8ymue3:active::before {
77
+ opacity: var(--md-sys-state-pressed);
78
+ }
79
+ .b8ymue3 > svg {
80
+ width: 24px;
81
+ height: 24px;
82
+ }
83
+ .b8ymue4 {
84
+ width: var(--anchor-width);
85
+ min-width: 360px;
86
+ max-height: min(72vh, 480px);
87
+ overflow-y: auto;
88
+ padding-block: 8px;
89
+ background: rgb(var(--md-sys-color-surface-container-high));
90
+ color: rgb(var(--md-sys-color-on-surface));
91
+ border-radius: var(--md-sys-shape-large);
92
+ box-shadow: var(--md-sys-elevation-level3);
93
+ transform-origin: var(--transform-origin);
94
+ outline: none;
95
+ transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);
96
+ }
97
+ .b8ymue4[data-starting-style] {
98
+ opacity: 0;
99
+ transform: scale(0.95);
100
+ }
101
+ .b8ymue4[data-ending-style] {
102
+ opacity: 0;
103
+ }
104
+ .b8ymue5 {
105
+ outline: none;
106
+ }
107
+ .b8ymue6 {
108
+ position: relative;
109
+ display: grid;
110
+ grid-template-columns: 24px 1fr 24px;
111
+ align-items: center;
112
+ gap: 16px;
113
+ height: 56px;
114
+ padding-inline: 16px;
115
+ overflow: hidden;
116
+ cursor: pointer;
117
+ user-select: none;
118
+ outline: none;
119
+ color: rgb(var(--md-sys-color-on-surface));
120
+ font-family: var(--md-sys-typescale-body-large-font);
121
+ font-weight: var(--md-sys-typescale-body-large-weight);
122
+ font-size: var(--md-sys-typescale-body-large-size);
123
+ line-height: var(--md-sys-typescale-body-large-line-height);
124
+ letter-spacing: var(--md-sys-typescale-body-large-tracking);
125
+ }
126
+ .b8ymue6::before {
127
+ content: "";
128
+ position: absolute;
129
+ inset: 0;
130
+ background: currentColor;
131
+ opacity: 0;
132
+ pointer-events: none;
133
+ transition: opacity 100ms var(--md-sys-motion-easing-standard);
134
+ }
135
+ .b8ymue6:hover::before {
136
+ opacity: var(--md-sys-state-hover);
137
+ }
138
+ .b8ymue6[data-highlighted]::before {
139
+ opacity: var(--md-sys-state-hover);
140
+ }
141
+ .b8ymue6[data-selected]::before {
142
+ opacity: var(--md-sys-state-pressed);
143
+ }
144
+ .b8ymue6:active::before {
145
+ opacity: var(--md-sys-state-pressed);
146
+ }
147
+ .b8ymue6[data-disabled] {
148
+ color: rgb(var(--md-sys-color-on-surface) / 0.38);
149
+ pointer-events: none;
150
+ }
151
+ .b8ymue6[data-disabled]::before {
152
+ opacity: 0;
153
+ }
154
+ .b8ymue6 [data-slot=search-leading] {
155
+ display: inline-flex;
156
+ color: rgb(var(--md-sys-color-on-surface-variant));
157
+ }
158
+ .b8ymue6 [data-slot=search-leading] > svg {
159
+ width: 24px;
160
+ height: 24px;
161
+ }
162
+ .b8ymue7 {
163
+ display: inline-flex;
164
+ align-items: center;
165
+ justify-content: center;
166
+ color: rgb(var(--md-sys-color-on-surface));
167
+ visibility: hidden;
168
+ }
169
+ .b8ymue6[data-selected] .b8ymue7 {
170
+ visibility: visible;
171
+ }
172
+ .b8ymue8 {
173
+ padding-inline: 16px;
174
+ padding-block: 12px;
175
+ color: rgb(var(--md-sys-color-on-surface-variant));
176
+ font-family: var(--md-sys-typescale-body-medium-font);
177
+ font-weight: var(--md-sys-typescale-body-medium-weight);
178
+ font-size: var(--md-sys-typescale-body-medium-size);
179
+ line-height: var(--md-sys-typescale-body-medium-line-height);
180
+ letter-spacing: var(--md-sys-typescale-body-medium-tracking);
181
+ }
182
+ .b8ymue9 {
183
+ margin-block: 8px;
184
+ height: 1px;
185
+ border: 0;
186
+ background: rgb(var(--md-sys-color-outline-variant));
187
+ }
188
+ .b8ymuea {
189
+ padding-inline: 16px;
190
+ padding-block: 8px;
191
+ color: rgb(var(--md-sys-color-on-surface-variant));
192
+ font-family: var(--md-sys-typescale-label-small-font);
193
+ font-weight: var(--md-sys-typescale-label-small-weight);
194
+ font-size: var(--md-sys-typescale-label-small-size);
195
+ line-height: var(--md-sys-typescale-label-small-line-height);
196
+ letter-spacing: var(--md-sys-typescale-label-small-tracking);
197
+ }
198
+ /*# sourceMappingURL=search.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["vanilla-extract-css-ns:src/search.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1X227jNhB9z1cQAQrEwDKVL_F6FbQv_YwiDyNxJLGhSIGklKhF_70gRVmS1_ZadrNYFH0yTM0ZjmbOnBk9Jru2rDEif90RwripBLQxyQS-P98RAoLnknKLpYlJitKidsc5VDHZVN6kQJ4XNiZP2-5_ySV948wWMVlvo3AG7_3ZMop-ckcVMMZlTgVmNibLAO5Pdedz150mkL7mWtWSxUTnyUMD-oHSklHTGpoqoTQ1tc4gRZoqaYFL1LTgebFYOLi3OIlUsgd31onSDDXVwHhtYjJBmAIqpFkthDe1GqThlisZk0S9u8dMvZHlU1SaKbBUzooiGPd2xoJkoNni-e7vu8dQgDhTaW3oG7cFl74ag8uDMFBgA96hwAbFcuxnOS0kl4JLpH093S81hebyNSbRmQr_URvLs9bnE6UdP7o0nbQBzUHaxTS8X4lpch9kYMTqgEjd_z1i5W1d4DFZHhAsGuN6Zo3Z4itUgUZph9oGnKqty01MpJI4nyeZkpZmUHLRHpTHthWaFATSRLGWCtA5Umc-4N5CzN_GdZYD0vA_8RKcs_MoX__i4vtG5h0crUVNTQUpl_klHqyG9JXLfFz2VRxXAlIslGCofUVvotHau6hU330aBVje-DJ-JPcD7zbRlLL9_xnaoRrUmXCtXXDGUF7bWYSktTYOVineh3lA7SFtcZxgpjSGCoT3u79_nmQTEqNEbX02uTRoQ77GnZXW2nXVby40f6UjiG2DZYiFYoPSmqHFxooZEK5v58vlOi5cBifvsw9hmncLFqm3njro9LbhhicCL3bkUVNHkDrqXeyh0mgMTt9mtipuxrbdJSDTQulOGhfnJnHvsuTy4fOqKT6RzS6q3ie0pG1MoLZqPJQTodLXH3Uoe-0JtpeNzfUwwzOlS6o0z7nsMYfni6Mj4yifLx7_n4bbr1saNr8zsOAeadvZtAJfpgyMJm8ZE6_XD9Hjl6cjnlCyM3721k_doxMqs71EnHPNmV8lNWfUYlkJ1xupEnUpTUd3ssz0vg_ObaL99ni4ivbE7QbBYHdUe79W0dq4wYcCUztU_P-t4fttDdv_zLja3jqutl1_Ov0ULsvIXm521lF7jqcjo2v7L4y_EA_jBhKB7GXWfrggP5Pocb1bnC7kyYuOBx1NtCzkSij7y71B0GlBBYLTlfuXs99aNy2437h37rrw-WykH_cN2Ime37G48MntFfckGckk5DE0rGoj7K6bNCdk_mBvWa6qq-syQ7hLZLwur1DuAJwv3QE4X7sD8BbxDi6OqfcXX5wSdM7lwe64_2QffzYdUe1TNepm8NHGgTmU2H00IwQkKKgpQYh5jBgDZzFiDJzFiDHwSkaMXYwZ8Q-qYf1TZBQAAA"],"sourcesContent":[".b8ymue0 {\n display: flex;\n align-items: center;\n gap: 4px;\n height: 56px;\n min-width: 360px;\n max-width: 100%;\n padding-left: 16px;\n padding-right: 8px;\n background: rgb(var(--md-sys-color-surface-container-high));\n color: rgb(var(--md-sys-color-on-surface));\n border-radius: var(--md-sys-shape-full);\n transition: box-shadow 150ms var(--md-sys-motion-easing-standard);\n}\n.b8ymue0:focus-within {\n box-shadow: var(--md-sys-elevation-level1);\n}\n.b8ymue1 {\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n color: rgb(var(--md-sys-color-on-surface-variant));\n}\n.b8ymue1 > svg {\n width: 24px;\n height: 24px;\n}\n.b8ymue2 {\n flex: 1;\n min-width: 0;\n height: 100%;\n background: transparent;\n border: 0;\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.b8ymue2::placeholder {\n color: rgb(var(--md-sys-color-on-surface-variant));\n}\n.b8ymue3 {\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n border-radius: var(--md-sys-shape-full);\n overflow: hidden;\n color: rgb(var(--md-sys-color-on-surface-variant));\n cursor: pointer;\n outline: none;\n}\n.b8ymue3::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.b8ymue3:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n.b8ymue3:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n.b8ymue3:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n.b8ymue3 > svg {\n width: 24px;\n height: 24px;\n}\n.b8ymue4 {\n width: var(--anchor-width);\n min-width: 360px;\n max-height: min(72vh, 480px);\n overflow-y: auto;\n padding-block: 8px;\n background: rgb(var(--md-sys-color-surface-container-high));\n color: rgb(var(--md-sys-color-on-surface));\n border-radius: var(--md-sys-shape-large);\n box-shadow: var(--md-sys-elevation-level3);\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.b8ymue4[data-starting-style] {\n opacity: 0;\n transform: scale(0.95);\n}\n.b8ymue4[data-ending-style] {\n opacity: 0;\n}\n.b8ymue5 {\n outline: none;\n}\n.b8ymue6 {\n position: relative;\n display: grid;\n grid-template-columns: 24px 1fr 24px;\n align-items: center;\n gap: 16px;\n height: 56px;\n padding-inline: 16px;\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.b8ymue6::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.b8ymue6:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n.b8ymue6[data-highlighted]::before {\n opacity: var(--md-sys-state-hover);\n}\n.b8ymue6[data-selected]::before {\n opacity: var(--md-sys-state-pressed);\n}\n.b8ymue6:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n.b8ymue6[data-disabled] {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n pointer-events: none;\n}\n.b8ymue6[data-disabled]::before {\n opacity: 0;\n}\n.b8ymue6 [data-slot=\"search-leading\"] {\n display: inline-flex;\n color: rgb(var(--md-sys-color-on-surface-variant));\n}\n.b8ymue6 [data-slot=\"search-leading\"] > svg {\n width: 24px;\n height: 24px;\n}\n.b8ymue7 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: rgb(var(--md-sys-color-on-surface));\n visibility: hidden;\n}\n.b8ymue6[data-selected] .b8ymue7 {\n visibility: visible;\n}\n.b8ymue8 {\n padding-inline: 16px;\n padding-block: 12px;\n color: rgb(var(--md-sys-color-on-surface-variant));\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.b8ymue9 {\n margin-block: 8px;\n height: 1px;\n border: 0;\n background: rgb(var(--md-sys-color-outline-variant));\n}\n.b8ymuea {\n padding-inline: 16px;\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,29 @@
1
+ import * as react from 'react';
2
+ import * as _base_ui_react from '@base-ui/react';
3
+
4
+ declare const Search: {
5
+ Root: typeof _base_ui_react.ComboboxRoot;
6
+ Value: typeof _base_ui_react.ComboboxValue;
7
+ Label: react.ForwardRefExoticComponent<Omit<_base_ui_react.ComboboxLabelProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
8
+ Bar: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ComboboxInputGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
9
+ Input: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteInputProps, "ref"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<unknown>>;
10
+ Trigger: react.ForwardRefExoticComponent<Omit<_base_ui_react.ComboboxTriggerProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
11
+ Icon: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteIconProps, "ref"> & react.RefAttributes<HTMLSpanElement>, "ref"> & react.RefAttributes<unknown>>;
12
+ Clear: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteClearProps, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<unknown>>;
13
+ Portal: react.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompletePortalProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
14
+ Positioner: react.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompletePositionerProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
15
+ Popup: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompletePopupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
16
+ List: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteListProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
17
+ Item: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ComboboxItemProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
18
+ ItemIndicator: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ComboboxItemIndicatorProps, "ref"> & react.RefAttributes<HTMLSpanElement>, "ref"> & react.RefAttributes<unknown>>;
19
+ Empty: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteEmptyProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
20
+ Group: react.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompleteGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
21
+ GroupLabel: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteGroupLabelProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
22
+ Separator: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SeparatorProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
23
+ Status: react.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompleteStatusProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
24
+ Collection: typeof _base_ui_react.ComboboxCollection;
25
+ SearchGlyph: () => React.JSX.Element;
26
+ Check: () => React.JSX.Element;
27
+ };
28
+
29
+ export { Search };
package/dist/search.js ADDED
@@ -0,0 +1,37 @@
1
+ "use client";
2
+ import './search.css';
3
+ import { createSearch } from '@m3-baseui/core';
4
+
5
+ // src/search.ts
6
+
7
+ // src/search.css.ts
8
+ var bar = "b8ymue0";
9
+ var clear = "b8ymue3";
10
+ var empty = "b8ymue8";
11
+ var groupLabel = "b8ymuea";
12
+ var icon = "b8ymue1";
13
+ var input = "b8ymue2";
14
+ var item = "b8ymue6";
15
+ var itemIndicator = "b8ymue7";
16
+ var list = "b8ymue5";
17
+ var popup = "b8ymue4";
18
+ var separator = "b8ymue9";
19
+
20
+ // src/search.ts
21
+ var Search = createSearch({
22
+ bar,
23
+ icon,
24
+ input,
25
+ clear,
26
+ popup,
27
+ list,
28
+ item,
29
+ itemIndicator,
30
+ empty,
31
+ separator,
32
+ groupLabel
33
+ });
34
+
35
+ export { Search };
36
+ //# sourceMappingURL=search.js.map
37
+ //# sourceMappingURL=search.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/search.css.ts","../src/search.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,GAAA,GAAM,SAAA;AACV,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,UAAA,GAAa,SAAA;AACjB,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,aAAA,GAAgB,SAAA;AACpB,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,SAAA,GAAY,SAAA;;;ACOhB,IAAM,SAAS,YAAA,CAAa;AAAA,EACjC,GAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,aAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAC","file":"search.js","sourcesContent":["import 'src/search.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1X227jNhB9z1cQAQrEwDKVL_F6FbQv_YwiDyNxJLGhSIGklKhF_70gRVmS1_ZadrNYFH0yTM0ZjmbOnBk9Jru2rDEif90RwripBLQxyQS-P98RAoLnknKLpYlJitKidsc5VDHZVN6kQJ4XNiZP2-5_ySV948wWMVlvo3AG7_3ZMop-ckcVMMZlTgVmNibLAO5Pdedz150mkL7mWtWSxUTnyUMD-oHSklHTGpoqoTQ1tc4gRZoqaYFL1LTgebFYOLi3OIlUsgd31onSDDXVwHhtYjJBmAIqpFkthDe1GqThlisZk0S9u8dMvZHlU1SaKbBUzooiGPd2xoJkoNni-e7vu8dQgDhTaW3oG7cFl74ag8uDMFBgA96hwAbFcuxnOS0kl4JLpH093S81hebyNSbRmQr_URvLs9bnE6UdP7o0nbQBzUHaxTS8X4lpch9kYMTqgEjd_z1i5W1d4DFZHhAsGuN6Zo3Z4itUgUZph9oGnKqty01MpJI4nyeZkpZmUHLRHpTHthWaFATSRLGWCtA5Umc-4N5CzN_GdZYD0vA_8RKcs_MoX__i4vtG5h0crUVNTQUpl_klHqyG9JXLfFz2VRxXAlIslGCofUVvotHau6hU330aBVje-DJ-JPcD7zbRlLL9_xnaoRrUmXCtXXDGUF7bWYSktTYOVineh3lA7SFtcZxgpjSGCoT3u79_nmQTEqNEbX02uTRoQ77GnZXW2nXVby40f6UjiG2DZYiFYoPSmqHFxooZEK5v58vlOi5cBifvsw9hmncLFqm3njro9LbhhicCL3bkUVNHkDrqXeyh0mgMTt9mtipuxrbdJSDTQulOGhfnJnHvsuTy4fOqKT6RzS6q3ie0pG1MoLZqPJQTodLXH3Uoe-0JtpeNzfUwwzOlS6o0z7nsMYfni6Mj4yifLx7_n4bbr1saNr8zsOAeadvZtAJfpgyMJm8ZE6_XD9Hjl6cjnlCyM3721k_doxMqs71EnHPNmV8lNWfUYlkJ1xupEnUpTUd3ssz0vg_ObaL99ni4ivbE7QbBYHdUe79W0dq4wYcCUztU_P-t4fttDdv_zLja3jqutl1_Ov0ULsvIXm521lF7jqcjo2v7L4y_EA_jBhKB7GXWfrggP5Pocb1bnC7kyYuOBx1NtCzkSij7y71B0GlBBYLTlfuXs99aNy2437h37rrw-WykH_cN2Ime37G48MntFfckGckk5DE0rGoj7K6bNCdk_mBvWa6qq-syQ7hLZLwur1DuAJwv3QE4X7sD8BbxDi6OqfcXX5wSdM7lwe64_2QffzYdUe1TNepm8NHGgTmU2H00IwQkKKgpQYh5jBgDZzFiDJzFiDHwSkaMXYwZ8Q-qYf1TZBQAAA';\nexport var bar = 'b8ymue0';\nexport var clear = 'b8ymue3';\nexport var empty = 'b8ymue8';\nexport var groupLabel = 'b8ymuea';\nexport var icon = 'b8ymue1';\nexport var input = 'b8ymue2';\nexport var item = 'b8ymue6';\nexport var itemIndicator = 'b8ymue7';\nexport var list = 'b8ymue5';\nexport var popup = 'b8ymue4';\nexport var separator = 'b8ymue9';","/**\n * search.ts — wires the VE styles into the shared parts factory.\n */\nimport { createSearch } from '@m3-baseui/core';\nimport {\n bar,\n icon,\n input,\n clear,\n popup,\n list,\n item,\n itemIndicator,\n empty,\n separator,\n groupLabel,\n} from './search.css';\n\nexport const Search = createSearch({\n bar,\n icon,\n input,\n clear,\n popup,\n list,\n item,\n itemIndicator,\n empty,\n separator,\n groupLabel,\n});\n"]}
package/dist/slider.css CHANGED
@@ -1,4 +1,4 @@
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-RSoezM2XWNNP4kBmahnxzPztVZmA1byu277QVu5ynDl50DR25y9Lk2GO04FA7KNFpB9wk117yCDPxML6nGcQT9IUa6TvOIiZgpqVt0e18xVf4Ex9F0k8rDcI3s1IIg30g32R-7uqMbus9MIGX1YvZMaL90CGTNUqgHBxwCsS7xdNP3Lnt85oHAAA */
1
+ /* vanilla-extract-css-ns:src/slider.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1WbWvbMBD-nl8hCoUEps5524r6RwYjjLN9tkVlyUhnJ9nofx-S7STOksYt7bd9Mba4u0fPvTznh1_rxVZmy4j9mTBWGSdJGi2YRQUkG3yaMJZKVynYC5Yp3PkDUDLXXBKWTrAENaH1x7VDyx0qTEgwbXRw3sqUCsHmUXTvP8nUScEhaVFao5fJQ3eL-Qfc4gywQJkXJNgqqnanUItXoK6FqAJubGyKlltIZe0Ea8BOOS9T7vaOuwIq5Fmt1CyYQvKcW1PrVDCbx9OBbWKUsdzVNoMEeWI0gdRoeSHzAh3NZqfXjX6mQMBT6SBWmG7YkMcIIKN7rBn7yqKH-WIAsDzLB8TOqJrw0xNQWVmC3Y-ku3wv3eXjAGB1u_yLqKXbs--_P40-Y6YmJTX-OxgrIWLMjMVwbd8rqEmwu7unq0VTmJFg637sqsN7R291Rm91mV7n9GYmFSSS9oJFAd6CdpmxpWhfFRBO-Tq6_8L8c3aw6Xh03n4CSzfMcGm8CUdwUufcEegUbDqsrShMg3aQssN9huUiIOTB-ixCZpLa8UY6GSscHSl4DSN1jWwhz6XON6NDBQ9Mx03F6oOmYh3iZEYTz6CU6vxqtK_QJaCQK4hRcQU296w1hRIGx23XTyMcW9Ojq5O_cZSjNwxuflp4MR7xxL71RyK_tHwhdD4qBFlInqXOg3_I6ohs8wasBE2zI9nuhOu6RCsTwQjiWoH1B-60KN86qZJ-w3FsUJM77tfLwy-1QwrDd4zz_RWF7zXhTBI-Q_CuJeW2RpxQaQfB_0Y0uHlD8_cadan5H9-R59gQmfL4qzAQ3RJsLjXvbR7bbF7i-WN6kMHbycYdWeCuhC7nFaRpaN5FtetB3irXN_t4YP1fIEYLxJhRZ2xbSMIAEnb_1kJ1vkRP-rRt_m43bYabZP40efkL11t_jtQLAAA */
2
2
  ._52wif30 {
3
3
  position: relative;
4
4
  display: flex;
@@ -75,4 +75,43 @@
75
75
  color: rgb(var(--md-sys-color-on-surface-variant));
76
76
  font-variant-numeric: tabular-nums;
77
77
  }
78
+ ._52wif36 {
79
+ pointer-events: none;
80
+ position: absolute;
81
+ inset: 0;
82
+ }
83
+ ._52wif37 {
84
+ position: absolute;
85
+ width: 4px;
86
+ height: 4px;
87
+ border-radius: var(--md-sys-shape-full);
88
+ background: rgb(var(--md-sys-color-on-surface-variant));
89
+ transform: translate(-50%, -50%);
90
+ }
91
+ ._52wif37[data-active] {
92
+ background: rgb(var(--md-sys-color-on-primary) / 0.38);
93
+ }
94
+ ._52wif38 {
95
+ pointer-events: none;
96
+ position: absolute;
97
+ bottom: 100%;
98
+ left: 50%;
99
+ margin-bottom: 8px;
100
+ transform: translateX(-50%);
101
+ border-radius: var(--md-sys-shape-extra-small);
102
+ padding: 2px 8px;
103
+ background: rgb(var(--md-sys-color-primary));
104
+ color: rgb(var(--md-sys-color-on-primary));
105
+ font-family: var(--md-sys-typescale-label-large-font);
106
+ font-weight: var(--md-sys-typescale-label-large-weight);
107
+ font-size: var(--md-sys-typescale-label-large-size);
108
+ line-height: var(--md-sys-typescale-label-large-line-height);
109
+ letter-spacing: var(--md-sys-typescale-label-large-tracking);
110
+ font-variant-numeric: tabular-nums;
111
+ white-space: nowrap;
112
+ opacity: 0;
113
+ }
114
+ ._52wif38[data-visible] {
115
+ opacity: 1;
116
+ }
78
117
  /*# sourceMappingURL=slider.css.map */
@@ -1 +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-RSoezM2XWNNP4kBmahnxzPztVZmA1byu277QVu5ynDl50DR25y9Lk2GO04FA7KNFpB9wk117yCDPxML6nGcQT9IUa6TvOIiZgpqVt0e18xVf4Ex9F0k8rDcI3s1IIg30g32R-7uqMbus9MIGX1YvZMaL90CGTNUqgHBxwCsS7xdNP3Lnt85oHAAA"],"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-dragged);\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":[]}
1
+ {"version":3,"sources":["vanilla-extract-css-ns:src/slider.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1WbWvbMBD-nl8hCoUEps5524r6RwYjjLN9tkVlyUhnJ9nofx-S7STOksYt7bd9Mba4u0fPvTznh1_rxVZmy4j9mTBWGSdJGi2YRQUkG3yaMJZKVynYC5Yp3PkDUDLXXBKWTrAENaH1x7VDyx0qTEgwbXRw3sqUCsHmUXTvP8nUScEhaVFao5fJQ3eL-Qfc4gywQJkXJNgqqnanUItXoK6FqAJubGyKlltIZe0Ea8BOOS9T7vaOuwIq5Fmt1CyYQvKcW1PrVDCbx9OBbWKUsdzVNoMEeWI0gdRoeSHzAh3NZqfXjX6mQMBT6SBWmG7YkMcIIKN7rBn7yqKH-WIAsDzLB8TOqJrw0xNQWVmC3Y-ku3wv3eXjAGB1u_yLqKXbs--_P40-Y6YmJTX-OxgrIWLMjMVwbd8rqEmwu7unq0VTmJFg637sqsN7R291Rm91mV7n9GYmFSSS9oJFAd6CdpmxpWhfFRBO-Tq6_8L8c3aw6Xh03n4CSzfMcGm8CUdwUufcEegUbDqsrShMg3aQssN9huUiIOTB-ixCZpLa8UY6GSscHSl4DSN1jWwhz6XON6NDBQ9Mx03F6oOmYh3iZEYTz6CU6vxqtK_QJaCQK4hRcQU296w1hRIGx23XTyMcW9Ojq5O_cZSjNwxuflp4MR7xxL71RyK_tHwhdD4qBFlInqXOg3_I6ohs8wasBE2zI9nuhOu6RCsTwQjiWoH1B-60KN86qZJ-w3FsUJM77tfLwy-1QwrDd4zz_RWF7zXhTBI-Q_CuJeW2RpxQaQfB_0Y0uHlD8_cadan5H9-R59gQmfL4qzAQ3RJsLjXvbR7bbF7i-WN6kMHbycYdWeCuhC7nFaRpaN5FtetB3irXN_t4YP1fIEYLxJhRZ2xbSMIAEnb_1kJ1vkRP-rRt_m43bYabZP40efkL11t_jtQLAAA"],"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-dragged);\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}\n._52wif36 {\n pointer-events: none;\n position: absolute;\n inset: 0;\n}\n._52wif37 {\n position: absolute;\n width: 4px;\n height: 4px;\n border-radius: var(--md-sys-shape-full);\n background: rgb(var(--md-sys-color-on-surface-variant));\n transform: translate(-50%, -50%);\n}\n._52wif37[data-active] {\n background: rgb(var(--md-sys-color-on-primary) / 0.38);\n}\n._52wif38 {\n pointer-events: none;\n position: absolute;\n bottom: 100%;\n left: 50%;\n margin-bottom: 8px;\n transform: translateX(-50%);\n border-radius: var(--md-sys-shape-extra-small);\n padding: 2px 8px;\n background: rgb(var(--md-sys-color-primary));\n color: rgb(var(--md-sys-color-on-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 font-variant-numeric: tabular-nums;\n white-space: nowrap;\n opacity: 0;\n}\n._52wif38[data-visible] {\n opacity: 1;\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;AACA,CAAC;AACC,kBAAgB;AAChB,YAAU;AACV,SAAO;AACT;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,cAAY,IAAI,IAAI;AACpB,aAAW,UAAU,IAAI,EAAE;AAC7B;AACA,CARC,QAQQ,CAAC;AACR,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACnD;AACA,CAAC;AACC,kBAAgB;AAChB,YAAU;AACV,UAAQ;AACR,QAAM;AACN,iBAAe;AACf,aAAW,WAAW;AACtB,iBAAe,IAAI;AACnB,WAAS,IAAI;AACb,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,wBAAsB;AACtB,eAAa;AACb,WAAS;AACX;AACA,CApBC,QAoBQ,CAAC;AACR,WAAS;AACX;","names":[]}
package/dist/slider.d.ts CHANGED
@@ -1,15 +1,18 @@
1
+ import * as _m3_baseui_core from '@m3-baseui/core';
1
2
  import * as react from 'react';
2
3
  import * as _base_ui_react from '@base-ui/react';
3
4
 
4
5
  declare const Slider: {
5
6
  Root: react.ForwardRefExoticComponent<Omit<_base_ui_react.SliderRoot.Props<number | readonly number[]> & {
6
7
  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>>;
8
+ }, "ref"> & react.RefAttributes<HTMLDivElement>>;
9
+ Control: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SliderControlProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
10
+ Track: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SliderTrackProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
11
+ Indicator: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SliderIndicatorProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
12
+ Thumb: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SliderThumbProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
13
+ Value: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SliderValueProps, "ref"> & react.RefAttributes<HTMLOutputElement>, "ref"> & react.RefAttributes<HTMLOutputElement>>;
14
+ TickList: react.ForwardRefExoticComponent<_m3_baseui_core.SliderTickListProps & react.RefAttributes<HTMLDivElement>>;
15
+ ValueLabel: react.ForwardRefExoticComponent<_m3_baseui_core.SliderValueLabelProps & react.RefAttributes<HTMLSpanElement>>;
13
16
  };
14
17
 
15
18
  export { Slider };
package/dist/slider.js CHANGED
@@ -9,11 +9,24 @@ var control = "_52wif31";
9
9
  var indicator = "_52wif33";
10
10
  var root = "_52wif30";
11
11
  var thumb = "_52wif34";
12
+ var tick = "_52wif37";
13
+ var tickList = "_52wif36";
12
14
  var track = "_52wif32";
13
15
  var value = "_52wif35";
16
+ var valueLabel = "_52wif38";
14
17
 
15
18
  // src/slider.ts
16
- var Slider = createSlider({ root, control, track, indicator, thumb, value });
19
+ var Slider = createSlider({
20
+ root,
21
+ control,
22
+ track,
23
+ indicator,
24
+ thumb,
25
+ value,
26
+ tickList,
27
+ tick,
28
+ valueLabel
29
+ });
17
30
 
18
31
  export { Slider };
19
32
  //# sourceMappingURL=slider.js.map
@@ -1 +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-RSoezM2XWNNP4kBmahnxzPztVZmA1byu277QVu5ynDl50DR25y9Lk2GO04FA7KNFpB9wk117yCDPxML6nGcQT9IUa6TvOIiZgpqVt0e18xVf4Ex9F0k8rDcI3s1IIg30g32R-7uqMbus9MIGX1YvZMaL90CGTNUqgHBxwCsS7xdNP3Lnt85oHAAA';\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"]}
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,IAAA,GAAO,UAAA;AACX,IAAI,QAAA,GAAW,UAAA;AACf,IAAI,KAAA,GAAQ,UAAA;AACZ,IAAI,KAAA,GAAQ,UAAA;AACZ,IAAI,UAAA,GAAa,UAAA;;;ACOjB,IAAM,SAAS,YAAA,CAAa;AAAA,EACjC,IAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAC","file":"slider.js","sourcesContent":["import 'src/slider.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1WbWvbMBD-nl8hCoUEps5524r6RwYjjLN9tkVlyUhnJ9nofx-S7STOksYt7bd9Mba4u0fPvTznh1_rxVZmy4j9mTBWGSdJGi2YRQUkG3yaMJZKVynYC5Yp3PkDUDLXXBKWTrAENaH1x7VDyx0qTEgwbXRw3sqUCsHmUXTvP8nUScEhaVFao5fJQ3eL-Qfc4gywQJkXJNgqqnanUItXoK6FqAJubGyKlltIZe0Ea8BOOS9T7vaOuwIq5Fmt1CyYQvKcW1PrVDCbx9OBbWKUsdzVNoMEeWI0gdRoeSHzAh3NZqfXjX6mQMBT6SBWmG7YkMcIIKN7rBn7yqKH-WIAsDzLB8TOqJrw0xNQWVmC3Y-ku3wv3eXjAGB1u_yLqKXbs--_P40-Y6YmJTX-OxgrIWLMjMVwbd8rqEmwu7unq0VTmJFg637sqsN7R291Rm91mV7n9GYmFSSS9oJFAd6CdpmxpWhfFRBO-Tq6_8L8c3aw6Xh03n4CSzfMcGm8CUdwUufcEegUbDqsrShMg3aQssN9huUiIOTB-ixCZpLa8UY6GSscHSl4DSN1jWwhz6XON6NDBQ9Mx03F6oOmYh3iZEYTz6CU6vxqtK_QJaCQK4hRcQU296w1hRIGx23XTyMcW9Ojq5O_cZSjNwxuflp4MR7xxL71RyK_tHwhdD4qBFlInqXOg3_I6ohs8wasBE2zI9nuhOu6RCsTwQjiWoH1B-60KN86qZJ-w3FsUJM77tfLwy-1QwrDd4zz_RWF7zXhTBI-Q_CuJeW2RpxQaQfB_0Y0uHlD8_cadan5H9-R59gQmfL4qzAQ3RJsLjXvbR7bbF7i-WN6kMHbycYdWeCuhC7nFaRpaN5FtetB3irXN_t4YP1fIEYLxJhRZ2xbSMIAEnb_1kJ1vkRP-rRt_m43bYabZP40efkL11t_jtQLAAA';\nexport var control = '_52wif31';\nexport var indicator = '_52wif33';\nexport var root = '_52wif30';\nexport var thumb = '_52wif34';\nexport var tick = '_52wif37';\nexport var tickList = '_52wif36';\nexport var track = '_52wif32';\nexport var value = '_52wif35';\nexport var valueLabel = '_52wif38';","/**\n * slider.ts — wires the VE styles into the shared parts factory.\n */\nimport { createSlider } from '@m3-baseui/core';\nimport {\n root,\n control,\n track,\n indicator,\n thumb,\n value,\n tickList,\n tick,\n valueLabel,\n} from './slider.css';\n\nexport const Slider = createSlider({\n root,\n control,\n track,\n indicator,\n thumb,\n value,\n tickList,\n tick,\n valueLabel,\n});\n"]}