@m3-baseui/react-vanilla-extract 1.0.4 → 1.2.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/bottom-app-bar.css +28 -0
- package/dist/bottom-app-bar.css.map +1 -0
- package/dist/bottom-app-bar.d.ts +7 -0
- package/dist/bottom-app-bar.js +17 -0
- package/dist/bottom-app-bar.js.map +1 -0
- package/dist/bottom-sheet.css +79 -0
- package/dist/bottom-sheet.css.map +1 -0
- package/dist/bottom-sheet.d.ts +22 -0
- package/dist/bottom-sheet.js +27 -0
- package/dist/bottom-sheet.js.map +1 -0
- package/dist/button-group.css +23 -0
- package/dist/button-group.css.map +1 -0
- package/dist/button-group.d.ts +10 -0
- package/dist/button-group.js +18 -0
- package/dist/button-group.js.map +1 -0
- package/dist/carousel.css +41 -0
- package/dist/carousel.css.map +1 -0
- package/dist/carousel.d.ts +12 -0
- package/dist/carousel.js +18 -0
- package/dist/carousel.js.map +1 -0
- package/dist/chip.css +2 -2
- package/dist/chip.css.map +1 -1
- package/dist/chip.js.map +1 -1
- package/dist/date-picker.css +370 -0
- package/dist/date-picker.css.map +1 -0
- package/dist/date-picker.d.ts +9 -0
- package/dist/date-picker.js +53 -0
- package/dist/date-picker.js.map +1 -0
- package/dist/fab-menu.css +201 -0
- package/dist/fab-menu.css.map +1 -0
- package/dist/fab-menu.d.ts +15 -0
- package/dist/fab-menu.js +19 -0
- package/dist/fab-menu.js.map +1 -0
- package/dist/icon-button.css +1 -2
- package/dist/icon-button.css.map +1 -1
- package/dist/icon-button.js.map +1 -1
- package/dist/index.css +1789 -68
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +15 -1
- package/dist/index.js +262 -22
- package/dist/index.js.map +1 -1
- package/dist/loading-indicator.css +35 -0
- package/dist/loading-indicator.css.map +1 -0
- package/dist/loading-indicator.d.ts +7 -0
- package/dist/loading-indicator.js +20 -0
- package/dist/loading-indicator.js.map +1 -0
- package/dist/navigation-rail.css +117 -0
- package/dist/navigation-rail.css.map +1 -0
- package/dist/navigation-rail.d.ts +14 -0
- package/dist/navigation-rail.js +29 -0
- package/dist/navigation-rail.js.map +1 -0
- package/dist/progress.d.ts +2 -2
- package/dist/search.css +198 -0
- package/dist/search.css.map +1 -0
- package/dist/search.d.ts +29 -0
- package/dist/search.js +37 -0
- package/dist/search.js.map +1 -0
- package/dist/side-sheet.css +103 -0
- package/dist/side-sheet.css.map +1 -0
- package/dist/side-sheet.d.ts +22 -0
- package/dist/side-sheet.js +28 -0
- package/dist/side-sheet.js.map +1 -0
- package/dist/split-button.css +329 -0
- package/dist/split-button.css.map +1 -0
- package/dist/split-button.d.ts +16 -0
- package/dist/split-button.js +26 -0
- package/dist/split-button.js.map +1 -0
- package/dist/time-picker.css +182 -0
- package/dist/time-picker.css.map +1 -0
- package/dist/time-picker.d.ts +9 -0
- package/dist/time-picker.js +41 -0
- package/dist/time-picker.js.map +1 -0
- package/dist/toolbar.css +37 -0
- package/dist/toolbar.css.map +1 -0
- package/dist/toolbar.d.ts +7 -0
- package/dist/toolbar.js +16 -0
- package/dist/toolbar.js.map +1 -0
- package/dist/top-app-bar.css +89 -0
- package/dist/top-app-bar.css.map +1 -0
- package/dist/top-app-bar.d.ts +7 -0
- package/dist/top-app-bar.js +24 -0
- package/dist/top-app-bar.js.map +1 -0
- package/package.json +71 -1
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/bottom-app-bar.css.ts.vanilla.css?source=Ll8xbGozajlmMCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICB3aWR0aDogMTAwJTsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGhlaWdodDogODBweDsKICBwYWRkaW5nLWlubGluZTogNHB4OwogIGJhY2tncm91bmQ6IHJnYih2YXIoLS1tZC1zeXMtY29sb3Itc3VyZmFjZS1jb250YWluZXIpKTsKICBjb2xvcjogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1vbi1zdXJmYWNlLXZhcmlhbnQpKTsKfQouXzFsajNqOWYxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZ2FwOiA0cHg7CiAgcGFkZGluZy1sZWZ0OiA4cHg7Cn0KLl8xbGozajlmMSBzdmcgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKfQouXzFsajNqOWYyIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgcGFkZGluZy1yaWdodDogMTJweDsKfQ */
|
|
2
|
+
._1lj3j9f0 {
|
|
3
|
+
display: flex;
|
|
4
|
+
align-items: center;
|
|
5
|
+
justify-content: space-between;
|
|
6
|
+
width: 100%;
|
|
7
|
+
box-sizing: border-box;
|
|
8
|
+
height: 80px;
|
|
9
|
+
padding-inline: 4px;
|
|
10
|
+
background: rgb(var(--md-sys-color-surface-container));
|
|
11
|
+
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
12
|
+
}
|
|
13
|
+
._1lj3j9f1 {
|
|
14
|
+
display: flex;
|
|
15
|
+
align-items: center;
|
|
16
|
+
gap: 4px;
|
|
17
|
+
padding-left: 8px;
|
|
18
|
+
}
|
|
19
|
+
._1lj3j9f1 svg {
|
|
20
|
+
width: 24px;
|
|
21
|
+
height: 24px;
|
|
22
|
+
}
|
|
23
|
+
._1lj3j9f2 {
|
|
24
|
+
display: flex;
|
|
25
|
+
align-items: center;
|
|
26
|
+
padding-right: 12px;
|
|
27
|
+
}
|
|
28
|
+
/*# sourceMappingURL=bottom-app-bar.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/bottom-app-bar.css.ts.vanilla.css?source=Ll8xbGozajlmMCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICB3aWR0aDogMTAwJTsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGhlaWdodDogODBweDsKICBwYWRkaW5nLWlubGluZTogNHB4OwogIGJhY2tncm91bmQ6IHJnYih2YXIoLS1tZC1zeXMtY29sb3Itc3VyZmFjZS1jb250YWluZXIpKTsKICBjb2xvcjogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1vbi1zdXJmYWNlLXZhcmlhbnQpKTsKfQouXzFsajNqOWYxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZ2FwOiA0cHg7CiAgcGFkZGluZy1sZWZ0OiA4cHg7Cn0KLl8xbGozajlmMSBzdmcgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKfQouXzFsajNqOWYyIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgcGFkZGluZy1yaWdodDogMTJweDsKfQ"],"sourcesContent":["._1lj3j9f0 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n box-sizing: border-box;\n height: 80px;\n padding-inline: 4px;\n background: rgb(var(--md-sys-color-surface-container));\n color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1lj3j9f1 {\n display: flex;\n align-items: center;\n gap: 4px;\n padding-left: 8px;\n}\n._1lj3j9f1 svg {\n width: 24px;\n height: 24px;\n}\n._1lj3j9f2 {\n display: flex;\n align-items: center;\n padding-right: 12px;\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,cAAY;AACZ,UAAQ;AACR,kBAAgB;AAChB,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,gBAAc;AAChB;AACA,CANC,UAMU;AACT,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,iBAAe;AACjB;","names":[]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import * as _m3_baseui_core from '@m3-baseui/core';
|
|
3
|
+
export { BottomAppBarProps } from '@m3-baseui/core';
|
|
4
|
+
|
|
5
|
+
declare const BottomAppBar: react.ForwardRefExoticComponent<_m3_baseui_core.BottomAppBarOwnProps & react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
|
|
7
|
+
export { BottomAppBar };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './bottom-app-bar.css';
|
|
3
|
+
import { createBottomAppBar } from '@m3-baseui/core';
|
|
4
|
+
|
|
5
|
+
// src/bottom-app-bar.ts
|
|
6
|
+
|
|
7
|
+
// src/bottom-app-bar.css.ts
|
|
8
|
+
var actions = "_1lj3j9f1";
|
|
9
|
+
var fab = "_1lj3j9f2";
|
|
10
|
+
var root = "_1lj3j9f0";
|
|
11
|
+
|
|
12
|
+
// src/bottom-app-bar.ts
|
|
13
|
+
var BottomAppBar = createBottomAppBar({ root, actions, fab });
|
|
14
|
+
|
|
15
|
+
export { BottomAppBar };
|
|
16
|
+
//# sourceMappingURL=bottom-app-bar.js.map
|
|
17
|
+
//# sourceMappingURL=bottom-app-bar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/bottom-app-bar.css.ts","../src/bottom-app-bar.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,OAAA,GAAU,WAAA;AACd,IAAI,GAAA,GAAM,WAAA;AACV,IAAI,IAAA,GAAO,WAAA;;;ACGX,IAAM,eAAe,kBAAA,CAAmB,EAAE,IAAA,EAAM,OAAA,EAAS,KAAK","file":"bottom-app-bar.js","sourcesContent":["import 'src/bottom-app-bar.css.ts.vanilla.css?source=Ll8xbGozajlmMCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICB3aWR0aDogMTAwJTsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGhlaWdodDogODBweDsKICBwYWRkaW5nLWlubGluZTogNHB4OwogIGJhY2tncm91bmQ6IHJnYih2YXIoLS1tZC1zeXMtY29sb3Itc3VyZmFjZS1jb250YWluZXIpKTsKICBjb2xvcjogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1vbi1zdXJmYWNlLXZhcmlhbnQpKTsKfQouXzFsajNqOWYxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZ2FwOiA0cHg7CiAgcGFkZGluZy1sZWZ0OiA4cHg7Cn0KLl8xbGozajlmMSBzdmcgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKfQouXzFsajNqOWYyIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgcGFkZGluZy1yaWdodDogMTJweDsKfQ';\nexport var actions = '_1lj3j9f1';\nexport var fab = '_1lj3j9f2';\nexport var root = '_1lj3j9f0';","/**\n * bottom-app-bar.ts — wires the VE styles into the shared BottomAppBar factory.\n */\nimport { createBottomAppBar } from '@m3-baseui/core';\nimport { root, actions, fab } from './bottom-app-bar.css';\n\nexport const BottomAppBar = createBottomAppBar({ root, actions, fab });\nexport type { BottomAppBarProps } from '@m3-baseui/core';\n"]}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/bottom-sheet.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51U227bMAx971foZUCDjZ2TpsXgfskw9IGxaJurLBkSndgd9u-DZDtxum5I-qYLD0nxnKO7Epu1LzP160ap1gUWdjZXJfekn26UYhtIcpXF9Suw1dTnapu2OyxeKu86q3Plq93tHv0tQKMhDAEKZ5yHUHhuVuqryu7uN6sIEo92LuJaLFgGdZ9lTVBn8MbFECAMbCugpq0x8Cvp1dPN75u7qecfGgUhHLhlWz2nFyzTW2fpnXBBLzFpkMHQ8xd1fk1Wny5TyqnLNINjsvVV83pIW82hNTjkqjTUxwM0XFlgoSaMh7F6vPjZBeFygMJZISu5KsgK-UX9Taq_cz0EfmVb5WrnvCYPO5dSH1hLnat1ln2K2wZ7mI4et1nbz2c1cVXH_GiK23WW6X2tQD08tn0iy-3Jl8YdYMgVduLms1B4ZwzsqMY9O5-r2CiyTQS7rqgBi3EuR1Qnhi3NpCjVok6D3jkR1-Rqsx27ukRUnS-xIJiKkgfjDqvUcAr4J9DZGTtGTyMT14KhUsCj5i7k50oMNbYE1ItHMOgregv1cYTXYft4o93hTTgZ2mPSvaE9mfXJMKXzTT4uDQp9v02EjWDt8UAegsUWWsdWwJVlIFmpz-o84sAtQeP21JAVGFarvxx5LPZRT27e8WQXYnEyVMhfptz835Sbf5ny_alEuS-7uU-xDfqKba7Wj22fBKm-jVqb1T9JbzLI_WbcJkOG2rN9mfw8kf4fqsvOmNWFMj6pEfboGa2MH-V2-YLt2QuypXPYjo6anTOfi2vz-YXX-aF0VqDEhs3w5nUytBQKNATCYmgUM8T4E_AwTfMC4Bh6gkYZXQSMgQkWn378vS4ALuJHPIlEVca_Pf6eF6QQj8UL22pJz8MH6dleR89RIBfTtHN6gIY0d811NC2BV9G0BF5F0xL4QZqWKZY0_QH-Zaf33QgAAA */
|
|
2
|
+
.fam1rf0 {
|
|
3
|
+
position: fixed;
|
|
4
|
+
inset: 0;
|
|
5
|
+
z-index: 40;
|
|
6
|
+
background: rgb(var(--md-sys-color-scrim) / 0.32);
|
|
7
|
+
transition: opacity 300ms var(--md-sys-motion-easing-emphasized);
|
|
8
|
+
}
|
|
9
|
+
.fam1rf0[data-swiping] {
|
|
10
|
+
transition: none;
|
|
11
|
+
}
|
|
12
|
+
.fam1rf0[data-starting-style],
|
|
13
|
+
.fam1rf0[data-ending-style] {
|
|
14
|
+
opacity: 0;
|
|
15
|
+
}
|
|
16
|
+
.fam1rf1 {
|
|
17
|
+
position: fixed;
|
|
18
|
+
inset: 0;
|
|
19
|
+
z-index: 50;
|
|
20
|
+
display: flex;
|
|
21
|
+
align-items: flex-end;
|
|
22
|
+
justify-content: center;
|
|
23
|
+
}
|
|
24
|
+
.fam1rf2 {
|
|
25
|
+
box-sizing: border-box;
|
|
26
|
+
width: 100%;
|
|
27
|
+
max-width: 640px;
|
|
28
|
+
max-height: calc(100dvh - 56px);
|
|
29
|
+
overflow-y: auto;
|
|
30
|
+
overscroll-behavior: contain;
|
|
31
|
+
touch-action: auto;
|
|
32
|
+
outline: none;
|
|
33
|
+
padding-bottom: 24px;
|
|
34
|
+
background: rgb(var(--md-sys-color-surface-container-low));
|
|
35
|
+
color: rgb(var(--md-sys-color-on-surface));
|
|
36
|
+
border-top-left-radius: var(--md-sys-shape-extra-large);
|
|
37
|
+
border-top-right-radius: var(--md-sys-shape-extra-large);
|
|
38
|
+
box-shadow: var(--md-sys-elevation-level1);
|
|
39
|
+
transform: translateY(calc(var(--drawer-snap-point-offset) + var(--drawer-swipe-movement-y)));
|
|
40
|
+
transition: transform 300ms var(--md-sys-motion-easing-emphasized);
|
|
41
|
+
}
|
|
42
|
+
.fam1rf2[data-swiping] {
|
|
43
|
+
user-select: none;
|
|
44
|
+
}
|
|
45
|
+
.fam1rf2[data-starting-style],
|
|
46
|
+
.fam1rf2[data-ending-style] {
|
|
47
|
+
transform: translateY(100%);
|
|
48
|
+
}
|
|
49
|
+
.fam1rf3 {
|
|
50
|
+
margin: 16px auto 8px;
|
|
51
|
+
height: 4px;
|
|
52
|
+
width: 32px;
|
|
53
|
+
flex-shrink: 0;
|
|
54
|
+
border-radius: var(--md-sys-shape-full);
|
|
55
|
+
background: rgb(var(--md-sys-color-on-surface-variant) / 0.4);
|
|
56
|
+
}
|
|
57
|
+
.fam1rf4 {
|
|
58
|
+
margin: 0;
|
|
59
|
+
padding-inline: 24px;
|
|
60
|
+
padding-top: 8px;
|
|
61
|
+
color: rgb(var(--md-sys-color-on-surface));
|
|
62
|
+
font-family: var(--md-sys-typescale-title-large-font);
|
|
63
|
+
font-weight: var(--md-sys-typescale-title-large-weight);
|
|
64
|
+
font-size: var(--md-sys-typescale-title-large-size);
|
|
65
|
+
line-height: var(--md-sys-typescale-title-large-line-height);
|
|
66
|
+
letter-spacing: var(--md-sys-typescale-title-large-tracking);
|
|
67
|
+
}
|
|
68
|
+
.fam1rf5 {
|
|
69
|
+
margin: 0;
|
|
70
|
+
padding-inline: 24px;
|
|
71
|
+
padding-top: 4px;
|
|
72
|
+
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
73
|
+
font-family: var(--md-sys-typescale-body-medium-font);
|
|
74
|
+
font-weight: var(--md-sys-typescale-body-medium-weight);
|
|
75
|
+
font-size: var(--md-sys-typescale-body-medium-size);
|
|
76
|
+
line-height: var(--md-sys-typescale-body-medium-line-height);
|
|
77
|
+
letter-spacing: var(--md-sys-typescale-body-medium-tracking);
|
|
78
|
+
}
|
|
79
|
+
/*# sourceMappingURL=bottom-sheet.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/bottom-sheet.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51U227bMAx971foZUCDjZ2TpsXgfskw9IGxaJurLBkSndgd9u-DZDtxum5I-qYLD0nxnKO7Epu1LzP160ap1gUWdjZXJfekn26UYhtIcpXF9Suw1dTnapu2OyxeKu86q3Plq93tHv0tQKMhDAEKZ5yHUHhuVuqryu7uN6sIEo92LuJaLFgGdZ9lTVBn8MbFECAMbCugpq0x8Cvp1dPN75u7qecfGgUhHLhlWz2nFyzTW2fpnXBBLzFpkMHQ8xd1fk1Wny5TyqnLNINjsvVV83pIW82hNTjkqjTUxwM0XFlgoSaMh7F6vPjZBeFygMJZISu5KsgK-UX9Taq_cz0EfmVb5WrnvCYPO5dSH1hLnat1ln2K2wZ7mI4et1nbz2c1cVXH_GiK23WW6X2tQD08tn0iy-3Jl8YdYMgVduLms1B4ZwzsqMY9O5-r2CiyTQS7rqgBi3EuR1Qnhi3NpCjVok6D3jkR1-Rqsx27ukRUnS-xIJiKkgfjDqvUcAr4J9DZGTtGTyMT14KhUsCj5i7k50oMNbYE1ItHMOgregv1cYTXYft4o93hTTgZ2mPSvaE9mfXJMKXzTT4uDQp9v02EjWDt8UAegsUWWsdWwJVlIFmpz-o84sAtQeP21JAVGFarvxx5LPZRT27e8WQXYnEyVMhfptz835Sbf5ny_alEuS-7uU-xDfqKba7Wj22fBKm-jVqb1T9JbzLI_WbcJkOG2rN9mfw8kf4fqsvOmNWFMj6pEfboGa2MH-V2-YLt2QuypXPYjo6anTOfi2vz-YXX-aF0VqDEhs3w5nUytBQKNATCYmgUM8T4E_AwTfMC4Bh6gkYZXQSMgQkWn378vS4ALuJHPIlEVca_Pf6eF6QQj8UL22pJz8MH6dleR89RIBfTtHN6gIY0d811NC2BV9G0BF5F0xL4QZqWKZY0_QH-Zaf33QgAAA"],"sourcesContent":[".fam1rf0 {\n position: fixed;\n inset: 0;\n z-index: 40;\n background: rgb(var(--md-sys-color-scrim) / 0.32);\n transition: opacity 300ms var(--md-sys-motion-easing-emphasized);\n}\n.fam1rf0[data-swiping] {\n transition: none;\n}\n.fam1rf0[data-starting-style], .fam1rf0[data-ending-style] {\n opacity: 0;\n}\n.fam1rf1 {\n position: fixed;\n inset: 0;\n z-index: 50;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n}\n.fam1rf2 {\n box-sizing: border-box;\n width: 100%;\n max-width: 640px;\n max-height: calc(100dvh - 56px);\n overflow-y: auto;\n overscroll-behavior: contain;\n touch-action: auto;\n outline: none;\n padding-bottom: 24px;\n background: rgb(var(--md-sys-color-surface-container-low));\n color: rgb(var(--md-sys-color-on-surface));\n border-top-left-radius: var(--md-sys-shape-extra-large);\n border-top-right-radius: var(--md-sys-shape-extra-large);\n box-shadow: var(--md-sys-elevation-level1);\n transform: translateY(calc(var(--drawer-snap-point-offset) + var(--drawer-swipe-movement-y)));\n transition: transform 300ms var(--md-sys-motion-easing-emphasized);\n}\n.fam1rf2[data-swiping] {\n user-select: none;\n}\n.fam1rf2[data-starting-style], .fam1rf2[data-ending-style] {\n transform: translateY(100%);\n}\n.fam1rf3 {\n margin: 16px auto 8px;\n height: 4px;\n width: 32px;\n flex-shrink: 0;\n border-radius: var(--md-sys-shape-full);\n background: rgb(var(--md-sys-color-on-surface-variant) / 0.4);\n}\n.fam1rf4 {\n margin: 0;\n padding-inline: 24px;\n padding-top: 8px;\n color: rgb(var(--md-sys-color-on-surface));\n font-family: var(--md-sys-typescale-title-large-font);\n font-weight: var(--md-sys-typescale-title-large-weight);\n font-size: var(--md-sys-typescale-title-large-size);\n line-height: var(--md-sys-typescale-title-large-line-height);\n letter-spacing: var(--md-sys-typescale-title-large-tracking);\n}\n.fam1rf5 {\n margin: 0;\n padding-inline: 24px;\n padding-top: 4px;\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}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,SAAO;AACP,WAAS;AACT,cAAY,IAAI,IAAI,sBAAsB,EAAE;AAC5C,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CAPC,OAOO,CAAC;AACP,cAAY;AACd;AACA,CAVC,OAUO,CAAC;AAAsB,CAV9B,OAUsC,CAAC;AACtC,WAAS;AACX;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,WAAS;AACT,WAAS;AACT,eAAa;AACb,mBAAiB;AACnB;AACA,CAAC;AACC,cAAY;AACZ,SAAO;AACP,aAAW;AACX,cAAY,KAAK,OAAO,EAAE;AAC1B,cAAY;AACZ,uBAAqB;AACrB,gBAAc;AACd,WAAS;AACT,kBAAgB;AAChB,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,0BAAwB,IAAI;AAC5B,2BAAyB,IAAI;AAC7B,cAAY,IAAI;AAChB,aAAW,WAAW,KAAK,IAAI,4BAA4B,EAAE,IAAI;AACjE,cAAY,UAAU,MAAM,IAAI;AAClC;AACA,CAlBC,OAkBO,CAAC;AACP,eAAa;AACf;AACA,CArBC,OAqBO,CAAC;AAAsB,CArB9B,OAqBsC,CAAC;AACtC,aAAW,WAAW;AACxB;AACA,CAAC;AACC,UAAQ,KAAK,KAAK;AAClB,UAAQ;AACR,SAAO;AACP,eAAa;AACb,iBAAe,IAAI;AACnB,cAAY,IAAI,IAAI,mCAAmC,EAAE;AAC3D;AACA,CAAC;AACC,UAAQ;AACR,kBAAgB;AAChB,eAAa;AACb,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,UAAQ;AACR,kBAAgB;AAChB,eAAa;AACb,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;","names":[]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import * as _base_ui_react from '@base-ui/react';
|
|
3
|
+
import * as _m3_baseui_core from '@m3-baseui/core';
|
|
4
|
+
export { BottomSheetVariant } from '@m3-baseui/core';
|
|
5
|
+
|
|
6
|
+
declare const BottomSheet: {
|
|
7
|
+
Root: {
|
|
8
|
+
({ variant, ...props }: _m3_baseui_core.BottomSheetOwnProps & Omit<_base_ui_react.DrawerRoot.Props<unknown>, "modal" | "swipeDirection">): React.JSX.Element;
|
|
9
|
+
displayName: string;
|
|
10
|
+
};
|
|
11
|
+
Trigger: _base_ui_react.DrawerTrigger;
|
|
12
|
+
Portal: _base_ui_react.DrawerPortal;
|
|
13
|
+
Backdrop: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.DrawerBackdropProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
Viewport: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.DrawerViewportProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
|
|
15
|
+
Popup: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.DrawerPopupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
|
|
16
|
+
Handle: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
Title: react.ForwardRefExoticComponent<Omit<_base_ui_react.DrawerTitleProps, "ref"> & react.RefAttributes<unknown>>;
|
|
18
|
+
Description: react.ForwardRefExoticComponent<Omit<_base_ui_react.DrawerDescriptionProps, "ref"> & react.RefAttributes<unknown>>;
|
|
19
|
+
Close: _base_ui_react.DrawerClose;
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
export { BottomSheet };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './bottom-sheet.css';
|
|
3
|
+
import { createBottomSheet } from '@m3-baseui/core';
|
|
4
|
+
|
|
5
|
+
// src/bottom-sheet.ts
|
|
6
|
+
|
|
7
|
+
// src/bottom-sheet.css.ts
|
|
8
|
+
var backdrop = "fam1rf0";
|
|
9
|
+
var description = "fam1rf5";
|
|
10
|
+
var handle = "fam1rf3";
|
|
11
|
+
var popup = "fam1rf2";
|
|
12
|
+
var title = "fam1rf4";
|
|
13
|
+
var viewport = "fam1rf1";
|
|
14
|
+
|
|
15
|
+
// src/bottom-sheet.ts
|
|
16
|
+
var BottomSheet = createBottomSheet({
|
|
17
|
+
backdrop,
|
|
18
|
+
viewport,
|
|
19
|
+
popup,
|
|
20
|
+
handle,
|
|
21
|
+
title,
|
|
22
|
+
description
|
|
23
|
+
});
|
|
24
|
+
|
|
25
|
+
export { BottomSheet };
|
|
26
|
+
//# sourceMappingURL=bottom-sheet.js.map
|
|
27
|
+
//# sourceMappingURL=bottom-sheet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/bottom-sheet.css.ts","../src/bottom-sheet.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,QAAA,GAAW,SAAA;AACf,IAAI,WAAA,GAAc,SAAA;AAClB,IAAI,MAAA,GAAS,SAAA;AACb,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,QAAA,GAAW,SAAA;;;ACAf,IAAM,cAAc,iBAAA,CAAkB;AAAA,EAC3C,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAC","file":"bottom-sheet.js","sourcesContent":["import 'src/bottom-sheet.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51U227bMAx971foZUCDjZ2TpsXgfskw9IGxaJurLBkSndgd9u-DZDtxum5I-qYLD0nxnKO7Epu1LzP160ap1gUWdjZXJfekn26UYhtIcpXF9Suw1dTnapu2OyxeKu86q3Plq93tHv0tQKMhDAEKZ5yHUHhuVuqryu7uN6sIEo92LuJaLFgGdZ9lTVBn8MbFECAMbCugpq0x8Cvp1dPN75u7qecfGgUhHLhlWz2nFyzTW2fpnXBBLzFpkMHQ8xd1fk1Wny5TyqnLNINjsvVV83pIW82hNTjkqjTUxwM0XFlgoSaMh7F6vPjZBeFygMJZISu5KsgK-UX9Taq_cz0EfmVb5WrnvCYPO5dSH1hLnat1ln2K2wZ7mI4et1nbz2c1cVXH_GiK23WW6X2tQD08tn0iy-3Jl8YdYMgVduLms1B4ZwzsqMY9O5-r2CiyTQS7rqgBi3EuR1Qnhi3NpCjVok6D3jkR1-Rqsx27ukRUnS-xIJiKkgfjDqvUcAr4J9DZGTtGTyMT14KhUsCj5i7k50oMNbYE1ItHMOgregv1cYTXYft4o93hTTgZ2mPSvaE9mfXJMKXzTT4uDQp9v02EjWDt8UAegsUWWsdWwJVlIFmpz-o84sAtQeP21JAVGFarvxx5LPZRT27e8WQXYnEyVMhfptz835Sbf5ny_alEuS-7uU-xDfqKba7Wj22fBKm-jVqb1T9JbzLI_WbcJkOG2rN9mfw8kf4fqsvOmNWFMj6pEfboGa2MH-V2-YLt2QuypXPYjo6anTOfi2vz-YXX-aF0VqDEhs3w5nUytBQKNATCYmgUM8T4E_AwTfMC4Bh6gkYZXQSMgQkWn378vS4ALuJHPIlEVca_Pf6eF6QQj8UL22pJz8MH6dleR89RIBfTtHN6gIY0d811NC2BV9G0BF5F0xL4QZqWKZY0_QH-Zaf33QgAAA';\nexport var backdrop = 'fam1rf0';\nexport var description = 'fam1rf5';\nexport var handle = 'fam1rf3';\nexport var popup = 'fam1rf2';\nexport var title = 'fam1rf4';\nexport var viewport = 'fam1rf1';","/**\n * bottom-sheet.ts — wires the VE styles into the shared parts factory.\n */\nimport { createBottomSheet } from '@m3-baseui/core';\nimport { backdrop, viewport, popup, handle, title, description } from './bottom-sheet.css';\n\nexport const BottomSheet = createBottomSheet({\n backdrop,\n viewport,\n popup,\n handle,\n title,\n description,\n});\nexport type { BottomSheetVariant } from '@m3-baseui/core';\n"]}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/button-group.css.ts.vanilla.css?source=LmphMzRiYTAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmphMzRiYTEgewogIGdhcDogOHB4Owp9Ci5qYTM0YmEyIHsKICBnYXA6IDJweDsKfQouamEzNGJhMiA-ICo6bm90KDpmaXJzdC1jaGlsZCk6bm90KDpsYXN0LWNoaWxkKSB7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbWQtc3lzLXNoYXBlLXNtYWxsKTsKfQouamEzNGJhMiA-ICo6Zmlyc3QtY2hpbGQ6bm90KDpsYXN0LWNoaWxkKSB7CiAgYm9yZGVyLXN0YXJ0LWVuZC1yYWRpdXM6IHZhcigtLW1kLXN5cy1zaGFwZS1zbWFsbCk7CiAgYm9yZGVyLWVuZC1lbmQtcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtc21hbGwpOwp9Ci5qYTM0YmEyID4gKjpsYXN0LWNoaWxkOm5vdCg6Zmlyc3QtY2hpbGQpIHsKICBib3JkZXItc3RhcnQtc3RhcnQtcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtc21hbGwpOwogIGJvcmRlci1lbmQtc3RhcnQtcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtc21hbGwpOwp9 */
|
|
2
|
+
.ja34ba0 {
|
|
3
|
+
display: inline-flex;
|
|
4
|
+
align-items: center;
|
|
5
|
+
}
|
|
6
|
+
.ja34ba1 {
|
|
7
|
+
gap: 8px;
|
|
8
|
+
}
|
|
9
|
+
.ja34ba2 {
|
|
10
|
+
gap: 2px;
|
|
11
|
+
}
|
|
12
|
+
.ja34ba2 > *:not(:first-child):not(:last-child) {
|
|
13
|
+
border-radius: var(--md-sys-shape-small);
|
|
14
|
+
}
|
|
15
|
+
.ja34ba2 > *:first-child:not(:last-child) {
|
|
16
|
+
border-start-end-radius: var(--md-sys-shape-small);
|
|
17
|
+
border-end-end-radius: var(--md-sys-shape-small);
|
|
18
|
+
}
|
|
19
|
+
.ja34ba2 > *:last-child:not(:first-child) {
|
|
20
|
+
border-start-start-radius: var(--md-sys-shape-small);
|
|
21
|
+
border-end-start-radius: var(--md-sys-shape-small);
|
|
22
|
+
}
|
|
23
|
+
/*# sourceMappingURL=button-group.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/button-group.css.ts.vanilla.css?source=LmphMzRiYTAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmphMzRiYTEgewogIGdhcDogOHB4Owp9Ci5qYTM0YmEyIHsKICBnYXA6IDJweDsKfQouamEzNGJhMiA-ICo6bm90KDpmaXJzdC1jaGlsZCk6bm90KDpsYXN0LWNoaWxkKSB7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbWQtc3lzLXNoYXBlLXNtYWxsKTsKfQouamEzNGJhMiA-ICo6Zmlyc3QtY2hpbGQ6bm90KDpsYXN0LWNoaWxkKSB7CiAgYm9yZGVyLXN0YXJ0LWVuZC1yYWRpdXM6IHZhcigtLW1kLXN5cy1zaGFwZS1zbWFsbCk7CiAgYm9yZGVyLWVuZC1lbmQtcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtc21hbGwpOwp9Ci5qYTM0YmEyID4gKjpsYXN0LWNoaWxkOm5vdCg6Zmlyc3QtY2hpbGQpIHsKICBib3JkZXItc3RhcnQtc3RhcnQtcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtc21hbGwpOwogIGJvcmRlci1lbmQtc3RhcnQtcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtc21hbGwpOwp9"],"sourcesContent":[".ja34ba0 {\n display: inline-flex;\n align-items: center;\n}\n.ja34ba1 {\n gap: 8px;\n}\n.ja34ba2 {\n gap: 2px;\n}\n.ja34ba2 > *:not(:first-child):not(:last-child) {\n border-radius: var(--md-sys-shape-small);\n}\n.ja34ba2 > *:first-child:not(:last-child) {\n border-start-end-radius: var(--md-sys-shape-small);\n border-end-end-radius: var(--md-sys-shape-small);\n}\n.ja34ba2 > *:last-child:not(:first-child) {\n border-start-start-radius: var(--md-sys-shape-small);\n border-end-start-radius: var(--md-sys-shape-small);\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,eAAa;AACf;AACA,CAAC;AACC,OAAK;AACP;AACA,CAAC;AACC,OAAK;AACP;AACA,CAHC,QAGQ,EAAE,CAAC,KAAK,aAAa,KAAK;AACjC,iBAAe,IAAI;AACrB;AACA,CANC,QAMQ,EAAE,CAAC,YAAY,KAAK;AAC3B,2BAAyB,IAAI;AAC7B,yBAAuB,IAAI;AAC7B;AACA,CAVC,QAUQ,EAAE,CAAC,WAAW,KAAK;AAC1B,6BAA2B,IAAI;AAC/B,2BAAyB,IAAI;AAC/B;","names":[]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as _base_ui_react from '@base-ui/react';
|
|
2
|
+
import * as react from 'react';
|
|
3
|
+
import * as _m3_baseui_core from '@m3-baseui/core';
|
|
4
|
+
export { ButtonGroupProps, ButtonGroupVariant } from '@m3-baseui/core';
|
|
5
|
+
|
|
6
|
+
declare const ButtonGroup: react.ForwardRefExoticComponent<_m3_baseui_core.ButtonGroupOwnProps & react.HTMLAttributes<HTMLDivElement> & {
|
|
7
|
+
render?: _base_ui_react.useRender.RenderProp;
|
|
8
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
|
|
10
|
+
export { ButtonGroup };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './button-group.css';
|
|
3
|
+
import { createButtonGroup, cx } from '@m3-baseui/core';
|
|
4
|
+
|
|
5
|
+
// src/button-group.ts
|
|
6
|
+
|
|
7
|
+
// src/button-group.css.ts
|
|
8
|
+
var connected = "ja34ba2";
|
|
9
|
+
var root = "ja34ba0";
|
|
10
|
+
var standard = "ja34ba1";
|
|
11
|
+
|
|
12
|
+
// src/button-group.ts
|
|
13
|
+
var variantClass = { standard, connected };
|
|
14
|
+
var ButtonGroup = createButtonGroup(({ variant }) => cx(root, variantClass[variant]));
|
|
15
|
+
|
|
16
|
+
export { ButtonGroup };
|
|
17
|
+
//# sourceMappingURL=button-group.js.map
|
|
18
|
+
//# sourceMappingURL=button-group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/button-group.css.ts","../src/button-group.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,SAAA,GAAY,SAAA;AAChB,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,QAAA,GAAW,SAAA;;;ACGtB,IAAM,YAAA,GAAe,EAAE,QAAA,EAAU,SAAA,EAAU;AAEpC,IAAM,WAAA,GAAc,iBAAA,CAAkB,CAAC,EAAE,OAAA,EAAQ,KAAM,EAAA,CAAG,IAAA,EAAM,YAAA,CAAa,OAAO,CAAC,CAAC","file":"button-group.js","sourcesContent":["import 'src/button-group.css.ts.vanilla.css?source=LmphMzRiYTAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmphMzRiYTEgewogIGdhcDogOHB4Owp9Ci5qYTM0YmEyIHsKICBnYXA6IDJweDsKfQouamEzNGJhMiA-ICo6bm90KDpmaXJzdC1jaGlsZCk6bm90KDpsYXN0LWNoaWxkKSB7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbWQtc3lzLXNoYXBlLXNtYWxsKTsKfQouamEzNGJhMiA-ICo6Zmlyc3QtY2hpbGQ6bm90KDpsYXN0LWNoaWxkKSB7CiAgYm9yZGVyLXN0YXJ0LWVuZC1yYWRpdXM6IHZhcigtLW1kLXN5cy1zaGFwZS1zbWFsbCk7CiAgYm9yZGVyLWVuZC1lbmQtcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtc21hbGwpOwp9Ci5qYTM0YmEyID4gKjpsYXN0LWNoaWxkOm5vdCg6Zmlyc3QtY2hpbGQpIHsKICBib3JkZXItc3RhcnQtc3RhcnQtcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtc21hbGwpOwogIGJvcmRlci1lbmQtc3RhcnQtcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtc21hbGwpOwp9';\nexport var connected = 'ja34ba2';\nexport var root = 'ja34ba0';\nexport var standard = 'ja34ba1';","/**\n * button-group.ts — wires the VE styles into the shared ButtonGroup factory.\n */\nimport { createButtonGroup, cx } from '@m3-baseui/core';\nimport { root, standard, connected } from './button-group.css';\n\nconst variantClass = { standard, connected } as const;\n\nexport const ButtonGroup = createButtonGroup(({ variant }) => cx(root, variantClass[variant]));\nexport type { ButtonGroupProps, ButtonGroupVariant } from '@m3-baseui/core';\n"]}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/carousel.css.ts.vanilla.css?source=LmRrb2k5bjAgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA4cHg7CiAgb3ZlcmZsb3cteDogYXV0bzsKICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTsKICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDsKICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7Cn0KLmRrb2k5bjMgewogIGdhcDogMDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIG92ZXJmbG93LXg6IGhpZGRlbjsKICBvdmVyZmxvdy15OiBhdXRvOwogIHNjcm9sbC1zbmFwLXR5cGU6IHkgbWFuZGF0b3J5OwogIGhlaWdodDogMTAwJTsKfQouZGtvaTluNCB7CiAgc2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0OwogIGZsZXgtc2hyaW5rOiAwOwogIG92ZXJmbG93OiBoaWRkZW47CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbWQtc3lzLXNoYXBlLWxhcmdlKTsKfQouZGtvaTluNSB7CiAgd2lkdGg6IDE2MHB4OwogIGhlaWdodDogMjI0cHg7Cn0KLmRrb2k5bjYgewogIHdpZHRoOiAyODhweDsKICBoZWlnaHQ6IDIyNHB4OwogIHNjcm9sbC1zbmFwLWFsaWduOiBjZW50ZXI7Cn0KLmRrb2k5bjcgewogIHdpZHRoOiAxMDAlOwogIGhlaWdodDogMTAwJTsKICBzY3JvbGwtc25hcC1hbGlnbjogY2VudGVyOwp9ClthcmlhLXJvbGVkZXNjcmlwdGlvbj0iY2Fyb3VzZWwiXTo6LXdlYmtpdC1zY3JvbGxiYXIgewogIGRpc3BsYXk6IG5vbmU7Cn0 */
|
|
2
|
+
.dkoi9n0 {
|
|
3
|
+
display: flex;
|
|
4
|
+
gap: 8px;
|
|
5
|
+
overflow-x: auto;
|
|
6
|
+
scroll-snap-type: x mandatory;
|
|
7
|
+
scroll-behavior: smooth;
|
|
8
|
+
scrollbar-width: none;
|
|
9
|
+
}
|
|
10
|
+
.dkoi9n3 {
|
|
11
|
+
gap: 0;
|
|
12
|
+
flex-direction: column;
|
|
13
|
+
overflow-x: hidden;
|
|
14
|
+
overflow-y: auto;
|
|
15
|
+
scroll-snap-type: y mandatory;
|
|
16
|
+
height: 100%;
|
|
17
|
+
}
|
|
18
|
+
.dkoi9n4 {
|
|
19
|
+
scroll-snap-align: start;
|
|
20
|
+
flex-shrink: 0;
|
|
21
|
+
overflow: hidden;
|
|
22
|
+
border-radius: var(--md-sys-shape-large);
|
|
23
|
+
}
|
|
24
|
+
.dkoi9n5 {
|
|
25
|
+
width: 160px;
|
|
26
|
+
height: 224px;
|
|
27
|
+
}
|
|
28
|
+
.dkoi9n6 {
|
|
29
|
+
width: 288px;
|
|
30
|
+
height: 224px;
|
|
31
|
+
scroll-snap-align: center;
|
|
32
|
+
}
|
|
33
|
+
.dkoi9n7 {
|
|
34
|
+
width: 100%;
|
|
35
|
+
height: 100%;
|
|
36
|
+
scroll-snap-align: center;
|
|
37
|
+
}
|
|
38
|
+
[aria-roledescription=carousel]::-webkit-scrollbar {
|
|
39
|
+
display: none;
|
|
40
|
+
}
|
|
41
|
+
/*# sourceMappingURL=carousel.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/carousel.css.ts.vanilla.css?source=LmRrb2k5bjAgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA4cHg7CiAgb3ZlcmZsb3cteDogYXV0bzsKICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTsKICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDsKICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7Cn0KLmRrb2k5bjMgewogIGdhcDogMDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIG92ZXJmbG93LXg6IGhpZGRlbjsKICBvdmVyZmxvdy15OiBhdXRvOwogIHNjcm9sbC1zbmFwLXR5cGU6IHkgbWFuZGF0b3J5OwogIGhlaWdodDogMTAwJTsKfQouZGtvaTluNCB7CiAgc2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0OwogIGZsZXgtc2hyaW5rOiAwOwogIG92ZXJmbG93OiBoaWRkZW47CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbWQtc3lzLXNoYXBlLWxhcmdlKTsKfQouZGtvaTluNSB7CiAgd2lkdGg6IDE2MHB4OwogIGhlaWdodDogMjI0cHg7Cn0KLmRrb2k5bjYgewogIHdpZHRoOiAyODhweDsKICBoZWlnaHQ6IDIyNHB4OwogIHNjcm9sbC1zbmFwLWFsaWduOiBjZW50ZXI7Cn0KLmRrb2k5bjcgewogIHdpZHRoOiAxMDAlOwogIGhlaWdodDogMTAwJTsKICBzY3JvbGwtc25hcC1hbGlnbjogY2VudGVyOwp9ClthcmlhLXJvbGVkZXNjcmlwdGlvbj0iY2Fyb3VzZWwiXTo6LXdlYmtpdC1zY3JvbGxiYXIgewogIGRpc3BsYXk6IG5vbmU7Cn0"],"sourcesContent":[".dkoi9n0 {\n display: flex;\n gap: 8px;\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth;\n scrollbar-width: none;\n}\n.dkoi9n3 {\n gap: 0;\n flex-direction: column;\n overflow-x: hidden;\n overflow-y: auto;\n scroll-snap-type: y mandatory;\n height: 100%;\n}\n.dkoi9n4 {\n scroll-snap-align: start;\n flex-shrink: 0;\n overflow: hidden;\n border-radius: var(--md-sys-shape-large);\n}\n.dkoi9n5 {\n width: 160px;\n height: 224px;\n}\n.dkoi9n6 {\n width: 288px;\n height: 224px;\n scroll-snap-align: center;\n}\n.dkoi9n7 {\n width: 100%;\n height: 100%;\n scroll-snap-align: center;\n}\n[aria-roledescription=\"carousel\"]::-webkit-scrollbar {\n display: none;\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,OAAK;AACL,cAAY;AACZ,oBAAkB,EAAE;AACpB,mBAAiB;AACjB,mBAAiB;AACnB;AACA,CAAC;AACC,OAAK;AACL,kBAAgB;AAChB,cAAY;AACZ,cAAY;AACZ,oBAAkB,EAAE;AACpB,UAAQ;AACV;AACA,CAAC;AACC,qBAAmB;AACnB,eAAa;AACb,YAAU;AACV,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,qBAAmB;AACrB;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,qBAAmB;AACrB;AACA,CAAC,8BAAgC;AAC/B,WAAS;AACX;","names":[]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as _m3_baseui_core from '@m3-baseui/core';
|
|
2
|
+
export { CarouselVariant } from '@m3-baseui/core';
|
|
3
|
+
import * as react from 'react';
|
|
4
|
+
|
|
5
|
+
declare const Carousel: {
|
|
6
|
+
Root: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & {
|
|
7
|
+
variant?: _m3_baseui_core.CarouselVariant;
|
|
8
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
Item: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export { Carousel };
|
package/dist/carousel.js
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './carousel.css';
|
|
3
|
+
import { createCarousel } from '@m3-baseui/core';
|
|
4
|
+
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
5
|
+
|
|
6
|
+
// src/carousel.ts
|
|
7
|
+
var item = createRuntimeFn({ defaultClassName: "dkoi9n4", variantClassNames: { variant: { "multi-browse": "dkoi9n5", hero: "dkoi9n6", "full-screen": "dkoi9n7" } }, defaultVariants: { variant: "multi-browse" }, compoundVariants: [] });
|
|
8
|
+
var root = createRuntimeFn({ defaultClassName: "dkoi9n0", variantClassNames: { variant: { "multi-browse": "dkoi9n1", hero: "dkoi9n2", "full-screen": "dkoi9n3" } }, defaultVariants: { variant: "multi-browse" }, compoundVariants: [] });
|
|
9
|
+
|
|
10
|
+
// src/carousel.ts
|
|
11
|
+
var Carousel = createCarousel((variant) => ({
|
|
12
|
+
root: root({ variant }),
|
|
13
|
+
item: item({ variant })
|
|
14
|
+
}));
|
|
15
|
+
|
|
16
|
+
export { Carousel };
|
|
17
|
+
//# sourceMappingURL=carousel.js.map
|
|
18
|
+
//# sourceMappingURL=carousel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/carousel.css.ts","../src/carousel.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,IAAA,GAAOA,eAAA,CAAO,EAAC,gBAAA,EAAiB,SAAA,EAAU,mBAAkB,EAAC,OAAA,EAAQ,EAAC,cAAA,EAAe,SAAA,EAAU,IAAA,EAAK,WAAU,aAAA,EAAc,SAAA,EAAS,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,cAAA,EAAc,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;AACzM,IAAI,IAAA,GAAOA,eAAA,CAAO,EAAC,gBAAA,EAAiB,SAAA,EAAU,mBAAkB,EAAC,OAAA,EAAQ,EAAC,cAAA,EAAe,SAAA,EAAU,IAAA,EAAK,WAAU,aAAA,EAAc,SAAA,EAAS,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,cAAA,EAAc,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;;;ACGzM,IAAM,QAAA,GAAW,cAAA,CAAe,CAAC,OAAA,MAAa;AAAA,EACnD,IAAA,EAAM,IAAA,CAAK,EAAE,OAAA,EAAS,CAAA;AAAA,EACtB,IAAA,EAAM,IAAA,CAAK,EAAE,OAAA,EAAS;AACxB,CAAA,CAAE","file":"carousel.js","sourcesContent":["import 'src/carousel.css.ts.vanilla.css?source=LmRrb2k5bjAgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA4cHg7CiAgb3ZlcmZsb3cteDogYXV0bzsKICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTsKICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDsKICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7Cn0KLmRrb2k5bjMgewogIGdhcDogMDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIG92ZXJmbG93LXg6IGhpZGRlbjsKICBvdmVyZmxvdy15OiBhdXRvOwogIHNjcm9sbC1zbmFwLXR5cGU6IHkgbWFuZGF0b3J5OwogIGhlaWdodDogMTAwJTsKfQouZGtvaTluNCB7CiAgc2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0OwogIGZsZXgtc2hyaW5rOiAwOwogIG92ZXJmbG93OiBoaWRkZW47CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbWQtc3lzLXNoYXBlLWxhcmdlKTsKfQouZGtvaTluNSB7CiAgd2lkdGg6IDE2MHB4OwogIGhlaWdodDogMjI0cHg7Cn0KLmRrb2k5bjYgewogIHdpZHRoOiAyODhweDsKICBoZWlnaHQ6IDIyNHB4OwogIHNjcm9sbC1zbmFwLWFsaWduOiBjZW50ZXI7Cn0KLmRrb2k5bjcgewogIHdpZHRoOiAxMDAlOwogIGhlaWdodDogMTAwJTsKICBzY3JvbGwtc25hcC1hbGlnbjogY2VudGVyOwp9ClthcmlhLXJvbGVkZXNjcmlwdGlvbj0iY2Fyb3VzZWwiXTo6LXdlYmtpdC1zY3JvbGxiYXIgewogIGRpc3BsYXk6IG5vbmU7Cn0';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var item = _7a468({defaultClassName:'dkoi9n4',variantClassNames:{variant:{'multi-browse':'dkoi9n5',hero:'dkoi9n6','full-screen':'dkoi9n7'}},defaultVariants:{variant:'multi-browse'},compoundVariants:[]});\nexport var root = _7a468({defaultClassName:'dkoi9n0',variantClassNames:{variant:{'multi-browse':'dkoi9n1',hero:'dkoi9n2','full-screen':'dkoi9n3'}},defaultVariants:{variant:'multi-browse'},compoundVariants:[]});","/**\n * carousel.ts — wires the VE styles into the shared Carousel parts factory.\n */\nimport { createCarousel } from '@m3-baseui/core';\nimport { root, item } from './carousel.css';\n\nexport const Carousel = createCarousel((variant) => ({\n root: root({ variant }),\n item: item({ variant }),\n}));\nexport type { CarouselVariant } from '@m3-baseui/core';\n"]}
|
package/dist/chip.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/chip.css.ts.vanilla.css?source=#
|
|
1
|
+
/* vanilla-extract-css-ns:src/chip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71X247TMBB971dYSEhEwiXpXqi8Ei98BkLIiSfJsK4dbKe7Be2_IztuN862NEULj3VnjmfmnBlPlt8K-wPrIs_JrwUhAm0n-Y4RVBIV0FrC492CEC6xURQdbCwjFSgHxh9_763DekcrrRwoN_7Le1LbGlT3jOT-pAVsWsdIse4C5gMK18b_Ntw0qKiE2jFCo4HueIVuF030Fkwt9QMjLQoByp91Gv19FLagnGVEaQX-3BmuLDrUig3XkOIm31iy5eYdpRtB7c7SjfYGFLhF1VDruBLciOx9DOYilxjqBT53i6fFcl_8IhS_0_uYDUjucBtyeT1KGt4xEmtb6kdq8SeqhpFSGwGGlvpxTNPVarDsuBA-8uF6RorbPULwMlxgbw-4vQVDLUio3DMdgykjRfdIrJYoiGnKd0mVKi21obp3_pIsC168um-M7pVgA6EdN6BcEJdWjtZ8g3LH0mq7XQe24hKo5CVIKrlpgHr77OD4EDOc4TiYPrta_AmzHL1hcAuctfNvHNkP_uC8wq0XmCdrBoQzvLpH1WTTVniu6FDviyQe-b7UMdU5YyXU2kDQ-0Gib97cJfLnpdWyd0E7qCy4OAImkkPVgkE31UrVG6-Tzz7Ql2Nkzsg4dHP-l1m2flgluR6CSNCs4w5osJ5C1LrqLd2ixVLCbKjgNYXilZ8lszE6A9bCi5ySgAaQoVsZuTrX1xYq7Qu1Gzo7OlJd14HcMGnGl30R3HEq0PJSgvj6nozi2J_GkXmczXAtOzlmFLW9qXkFGflA8uXVOhvJ6zLfYpX9MfZ92Y_mcJyTPAFcxV6ZGVTIpOqN9eaxPAne1UV4dMsNcuXO416_Aq6AmvfSjZ8dM0zO9UQiN_8oi5uBvtgDX8Mt4-FyTuDh3eWowMS7zkZ4yjNVY_IAno73dONMDNM2mpHhOd3fzi5VpOSQLpX64WzKcWNpufAbYAILErY8TGUJW5DFJK5hGA_RzYSYphYn6EUY0zBOM3M74WJ0wTDOnhYTUS7TpT0u0vu9Otml8-QFLJKYPv7zlT9GtrruktVy_zvd-ovV0cUyfaFa3gGteymzU98EMyTYGdz8Ta8e9UsK-ongpklIyfO3ycdP_K3L71A5WqOvoE8jAVr_L2b2mpl-myXMpGzFgUyvx2xNd_1Z7P1hwX_9wb4ezYHnl3a5vls8_QbB8-QTBA8AAA */
|
|
2
2
|
._1sqif100 {
|
|
3
3
|
display: inline-flex;
|
|
4
4
|
align-items: center;
|
|
@@ -25,7 +25,6 @@
|
|
|
25
25
|
height: 32px;
|
|
26
26
|
padding-inline: 16px;
|
|
27
27
|
border-radius: 8px;
|
|
28
|
-
overflow: hidden;
|
|
29
28
|
user-select: none;
|
|
30
29
|
border: 1px solid rgb(var(--md-sys-color-outline));
|
|
31
30
|
background: transparent;
|
|
@@ -40,6 +39,7 @@
|
|
|
40
39
|
content: "";
|
|
41
40
|
position: absolute;
|
|
42
41
|
inset: 0;
|
|
42
|
+
border-radius: inherit;
|
|
43
43
|
background: currentColor;
|
|
44
44
|
opacity: 0;
|
|
45
45
|
pointer-events: none;
|
package/dist/chip.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/chip.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/chip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71X247TMBB971dYSEhEwiXpXqi8Ei98BkLIiSfJsK4dbKe7Be2_IztuN862NEULj3VnjmfmnBlPlt8K-wPrIs_JrwUhAm0n-Y4RVBIV0FrC492CEC6xURQdbCwjFSgHxh9_763DekcrrRwoN_7Le1LbGlT3jOT-pAVsWsdIse4C5gMK18b_Ntw0qKiE2jFCo4HueIVuF030Fkwt9QMjLQoByp91Gv19FLagnGVEaQX-3BmuLDrUig3XkOIm31iy5eYdpRtB7c7SjfYGFLhF1VDruBLciOx9DOYilxjqBT53i6fFcl_8IhS_0_uYDUjucBtyeT1KGt4xEmtb6kdq8SeqhpFSGwGGlvpxTNPVarDsuBA-8uF6RorbPULwMlxgbw-4vQVDLUio3DMdgykjRfdIrJYoiGnKd0mVKi21obp3_pIsC168um-M7pVgA6EdN6BcEJdWjtZ8g3LH0mq7XQe24hKo5CVIKrlpgHr77OD4EDOc4TiYPrta_AmzHL1hcAuctfNvHNkP_uC8wq0XmCdrBoQzvLpH1WTTVniu6FDviyQe-b7UMdU5YyXU2kDQ-0Gib97cJfLnpdWyd0E7qCy4OAImkkPVgkE31UrVG6-Tzz7Ql2Nkzsg4dHP-l1m2flgluR6CSNCs4w5osJ5C1LrqLd2ixVLCbKjgNYXilZ8lszE6A9bCi5ySgAaQoVsZuTrX1xYq7Qu1Gzo7OlJd14HcMGnGl30R3HEq0PJSgvj6nozi2J_GkXmczXAtOzlmFLW9qXkFGflA8uXVOhvJ6zLfYpX9MfZ92Y_mcJyTPAFcxV6ZGVTIpOqN9eaxPAne1UV4dMsNcuXO416_Aq6AmvfSjZ8dM0zO9UQiN_8oi5uBvtgDX8Mt4-FyTuDh3eWowMS7zkZ4yjNVY_IAno73dONMDNM2mpHhOd3fzi5VpOSQLpX64WzKcWNpufAbYAILErY8TGUJW5DFJK5hGA_RzYSYphYn6EUY0zBOM3M74WJ0wTDOnhYTUS7TpT0u0vu9Otml8-QFLJKYPv7zlT9GtrruktVy_zvd-ovV0cUyfaFa3gGteymzU98EMyTYGdz8Ta8e9UsK-ongpklIyfO3ycdP_K3L71A5WqOvoE8jAVr_L2b2mpl-myXMpGzFgUyvx2xNd_1Z7P1hwX_9wb4ezYHnl3a5vls8_QbB8-QTBA8AAA"],"sourcesContent":["._1sqif100 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n height: 18px;\n width: 0;\n margin-left: -8px;\n opacity: 0;\n overflow: hidden;\n pointer-events: none;\n transition: width 150ms var(--md-sys-motion-easing-standard), margin 150ms var(--md-sys-motion-easing-standard), opacity 150ms var(--md-sys-motion-easing-standard);\n}\n._1sqif101 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n box-sizing: border-box;\n height: 32px;\n padding-inline: 16px;\n border-radius: 8px;\n user-select: none;\n border: 1px solid rgb(var(--md-sys-color-outline));\n background: transparent;\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 transition: background-color 150ms var(--md-sys-motion-easing-standard), border-color 150ms var(--md-sys-motion-easing-standard);\n}\n._1sqif101::before {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n background: currentColor;\n opacity: 0;\n pointer-events: none;\n transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n._1sqif101:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1sqif101:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._1sqif101:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1sqif101:focus-visible {\n outline: 3px solid rgb(var(--md-sys-color-secondary));\n outline-offset: 2px;\n}\n._1sqif101[data-disabled], ._1sqif101:disabled {\n pointer-events: none;\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n border-color: rgb(var(--md-sys-color-on-surface) / 0.12);\n}\n._1sqif101[data-disabled]::before, ._1sqif101:disabled::before {\n opacity: 0;\n}\n._1sqif102 {\n color: rgb(var(--md-sys-color-on-surface));\n cursor: pointer;\n}\n._1sqif103 {\n color: rgb(var(--md-sys-color-on-surface-variant));\n cursor: pointer;\n}\n._1sqif104 {\n color: rgb(var(--md-sys-color-on-surface-variant));\n cursor: default;\n padding-right: 8px;\n}\n._1sqif105 {\n color: rgb(var(--md-sys-color-on-surface-variant));\n cursor: pointer;\n}\n._1sqif105[data-pressed] {\n background: rgb(var(--md-sys-color-secondary-container));\n color: rgb(var(--md-sys-color-on-secondary-container));\n border-color: transparent;\n}\n._1sqif105[data-pressed][data-disabled], ._1sqif105[data-pressed]:disabled {\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n}\n._1sqif106 {\n background: rgb(var(--md-sys-color-surface-container-low));\n border-color: transparent;\n box-shadow: var(--md-sys-elevation-level1);\n}\n._1sqif106:hover {\n box-shadow: var(--md-sys-elevation-level2);\n}\n._1sqif106:active {\n box-shadow: var(--md-sys-elevation-level1);\n}\n._1sqif106[data-disabled], ._1sqif106:disabled {\n box-shadow: none;\n}\n[data-pressed] ._1sqif100 {\n width: 18px;\n margin-left: 0;\n opacity: 1;\n}\n._1sqif107 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n margin-left: -12px;\n border-radius: var(--md-sys-shape-full);\n overflow: hidden;\n background: rgb(var(--md-sys-color-primary-container));\n color: rgb(var(--md-sys-color-on-primary-container));\n}\n._1sqif107 > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n._1sqif108 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n margin-left: 4px;\n margin-right: -4px;\n border: none;\n border-radius: var(--md-sys-shape-full);\n background: transparent;\n color: rgb(var(--md-sys-color-on-surface-variant));\n cursor: pointer;\n}\n._1sqif108:hover {\n opacity: 0.8;\n}"],"mappings":"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","names":[]}
|
package/dist/chip.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/chip.css.ts","../src/chip.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,MAAA,GAAS,WAAA;AACb,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,IAAA,GAAOA,eAAA,CAAO,EAAC,gBAAA,EAAiB,aAAY,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,MAAA,EAAO,WAAA,EAAY,UAAA,EAAW,WAAA,EAAY,OAAM,WAAA,EAAY,MAAA,EAAO,WAAA,EAAW,EAAE,QAAA,EAAS,EAAC,IAAA,EAAK,WAAA,IAAY,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,QAAA,EAAQ,EAAE,gBAAA,EAAiB,IAAG,CAAA;AAChP,IAAI,MAAA,GAAS,WAAA;;;ACCb,IAAM,OAAO,UAAA,CAAW,CAAC,EAAE,OAAA,EAAS,UAAS,MAAO;AAAA,EACzD,IAAA,EAAM,IAAA,CAAK,EAAE,OAAA,EAAS,UAAU,CAAA;AAAA,EAChC,MAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,CAAE","file":"chip.js","sourcesContent":["import 'src/chip.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["../src/chip.css.ts","../src/chip.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,MAAA,GAAS,WAAA;AACb,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,IAAA,GAAOA,eAAA,CAAO,EAAC,gBAAA,EAAiB,aAAY,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,MAAA,EAAO,WAAA,EAAY,UAAA,EAAW,WAAA,EAAY,OAAM,WAAA,EAAY,MAAA,EAAO,WAAA,EAAW,EAAE,QAAA,EAAS,EAAC,IAAA,EAAK,WAAA,IAAY,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,QAAA,EAAQ,EAAE,gBAAA,EAAiB,IAAG,CAAA;AAChP,IAAI,MAAA,GAAS,WAAA;;;ACCb,IAAM,OAAO,UAAA,CAAW,CAAC,EAAE,OAAA,EAAS,UAAS,MAAO;AAAA,EACzD,IAAA,EAAM,IAAA,CAAK,EAAE,OAAA,EAAS,UAAU,CAAA;AAAA,EAChC,MAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,CAAE","file":"chip.js","sourcesContent":["import 'src/chip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71X247TMBB971dYSEhEwiXpXqi8Ei98BkLIiSfJsK4dbKe7Be2_IztuN862NEULj3VnjmfmnBlPlt8K-wPrIs_JrwUhAm0n-Y4RVBIV0FrC492CEC6xURQdbCwjFSgHxh9_763DekcrrRwoN_7Le1LbGlT3jOT-pAVsWsdIse4C5gMK18b_Ntw0qKiE2jFCo4HueIVuF030Fkwt9QMjLQoByp91Gv19FLagnGVEaQX-3BmuLDrUig3XkOIm31iy5eYdpRtB7c7SjfYGFLhF1VDruBLciOx9DOYilxjqBT53i6fFcl_8IhS_0_uYDUjucBtyeT1KGt4xEmtb6kdq8SeqhpFSGwGGlvpxTNPVarDsuBA-8uF6RorbPULwMlxgbw-4vQVDLUio3DMdgykjRfdIrJYoiGnKd0mVKi21obp3_pIsC168um-M7pVgA6EdN6BcEJdWjtZ8g3LH0mq7XQe24hKo5CVIKrlpgHr77OD4EDOc4TiYPrta_AmzHL1hcAuctfNvHNkP_uC8wq0XmCdrBoQzvLpH1WTTVniu6FDviyQe-b7UMdU5YyXU2kDQ-0Gib97cJfLnpdWyd0E7qCy4OAImkkPVgkE31UrVG6-Tzz7Ql2Nkzsg4dHP-l1m2flgluR6CSNCs4w5osJ5C1LrqLd2ixVLCbKjgNYXilZ8lszE6A9bCi5ySgAaQoVsZuTrX1xYq7Qu1Gzo7OlJd14HcMGnGl30R3HEq0PJSgvj6nozi2J_GkXmczXAtOzlmFLW9qXkFGflA8uXVOhvJ6zLfYpX9MfZ92Y_mcJyTPAFcxV6ZGVTIpOqN9eaxPAne1UV4dMsNcuXO416_Aq6AmvfSjZ8dM0zO9UQiN_8oi5uBvtgDX8Mt4-FyTuDh3eWowMS7zkZ4yjNVY_IAno73dONMDNM2mpHhOd3fzi5VpOSQLpX64WzKcWNpufAbYAILErY8TGUJW5DFJK5hGA_RzYSYphYn6EUY0zBOM3M74WJ0wTDOnhYTUS7TpT0u0vu9Otml8-QFLJKYPv7zlT9GtrruktVy_zvd-ovV0cUyfaFa3gGteymzU98EMyTYGdz8Ta8e9UsK-ongpklIyfO3ycdP_K3L71A5WqOvoE8jAVr_L2b2mpl-myXMpGzFgUyvx2xNd_1Z7P1hwX_9wb4ezYHnl3a5vls8_QbB8-QTBA8AAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var avatar = '_1sqif107';\nexport var check = '_1sqif100';\nexport var chip = _7a468({defaultClassName:'_1sqif101',variantClassNames:{variant:{assist:'_1sqif102',suggestion:'_1sqif103',input:'_1sqif104',filter:'_1sqif105'},elevated:{true:'_1sqif106'}},defaultVariants:{variant:'assist'},compoundVariants:[]});\nexport var remove = '_1sqif108';","/**\n * chip.ts — wires the VE recipe into the shared factory.\n */\nimport { createChip } from '@m3-baseui/core';\nimport { chip, check, remove, avatar } from './chip.css';\n\nexport const Chip = createChip(({ variant, elevated }) => ({\n root: chip({ variant, elevated }),\n remove,\n check,\n avatar,\n}));\nexport type { ChipProps, ChipVariant } from '@m3-baseui/core';\n"]}
|