@m3-baseui/react-vanilla-extract 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/badge.css +32 -0
- package/dist/badge.css.map +1 -0
- package/dist/badge.d.ts +7 -0
- package/dist/badge.js +16 -0
- package/dist/badge.js.map +1 -0
- package/dist/button.css +171 -0
- package/dist/button.css.map +1 -0
- package/dist/button.d.ts +10 -0
- package/dist/button.js +14 -0
- package/dist/button.js.map +1 -0
- package/dist/card.css +66 -0
- package/dist/card.css.map +1 -0
- package/dist/card.d.ts +7 -0
- package/dist/card.js +16 -0
- package/dist/card.js.map +1 -0
- package/dist/checkbox.css +122 -0
- package/dist/checkbox.css.map +1 -0
- package/dist/checkbox.d.ts +8 -0
- package/dist/checkbox.js +17 -0
- package/dist/checkbox.js.map +1 -0
- package/dist/chip.css +153 -0
- package/dist/chip.css.map +1 -0
- package/dist/chip.d.ts +7 -0
- package/dist/chip.js +22 -0
- package/dist/chip.js.map +1 -0
- package/dist/dialog.css +60 -0
- package/dist/dialog.css.map +1 -0
- package/dist/dialog.d.ts +15 -0
- package/dist/dialog.js +19 -0
- package/dist/dialog.js.map +1 -0
- package/dist/divider.css +28 -0
- package/dist/divider.css.map +1 -0
- package/dist/divider.d.ts +10 -0
- package/dist/divider.js +14 -0
- package/dist/divider.js.map +1 -0
- package/dist/fab.css +109 -0
- package/dist/fab.css.map +1 -0
- package/dist/fab.d.ts +10 -0
- package/dist/fab.js +14 -0
- package/dist/fab.js.map +1 -0
- package/dist/icon-button.css +209 -0
- package/dist/icon-button.css.map +1 -0
- package/dist/icon-button.d.ts +10 -0
- package/dist/icon-button.js +16 -0
- package/dist/icon-button.js.map +1 -0
- package/dist/index.css +2714 -0
- package/dist/index.css.map +1 -0
- package/dist/index.d.ts +27 -0
- package/dist/index.js +318 -0
- package/dist/index.js.map +1 -0
- package/dist/item.css +72 -0
- package/dist/item.css.map +1 -0
- package/dist/item.d.ts +7 -0
- package/dist/item.js +29 -0
- package/dist/item.js.map +1 -0
- package/dist/list.css +128 -0
- package/dist/list.css.map +1 -0
- package/dist/list.d.ts +10 -0
- package/dist/list.js +31 -0
- package/dist/list.js.map +1 -0
- package/dist/menu.css +262 -0
- package/dist/menu.css.map +1 -0
- package/dist/menu.d.ts +24 -0
- package/dist/menu.js +31 -0
- package/dist/menu.js.map +1 -0
- package/dist/navigation-bar.css +92 -0
- package/dist/navigation-bar.css.map +1 -0
- package/dist/navigation-bar.d.ts +12 -0
- package/dist/navigation-bar.js +27 -0
- package/dist/navigation-bar.js.map +1 -0
- package/dist/navigation-drawer.css +112 -0
- package/dist/navigation-drawer.css.map +1 -0
- package/dist/navigation-drawer.d.ts +13 -0
- package/dist/navigation-drawer.js +26 -0
- package/dist/navigation-drawer.js.map +1 -0
- package/dist/progress.css +68 -0
- package/dist/progress.css.map +1 -0
- package/dist/progress.d.ts +10 -0
- package/dist/progress.js +23 -0
- package/dist/progress.js.map +1 -0
- package/dist/radio.css +98 -0
- package/dist/radio.css.map +1 -0
- package/dist/radio.d.ts +9 -0
- package/dist/radio.js +18 -0
- package/dist/radio.js.map +1 -0
- package/dist/segmented-button.css +101 -0
- package/dist/segmented-button.css.map +1 -0
- package/dist/segmented-button.d.ts +12 -0
- package/dist/segmented-button.js +25 -0
- package/dist/segmented-button.js.map +1 -0
- package/dist/select.css +181 -0
- package/dist/select.css.map +1 -0
- package/dist/select.d.ts +22 -0
- package/dist/select.js +33 -0
- package/dist/select.js.map +1 -0
- package/dist/slider.css +78 -0
- package/dist/slider.css.map +1 -0
- package/dist/slider.d.ts +15 -0
- package/dist/slider.js +20 -0
- package/dist/slider.js.map +1 -0
- package/dist/snackbar.css +139 -0
- package/dist/snackbar.css.map +1 -0
- package/dist/snackbar.d.ts +21 -0
- package/dist/snackbar.js +28 -0
- package/dist/snackbar.js.map +1 -0
- package/dist/switch.css +139 -0
- package/dist/switch.css.map +1 -0
- package/dist/switch.d.ts +9 -0
- package/dist/switch.js +18 -0
- package/dist/switch.js.map +1 -0
- package/dist/tabs.css +108 -0
- package/dist/tabs.css.map +1 -0
- package/dist/tabs.d.ts +20 -0
- package/dist/tabs.js +24 -0
- package/dist/tabs.js.map +1 -0
- package/dist/textfield.css +160 -0
- package/dist/textfield.css.map +1 -0
- package/dist/textfield.d.ts +7 -0
- package/dist/textfield.js +37 -0
- package/dist/textfield.js.map +1 -0
- package/dist/tooltip.css +26 -0
- package/dist/tooltip.css.map +1 -0
- package/dist/tooltip.d.ts +14 -0
- package/dist/tooltip.js +16 -0
- package/dist/tooltip.js.map +1 -0
- package/package.json +167 -0
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './navigation-bar.css';
|
|
3
|
+
import { createNavigationBar } from '@m3-baseui/core';
|
|
4
|
+
|
|
5
|
+
// src/navigation-bar.ts
|
|
6
|
+
|
|
7
|
+
// src/navigation-bar.css.ts
|
|
8
|
+
var icon = "_1oj6paf4";
|
|
9
|
+
var iconWrap = "_1oj6paf2";
|
|
10
|
+
var indicator = "_1oj6paf3";
|
|
11
|
+
var item = "_1oj6paf1";
|
|
12
|
+
var label = "_1oj6paf5";
|
|
13
|
+
var root = "_1oj6paf0";
|
|
14
|
+
|
|
15
|
+
// src/navigation-bar.ts
|
|
16
|
+
var NavigationBar = createNavigationBar({
|
|
17
|
+
root,
|
|
18
|
+
item,
|
|
19
|
+
iconWrap,
|
|
20
|
+
indicator,
|
|
21
|
+
icon,
|
|
22
|
+
label
|
|
23
|
+
});
|
|
24
|
+
|
|
25
|
+
export { NavigationBar };
|
|
26
|
+
//# sourceMappingURL=navigation-bar.js.map
|
|
27
|
+
//# sourceMappingURL=navigation-bar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/navigation-bar.css.ts","../src/navigation-bar.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,QAAA,GAAW,WAAA;AACf,IAAI,SAAA,GAAY,WAAA;AAChB,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,IAAA,GAAO,WAAA;;;ACAX,IAAM,gBAAgB,mBAAA,CAAoB;AAAA,EAC/C,IAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAC","file":"navigation-bar.js","sourcesContent":["import 'src/navigation-bar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71Vy27bMBC8-yuIAAXiAwMpzgv0sZ9RFMWKXElMKJIgV07dIv9ekJJjyw_ETtGeLFO7w5nZIXXzo3TPDx7qgv2eMaZ09AbWgtUGfy5njIHRjeWasIuCRQpIsk3rz30kXa-5dJbQkmDRg0QOwfVWpYJXragVrCyKL-lvi7ppSbCnwmfcCuRLk4sFC011vYJwzXmneFxHLp1xgcc-1AkzbQHaYpjPl7O32c2GcZkZexc1aWcFC2iA9AqXx3SkX8HKzSNXOqAc-qQzfWcPxEq0hOGo1u2rBrxgd4MkD0pp23BtjbZ4sEzOC1beThcrR-Q6wcqHQ1sogI0eAlrKr1xQGASzzmaJsg_RBcG80xs2fcTAIxqUtK1zPQ18hoVdA78pIOBKR6gMqu_ZT-dBaloLVtwsnjLVAZ_jCi3FIzC3l8zhcovHID2Mdm6CtMhO7tBY7NGAKjrTU6ahbUQSrNj6yAMo3UfBJsGLLXjkdW_M_INpuBWG2rhXwVqtFOb45JJx923rkGZW3hddnO7WuVTLEWKKQiSwCoKahnwhRIW1C5jVvdtzdbU8T-yOAtmHxP5rorOcTPr0mKeixo50qD-jZcybDxhjitve6M65ElC6BLw-fSmINo2GnTDwXfN07ASEPDfuo9VO9pGvdNSVwc-gZoB9VJDpgHwGbjRvCnj3b09g9v7kTJx9v6lXEDRYms_3g_NXR-BkbO7GM_ERuw9Dc38m0DGZtbPEa-i02R8YrT1GCQa5gQoN71DpvuOpYdv5Ol5n53QOtdveqH_heZ2pMvelLwFvL9hzp2EAQEq3RPraa9uch0EB5Iu2zX-KxWXTnB_O4rEolrO3P93vGh8aCQAA';\nexport var icon = '_1oj6paf4';\nexport var iconWrap = '_1oj6paf2';\nexport var indicator = '_1oj6paf3';\nexport var item = '_1oj6paf1';\nexport var label = '_1oj6paf5';\nexport var root = '_1oj6paf0';","/**\n * navigation-bar.ts — wires the VE styles into the shared NavigationBar factory.\n */\nimport { createNavigationBar } from '@m3-baseui/core';\nimport { root, item, iconWrap, indicator, icon, label } from './navigation-bar.css';\n\nexport const NavigationBar = createNavigationBar({\n root,\n item,\n iconWrap,\n indicator,\n icon,\n label,\n});\n"]}
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/navigation-drawer.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VWUW_bOAx-768QBhzQAlPPadducB_3M4biQEu0rVWWDJF2mh3uvx8kO4ntJoOTwz0FjvhRJPV9JO__2rTctPQzE3_fCKENtRZ2uSgtvr_ciPQrtQmo2HiXC-Vt17h4UkGbiy9tsir8uyTzy7gqF4UPGoMsfDrZGs11Lh6fs8GyBa2T2eZhhIJ6q4LvnM5FqIrbHsKtlI2WtCOpvPVBUhdKUCiVdwzGYZDWb-_uIjoZnAV6t8dG639u7vfJPqRkU9Q1aL_NxQyNFnuI-UqLPdrN3ZBjyot9K4OpapYBtOloAaUaWpQWQoVTVOGZfbMeOIn1McU61k0aZ43DXGyeZ_WMYX38c7j18EpriyV7CAYcDyUuvWNZQmPsbhEy71okBRYlG7YoqQFrZbQ_ArcYU14FHEyPUDK_cBUwGiZYLI2s1984sR_wyIxBUgsqcXSFCw6g3oyr5m_2ZXgzT2ZQTUALbHp8OSWxUSKbLPsjfoI1lZOGsaFcKHSM4SC3g2jO6m2f_dOCCkvejKjfULHsrE1VYXxnmaLKhcWSl6rlAI5aCOj46DkXzjs8wDUqH2Aoxv5AdYEiH1tv9kl2FMuPFhUf7XyPobRRpLXRGlPz8R0P-Ryc_W_ctlCgHYR5GbenwIu4PQVexO0p8EpuT11MuC2GVx7pfHz9ob5i85Q1NHfZ-NRAESjSjxichqDvPotLEXNh5XmBpQ-YBBYHAjrOxadPLzO9QUHedpyYYRwh5yJb0lZ1IVL2ewwnUSpWhnej5UhKiT06pgmbJ2UYEVG51-VSR2rPMjoEMRckA6NM1ksXpVcdyd6QKSyudpVQS1egYota7aMNSITLnH5oYBgljPp1mLMrRjwqH0u0Ow75tQP-NHKWmTYEhUX9WSwD3Z-8jg379KOv3jLEnyK7f_x27v59bX8Tx-nyZzOHT6dXtTOD42dHbMqhPEksx6O03FEdjHv7eAf1VbpnHE8P4xKxb0HD9wTxnKyjy1xsomVjnBzB2bk-nobD8QCtNS0ZSmOxNoypX6U2vw3Qzu77elEVlqle0vuv2GumwCt6_xV7zRT4n3r_x73mX2fIy_UkDAAA */
|
|
2
|
+
._1ptmpsj0 {
|
|
3
|
+
display: flex;
|
|
4
|
+
flex-direction: column;
|
|
5
|
+
gap: 4px;
|
|
6
|
+
box-sizing: border-box;
|
|
7
|
+
width: 360px;
|
|
8
|
+
padding: 12px;
|
|
9
|
+
background: rgb(var(--md-sys-color-surface-container-low));
|
|
10
|
+
color: rgb(var(--md-sys-color-on-surface));
|
|
11
|
+
}
|
|
12
|
+
._1ptmpsj2 {
|
|
13
|
+
box-shadow: var(--md-sys-elevation-level1);
|
|
14
|
+
border-top-right-radius: var(--md-sys-shape-large);
|
|
15
|
+
border-bottom-right-radius: var(--md-sys-shape-large);
|
|
16
|
+
}
|
|
17
|
+
._1ptmpsj3 {
|
|
18
|
+
padding-inline: 16px;
|
|
19
|
+
padding-top: 16px;
|
|
20
|
+
padding-bottom: 4px;
|
|
21
|
+
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
22
|
+
font-family: var(--md-sys-typescale-title-small-font);
|
|
23
|
+
font-weight: var(--md-sys-typescale-title-small-weight);
|
|
24
|
+
font-size: var(--md-sys-typescale-title-small-size);
|
|
25
|
+
line-height: var(--md-sys-typescale-title-small-line-height);
|
|
26
|
+
letter-spacing: var(--md-sys-typescale-title-small-tracking);
|
|
27
|
+
}
|
|
28
|
+
._1ptmpsj4 {
|
|
29
|
+
position: relative;
|
|
30
|
+
display: flex;
|
|
31
|
+
width: 100%;
|
|
32
|
+
align-items: center;
|
|
33
|
+
gap: 12px;
|
|
34
|
+
box-sizing: border-box;
|
|
35
|
+
height: 56px;
|
|
36
|
+
padding-inline: 16px;
|
|
37
|
+
border-radius: var(--md-sys-shape-full);
|
|
38
|
+
text-align: left;
|
|
39
|
+
background: transparent;
|
|
40
|
+
border: none;
|
|
41
|
+
text-decoration: none;
|
|
42
|
+
cursor: pointer;
|
|
43
|
+
user-select: none;
|
|
44
|
+
overflow: hidden;
|
|
45
|
+
outline: none;
|
|
46
|
+
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
47
|
+
font-family: var(--md-sys-typescale-label-large-font);
|
|
48
|
+
font-weight: var(--md-sys-typescale-label-large-weight);
|
|
49
|
+
font-size: var(--md-sys-typescale-label-large-size);
|
|
50
|
+
line-height: var(--md-sys-typescale-label-large-line-height);
|
|
51
|
+
letter-spacing: var(--md-sys-typescale-label-large-tracking);
|
|
52
|
+
transition: background-color 150ms var(--md-sys-motion-easing-standard), color 150ms var(--md-sys-motion-easing-standard);
|
|
53
|
+
}
|
|
54
|
+
._1ptmpsj4::before {
|
|
55
|
+
content: "";
|
|
56
|
+
position: absolute;
|
|
57
|
+
inset: 0;
|
|
58
|
+
background: currentColor;
|
|
59
|
+
opacity: 0;
|
|
60
|
+
pointer-events: none;
|
|
61
|
+
transition: opacity 100ms var(--md-sys-motion-easing-standard);
|
|
62
|
+
}
|
|
63
|
+
._1ptmpsj4:hover::before {
|
|
64
|
+
opacity: var(--md-sys-state-hover);
|
|
65
|
+
}
|
|
66
|
+
._1ptmpsj4:focus-visible::before {
|
|
67
|
+
opacity: var(--md-sys-state-focus);
|
|
68
|
+
}
|
|
69
|
+
._1ptmpsj4:active::before {
|
|
70
|
+
opacity: var(--md-sys-state-pressed);
|
|
71
|
+
}
|
|
72
|
+
._1ptmpsj4[data-selected] {
|
|
73
|
+
background: rgb(var(--md-sys-color-secondary-container));
|
|
74
|
+
color: rgb(var(--md-sys-color-on-secondary-container));
|
|
75
|
+
}
|
|
76
|
+
._1ptmpsj4:disabled,
|
|
77
|
+
._1ptmpsj4[data-disabled] {
|
|
78
|
+
pointer-events: none;
|
|
79
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
80
|
+
}
|
|
81
|
+
._1ptmpsj4:disabled::before,
|
|
82
|
+
._1ptmpsj4[data-disabled]::before {
|
|
83
|
+
opacity: 0;
|
|
84
|
+
}
|
|
85
|
+
._1ptmpsj5 {
|
|
86
|
+
display: flex;
|
|
87
|
+
align-items: center;
|
|
88
|
+
justify-content: center;
|
|
89
|
+
flex-shrink: 0;
|
|
90
|
+
}
|
|
91
|
+
._1ptmpsj5 svg {
|
|
92
|
+
width: 24px;
|
|
93
|
+
height: 24px;
|
|
94
|
+
}
|
|
95
|
+
._1ptmpsj6 {
|
|
96
|
+
flex: 1;
|
|
97
|
+
min-width: 0;
|
|
98
|
+
overflow: hidden;
|
|
99
|
+
text-overflow: ellipsis;
|
|
100
|
+
white-space: nowrap;
|
|
101
|
+
}
|
|
102
|
+
._1ptmpsj7 {
|
|
103
|
+
display: flex;
|
|
104
|
+
align-items: center;
|
|
105
|
+
flex-shrink: 0;
|
|
106
|
+
font-family: var(--md-sys-typescale-label-small-font);
|
|
107
|
+
font-weight: var(--md-sys-typescale-label-small-weight);
|
|
108
|
+
font-size: var(--md-sys-typescale-label-small-size);
|
|
109
|
+
line-height: var(--md-sys-typescale-label-small-line-height);
|
|
110
|
+
letter-spacing: var(--md-sys-typescale-label-small-tracking);
|
|
111
|
+
}
|
|
112
|
+
/*# sourceMappingURL=navigation-drawer.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/navigation-drawer.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VWUW_bOAx-768QBhzQAlPPadducB_3M4biQEu0rVWWDJF2mh3uvx8kO4ntJoOTwz0FjvhRJPV9JO__2rTctPQzE3_fCKENtRZ2uSgtvr_ciPQrtQmo2HiXC-Vt17h4UkGbiy9tsir8uyTzy7gqF4UPGoMsfDrZGs11Lh6fs8GyBa2T2eZhhIJ6q4LvnM5FqIrbHsKtlI2WtCOpvPVBUhdKUCiVdwzGYZDWb-_uIjoZnAV6t8dG639u7vfJPqRkU9Q1aL_NxQyNFnuI-UqLPdrN3ZBjyot9K4OpapYBtOloAaUaWpQWQoVTVOGZfbMeOIn1McU61k0aZ43DXGyeZ_WMYX38c7j18EpriyV7CAYcDyUuvWNZQmPsbhEy71okBRYlG7YoqQFrZbQ_ArcYU14FHEyPUDK_cBUwGiZYLI2s1984sR_wyIxBUgsqcXSFCw6g3oyr5m_2ZXgzT2ZQTUALbHp8OSWxUSKbLPsjfoI1lZOGsaFcKHSM4SC3g2jO6m2f_dOCCkvejKjfULHsrE1VYXxnmaLKhcWSl6rlAI5aCOj46DkXzjs8wDUqH2Aoxv5AdYEiH1tv9kl2FMuPFhUf7XyPobRRpLXRGlPz8R0P-Ryc_W_ctlCgHYR5GbenwIu4PQVexO0p8EpuT11MuC2GVx7pfHz9ob5i85Q1NHfZ-NRAESjSjxichqDvPotLEXNh5XmBpQ-YBBYHAjrOxadPLzO9QUHedpyYYRwh5yJb0lZ1IVL2ewwnUSpWhnej5UhKiT06pgmbJ2UYEVG51-VSR2rPMjoEMRckA6NM1ksXpVcdyd6QKSyudpVQS1egYota7aMNSITLnH5oYBgljPp1mLMrRjwqH0u0Ow75tQP-NHKWmTYEhUX9WSwD3Z-8jg379KOv3jLEnyK7f_x27v59bX8Tx-nyZzOHT6dXtTOD42dHbMqhPEksx6O03FEdjHv7eAf1VbpnHE8P4xKxb0HD9wTxnKyjy1xsomVjnBzB2bk-nobD8QCtNS0ZSmOxNoypX6U2vw3Qzu77elEVlqle0vuv2GumwCt6_xV7zRT4n3r_x73mX2fIy_UkDAAA"],"sourcesContent":["._1ptmpsj0 {\n display: flex;\n flex-direction: column;\n gap: 4px;\n box-sizing: border-box;\n width: 360px;\n padding: 12px;\n background: rgb(var(--md-sys-color-surface-container-low));\n color: rgb(var(--md-sys-color-on-surface));\n}\n._1ptmpsj2 {\n box-shadow: var(--md-sys-elevation-level1);\n border-top-right-radius: var(--md-sys-shape-large);\n border-bottom-right-radius: var(--md-sys-shape-large);\n}\n._1ptmpsj3 {\n padding-inline: 16px;\n padding-top: 16px;\n padding-bottom: 4px;\n color: rgb(var(--md-sys-color-on-surface-variant));\n font-family: var(--md-sys-typescale-title-small-font);\n font-weight: var(--md-sys-typescale-title-small-weight);\n font-size: var(--md-sys-typescale-title-small-size);\n line-height: var(--md-sys-typescale-title-small-line-height);\n letter-spacing: var(--md-sys-typescale-title-small-tracking);\n}\n._1ptmpsj4 {\n position: relative;\n display: flex;\n width: 100%;\n align-items: center;\n gap: 12px;\n box-sizing: border-box;\n height: 56px;\n padding-inline: 16px;\n border-radius: var(--md-sys-shape-full);\n text-align: left;\n background: transparent;\n border: none;\n text-decoration: none;\n cursor: pointer;\n user-select: none;\n overflow: hidden;\n outline: none;\n color: rgb(var(--md-sys-color-on-surface-variant));\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), color 150ms var(--md-sys-motion-easing-standard);\n}\n._1ptmpsj4::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._1ptmpsj4:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1ptmpsj4:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._1ptmpsj4:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1ptmpsj4[data-selected] {\n background: rgb(var(--md-sys-color-secondary-container));\n color: rgb(var(--md-sys-color-on-secondary-container));\n}\n._1ptmpsj4:disabled, ._1ptmpsj4[data-disabled] {\n pointer-events: none;\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1ptmpsj4:disabled::before, ._1ptmpsj4[data-disabled]::before {\n opacity: 0;\n}\n._1ptmpsj5 {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n._1ptmpsj5 svg {\n width: 24px;\n height: 24px;\n}\n._1ptmpsj6 {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n._1ptmpsj7 {\n display: flex;\n align-items: center;\n flex-shrink: 0;\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":";AAAA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACL,cAAY;AACZ,SAAO;AACP,WAAS;AACT,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,cAAY,IAAI;AAChB,2BAAyB,IAAI;AAC7B,8BAA4B,IAAI;AAClC;AACA,CAAC;AACC,kBAAgB;AAChB,eAAa;AACb,kBAAgB;AAChB,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,SAAO;AACP,eAAa;AACb,OAAK;AACL,cAAY;AACZ,UAAQ;AACR,kBAAgB;AAChB,iBAAe,IAAI;AACnB,cAAY;AACZ,cAAY;AACZ,UAAQ;AACR,mBAAiB;AACjB,UAAQ;AACR,eAAa;AACb,YAAU;AACV,WAAS;AACT,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,cAAY,iBAAiB,MAAM,IAAI,gCAAgC,EAAE,MAAM,MAAM,IAAI;AAC3F;AACA,CA1BC,SA0BS;AACR,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CAnCC,SAmCS,MAAM;AACd,WAAS,IAAI;AACf;AACA,CAtCC,SAsCS,cAAc;AACtB,WAAS,IAAI;AACf;AACA,CAzCC,SAyCS,OAAO;AACf,WAAS,IAAI;AACf;AACA,CA5CC,SA4CS,CAAC;AACT,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAhDC,SAgDS;AAAW,CAhDpB,SAgD8B,CAAC;AAC9B,kBAAgB;AAChB,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CApDC,SAoDS,SAAS;AAAU,CApD5B,SAoDsC,CAAC,cAAc;AACpD,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,eAAa;AACf;AACA,CANC,UAMU;AACT,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,QAAM;AACN,aAAW;AACX,YAAU;AACV,iBAAe;AACf,eAAa;AACf;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,eAAa;AACb,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;","names":[]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import * as _m3_baseui_core from '@m3-baseui/core';
|
|
3
|
+
export { NavigationDrawerVariant } from '@m3-baseui/core';
|
|
4
|
+
|
|
5
|
+
declare const NavigationDrawer: {
|
|
6
|
+
Root: react.ForwardRefExoticComponent<_m3_baseui_core.NavigationDrawerOwnProps & react.HTMLAttributes<HTMLElement> & react.RefAttributes<HTMLElement>>;
|
|
7
|
+
Headline: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLHeadingElement> & react.RefAttributes<HTMLHeadingElement>>;
|
|
8
|
+
Item: react.ForwardRefExoticComponent<_m3_baseui_core.NavigationDrawerItemOwnProps & Omit<react.HTMLAttributes<HTMLElement>, "color"> & {
|
|
9
|
+
href?: string;
|
|
10
|
+
} & react.RefAttributes<HTMLElement>>;
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
export { NavigationDrawer };
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './navigation-drawer.css';
|
|
3
|
+
import { createNavigationDrawer } from '@m3-baseui/core';
|
|
4
|
+
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
5
|
+
|
|
6
|
+
// src/navigation-drawer.ts
|
|
7
|
+
var headline = "_1ptmpsj3";
|
|
8
|
+
var item = "_1ptmpsj4";
|
|
9
|
+
var label = "_1ptmpsj6";
|
|
10
|
+
var leading = "_1ptmpsj5";
|
|
11
|
+
var root = createRuntimeFn({ defaultClassName: "_1ptmpsj0", variantClassNames: { variant: { standard: "_1ptmpsj1", modal: "_1ptmpsj2" } }, defaultVariants: { variant: "standard" }, compoundVariants: [] });
|
|
12
|
+
var trailing = "_1ptmpsj7";
|
|
13
|
+
|
|
14
|
+
// src/navigation-drawer.ts
|
|
15
|
+
var NavigationDrawer = createNavigationDrawer({
|
|
16
|
+
root: ({ variant }) => root({ variant }),
|
|
17
|
+
headline,
|
|
18
|
+
item,
|
|
19
|
+
leading,
|
|
20
|
+
label,
|
|
21
|
+
trailing
|
|
22
|
+
});
|
|
23
|
+
|
|
24
|
+
export { NavigationDrawer };
|
|
25
|
+
//# sourceMappingURL=navigation-drawer.js.map
|
|
26
|
+
//# sourceMappingURL=navigation-drawer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/navigation-drawer.css.ts","../src/navigation-drawer.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,QAAA,GAAW,WAAA;AACf,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,OAAA,GAAU,WAAA;AACd,IAAI,IAAA,GAAOA,gBAAO,EAAC,gBAAA,EAAiB,aAAY,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,QAAA,EAAS,WAAA,EAAY,OAAM,WAAA,EAAW,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,YAAU,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;AAC9K,IAAI,QAAA,GAAW,WAAA;;;ACDf,IAAM,mBAAmB,sBAAA,CAAuB;AAAA,EACrD,IAAA,EAAM,CAAC,EAAE,OAAA,OAAc,IAAA,CAAK,EAAE,SAAS,CAAA;AAAA,EACvC,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAC","file":"navigation-drawer.js","sourcesContent":["import 'src/navigation-drawer.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VWUW_bOAx-768QBhzQAlPPadducB_3M4biQEu0rVWWDJF2mh3uvx8kO4ntJoOTwz0FjvhRJPV9JO__2rTctPQzE3_fCKENtRZ2uSgtvr_ciPQrtQmo2HiXC-Vt17h4UkGbiy9tsir8uyTzy7gqF4UPGoMsfDrZGs11Lh6fs8GyBa2T2eZhhIJ6q4LvnM5FqIrbHsKtlI2WtCOpvPVBUhdKUCiVdwzGYZDWb-_uIjoZnAV6t8dG639u7vfJPqRkU9Q1aL_NxQyNFnuI-UqLPdrN3ZBjyot9K4OpapYBtOloAaUaWpQWQoVTVOGZfbMeOIn1McU61k0aZ43DXGyeZ_WMYX38c7j18EpriyV7CAYcDyUuvWNZQmPsbhEy71okBRYlG7YoqQFrZbQ_ArcYU14FHEyPUDK_cBUwGiZYLI2s1984sR_wyIxBUgsqcXSFCw6g3oyr5m_2ZXgzT2ZQTUALbHp8OSWxUSKbLPsjfoI1lZOGsaFcKHSM4SC3g2jO6m2f_dOCCkvejKjfULHsrE1VYXxnmaLKhcWSl6rlAI5aCOj46DkXzjs8wDUqH2Aoxv5AdYEiH1tv9kl2FMuPFhUf7XyPobRRpLXRGlPz8R0P-Ryc_W_ctlCgHYR5GbenwIu4PQVexO0p8EpuT11MuC2GVx7pfHz9ob5i85Q1NHfZ-NRAESjSjxichqDvPotLEXNh5XmBpQ-YBBYHAjrOxadPLzO9QUHedpyYYRwh5yJb0lZ1IVL2ewwnUSpWhnej5UhKiT06pgmbJ2UYEVG51-VSR2rPMjoEMRckA6NM1ksXpVcdyd6QKSyudpVQS1egYota7aMNSITLnH5oYBgljPp1mLMrRjwqH0u0Ow75tQP-NHKWmTYEhUX9WSwD3Z-8jg379KOv3jLEnyK7f_x27v59bX8Tx-nyZzOHT6dXtTOD42dHbMqhPEksx6O03FEdjHv7eAf1VbpnHE8P4xKxb0HD9wTxnKyjy1xsomVjnBzB2bk-nobD8QCtNS0ZSmOxNoypX6U2vw3Qzu77elEVlqle0vuv2GumwCt6_xV7zRT4n3r_x73mX2fIy_UkDAAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var headline = '_1ptmpsj3';\nexport var item = '_1ptmpsj4';\nexport var label = '_1ptmpsj6';\nexport var leading = '_1ptmpsj5';\nexport var root = _7a468({defaultClassName:'_1ptmpsj0',variantClassNames:{variant:{standard:'_1ptmpsj1',modal:'_1ptmpsj2'}},defaultVariants:{variant:'standard'},compoundVariants:[]});\nexport var trailing = '_1ptmpsj7';","/**\n * navigation-drawer.ts — wires the VE styles into the shared NavigationDrawer factory.\n */\nimport { createNavigationDrawer } from '@m3-baseui/core';\nimport { root, headline, item, leading, label, trailing } from './navigation-drawer.css';\n\nexport const NavigationDrawer = createNavigationDrawer({\n root: ({ variant }) => root({ variant }),\n headline,\n item,\n leading,\n label,\n trailing,\n});\nexport type { NavigationDrawerVariant } from '@m3-baseui/core';\n"]}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/progress.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51UwW7bMAy95yt4KZAcVNiJ123upZ8xYBgGxqJtLrJkiHS6oOi_D5aTNEm7bunJJs3H90g9-WFDuzpiRwI_c9vnq-JrBk8zgOwmPQA0opc6xK6cXh0qfZubPMtuFvczgOcZwBi8W168VD_PHl5z5gmt4XWTGBSV5qu7zFJzbHF7AC4Tog_CysGXEMmh8pbGQsvSO9yVsHah2oyZR7balknuGLbETaslFP3vMQxbirULjyW0bC35MbcO0VI0ES0PUsIW49yYzhrZiZEWezL14Nzi_lTT6kITriW4QZMm9kJaQpZ6Y7VpYhi8LSE26_lZ8yq4EI0MscaKTBW8InuKpuWmJdHF4qPqinfUaegP2oJq6PaBo_oKzX3kDuPuSoX7Q9-LSgcFyyzr5BzThbHAEAr7xoiitxjt-YTL7xYVDXtLSrFjj0o_4GIBeysUkxNOuX3waRnoucMp9XI1lgKEQoa9CYMC-5o9j8s74f-UCI7uY-_Yk6kdJZeh48YbVuqkhIq8UhzTvwZRrnfppMnr6aeD1C-TTY-uTfEp75tzP709Sg75bSEwSsP4tzlk25zP8q-bNMUnPe4SXjSGDX3U5RPaHNZwMfXn_2E48-Qb_Y7JcR8V9uN_Z_D20hr7IovShroWUlhdY9E_Mxstrm0FAAA */
|
|
2
|
+
@keyframes _1dp13490 {
|
|
3
|
+
0% {
|
|
4
|
+
transform: translateX(-100%);
|
|
5
|
+
}
|
|
6
|
+
100% {
|
|
7
|
+
transform: translateX(400%);
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
@keyframes _1dp13491 {
|
|
11
|
+
to {
|
|
12
|
+
transform: rotate(360deg);
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
._1dp13492 {
|
|
16
|
+
position: relative;
|
|
17
|
+
display: block;
|
|
18
|
+
width: 100%;
|
|
19
|
+
height: 4px;
|
|
20
|
+
overflow: hidden;
|
|
21
|
+
border-radius: var(--md-sys-shape-full);
|
|
22
|
+
}
|
|
23
|
+
._1dp13493 {
|
|
24
|
+
position: absolute;
|
|
25
|
+
inset: 0;
|
|
26
|
+
background: rgb(var(--md-sys-color-surface-container-highest));
|
|
27
|
+
border-radius: var(--md-sys-shape-full);
|
|
28
|
+
}
|
|
29
|
+
._1dp13494 {
|
|
30
|
+
position: absolute;
|
|
31
|
+
top: 0;
|
|
32
|
+
bottom: 0;
|
|
33
|
+
left: 0;
|
|
34
|
+
background: rgb(var(--md-sys-color-primary));
|
|
35
|
+
border-radius: var(--md-sys-shape-full);
|
|
36
|
+
transition: width 200ms var(--md-sys-motion-easing-standard);
|
|
37
|
+
}
|
|
38
|
+
._1dp13492[data-indeterminate] ._1dp13494 {
|
|
39
|
+
width: 40%;
|
|
40
|
+
transition: none;
|
|
41
|
+
animation: _1dp13490 2s ease-in-out infinite;
|
|
42
|
+
}
|
|
43
|
+
._1dp13495 {
|
|
44
|
+
display: inline-flex;
|
|
45
|
+
align-items: center;
|
|
46
|
+
justify-content: center;
|
|
47
|
+
width: 48px;
|
|
48
|
+
height: 48px;
|
|
49
|
+
}
|
|
50
|
+
._1dp13495[data-indeterminate] {
|
|
51
|
+
animation: _1dp13491 1.4s linear infinite;
|
|
52
|
+
}
|
|
53
|
+
._1dp13495 svg {
|
|
54
|
+
display: block;
|
|
55
|
+
width: 100%;
|
|
56
|
+
height: 100%;
|
|
57
|
+
}
|
|
58
|
+
._1dp13496 {
|
|
59
|
+
stroke: rgb(var(--md-sys-color-surface-container-highest));
|
|
60
|
+
stroke-width: 4px;
|
|
61
|
+
}
|
|
62
|
+
._1dp13497 {
|
|
63
|
+
stroke: rgb(var(--md-sys-color-primary));
|
|
64
|
+
stroke-width: 4px;
|
|
65
|
+
stroke-linecap: round;
|
|
66
|
+
transition: stroke-dashoffset 300ms var(--md-sys-motion-easing-standard);
|
|
67
|
+
}
|
|
68
|
+
/*# sourceMappingURL=progress.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/progress.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51UwW7bMAy95yt4KZAcVNiJ123upZ8xYBgGxqJtLrJkiHS6oOi_D5aTNEm7bunJJs3H90g9-WFDuzpiRwI_c9vnq-JrBk8zgOwmPQA0opc6xK6cXh0qfZubPMtuFvczgOcZwBi8W168VD_PHl5z5gmt4XWTGBSV5qu7zFJzbHF7AC4Tog_CysGXEMmh8pbGQsvSO9yVsHah2oyZR7balknuGLbETaslFP3vMQxbirULjyW0bC35MbcO0VI0ES0PUsIW49yYzhrZiZEWezL14Nzi_lTT6kITriW4QZMm9kJaQpZ6Y7VpYhi8LSE26_lZ8yq4EI0MscaKTBW8InuKpuWmJdHF4qPqinfUaegP2oJq6PaBo_oKzX3kDuPuSoX7Q9-LSgcFyyzr5BzThbHAEAr7xoiitxjt-YTL7xYVDXtLSrFjj0o_4GIBeysUkxNOuX3waRnoucMp9XI1lgKEQoa9CYMC-5o9j8s74f-UCI7uY-_Yk6kdJZeh48YbVuqkhIq8UhzTvwZRrnfppMnr6aeD1C-TTY-uTfEp75tzP709Sg75bSEwSsP4tzlk25zP8q-bNMUnPe4SXjSGDX3U5RPaHNZwMfXn_2E48-Qb_Y7JcR8V9uN_Z_D20hr7IovShroWUlhdY9E_Mxstrm0FAAA"],"sourcesContent":["@keyframes _1dp13490 {\n 0% {\n transform: translateX(-100%);\n }\n 100% {\n transform: translateX(400%);\n }\n}\n@keyframes _1dp13491 {\n to {\n transform: rotate(360deg);\n }\n}\n._1dp13492 {\n position: relative;\n display: block;\n width: 100%;\n height: 4px;\n overflow: hidden;\n border-radius: var(--md-sys-shape-full);\n}\n._1dp13493 {\n position: absolute;\n inset: 0;\n background: rgb(var(--md-sys-color-surface-container-highest));\n border-radius: var(--md-sys-shape-full);\n}\n._1dp13494 {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n background: rgb(var(--md-sys-color-primary));\n border-radius: var(--md-sys-shape-full);\n transition: width 200ms var(--md-sys-motion-easing-standard);\n}\n._1dp13492[data-indeterminate] ._1dp13494 {\n width: 40%;\n transition: none;\n animation: _1dp13490 2s ease-in-out infinite;\n}\n._1dp13495 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 48px;\n height: 48px;\n}\n._1dp13495[data-indeterminate] {\n animation: _1dp13491 1.4s linear infinite;\n}\n._1dp13495 svg {\n display: block;\n width: 100%;\n height: 100%;\n}\n._1dp13496 {\n stroke: rgb(var(--md-sys-color-surface-container-highest));\n stroke-width: 4px;\n}\n._1dp13497 {\n stroke: rgb(var(--md-sys-color-primary));\n stroke-width: 4px;\n stroke-linecap: round;\n transition: stroke-dashoffset 300ms var(--md-sys-motion-easing-standard);\n}"],"mappings":";AAAA,WAAW;AACT;AACE,eAAW,WAAW;AACxB;AACA;AACE,eAAW,WAAW;AACxB;AACF;AACA,WAAW;AACT;AACE,eAAW,OAAO;AACpB;AACF;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,SAAO;AACP,UAAQ;AACR,YAAU;AACV,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,cAAY,IAAI,IAAI;AACpB,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,YAAU;AACV,OAAK;AACL,UAAQ;AACR,QAAM;AACN,cAAY,IAAI,IAAI;AACpB,iBAAe,IAAI;AACnB,cAAY,MAAM,MAAM,IAAI;AAC9B;AACA,CAvBC,SAuBS,CAAC,oBAAoB,CAT9B;AAUC,SAAO;AACP,cAAY;AACZ,aAAW,UAAU,GAAG,YAAY;AACtC;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACV;AACA,CAPC,SAOS,CAAC;AACT,aAAW,UAAU,KAAK,OAAO;AACnC;AACA,CAVC,UAUU;AACT,WAAS;AACT,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,UAAQ,IAAI,IAAI;AAChB,gBAAc;AAChB;AACA,CAAC;AACC,UAAQ,IAAI,IAAI;AAChB,gBAAc;AACd,kBAAgB;AAChB,cAAY,kBAAkB,MAAM,IAAI;AAC1C;","names":[]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import * as _m3_baseui_core from '@m3-baseui/core';
|
|
3
|
+
export { CircularProgressProps, LinearProgressProps } from '@m3-baseui/core';
|
|
4
|
+
|
|
5
|
+
declare const Progress: {
|
|
6
|
+
Linear: react.ForwardRefExoticComponent<_m3_baseui_core.LinearProgressOwnProps & Omit<react.HTMLAttributes<HTMLDivElement>, "value" | "defaultValue"> & react.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
Circular: react.ForwardRefExoticComponent<_m3_baseui_core.CircularProgressOwnProps & Omit<react.HTMLAttributes<HTMLSpanElement>, "value" | "defaultValue"> & react.RefAttributes<HTMLSpanElement>>;
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
export { Progress };
|
package/dist/progress.js
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './progress.css';
|
|
3
|
+
import { createProgress } from '@m3-baseui/core';
|
|
4
|
+
|
|
5
|
+
// src/progress.ts
|
|
6
|
+
|
|
7
|
+
// src/progress.css.ts
|
|
8
|
+
var circularIndicator = "_1dp13497";
|
|
9
|
+
var circularRoot = "_1dp13495";
|
|
10
|
+
var circularTrack = "_1dp13496";
|
|
11
|
+
var linearIndicator = "_1dp13494";
|
|
12
|
+
var linearRoot = "_1dp13492";
|
|
13
|
+
var linearTrack = "_1dp13493";
|
|
14
|
+
|
|
15
|
+
// src/progress.ts
|
|
16
|
+
var Progress = createProgress({
|
|
17
|
+
linear: { root: linearRoot, track: linearTrack, indicator: linearIndicator },
|
|
18
|
+
circular: { root: circularRoot, track: circularTrack, indicator: circularIndicator }
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
export { Progress };
|
|
22
|
+
//# sourceMappingURL=progress.js.map
|
|
23
|
+
//# sourceMappingURL=progress.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/progress.css.ts","../src/progress.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,iBAAA,GAAoB,WAAA;AACxB,IAAI,YAAA,GAAe,WAAA;AACnB,IAAI,aAAA,GAAgB,WAAA;AACpB,IAAI,eAAA,GAAkB,WAAA;AACtB,IAAI,UAAA,GAAa,WAAA;AACjB,IAAI,WAAA,GAAc,WAAA;;;ACOlB,IAAM,WAAW,cAAA,CAAe;AAAA,EACrC,QAAQ,EAAE,IAAA,EAAM,YAAY,KAAA,EAAO,WAAA,EAAa,WAAW,eAAA,EAAgB;AAAA,EAC3E,UAAU,EAAE,IAAA,EAAM,cAAc,KAAA,EAAO,aAAA,EAAe,WAAW,iBAAA;AACnE,CAAC","file":"progress.js","sourcesContent":["import 'src/progress.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51UwW7bMAy95yt4KZAcVNiJ123upZ8xYBgGxqJtLrJkiHS6oOi_D5aTNEm7bunJJs3H90g9-WFDuzpiRwI_c9vnq-JrBk8zgOwmPQA0opc6xK6cXh0qfZubPMtuFvczgOcZwBi8W168VD_PHl5z5gmt4XWTGBSV5qu7zFJzbHF7AC4Tog_CysGXEMmh8pbGQsvSO9yVsHah2oyZR7balknuGLbETaslFP3vMQxbirULjyW0bC35MbcO0VI0ES0PUsIW49yYzhrZiZEWezL14Nzi_lTT6kITriW4QZMm9kJaQpZ6Y7VpYhi8LSE26_lZ8yq4EI0MscaKTBW8InuKpuWmJdHF4qPqinfUaegP2oJq6PaBo_oKzX3kDuPuSoX7Q9-LSgcFyyzr5BzThbHAEAr7xoiitxjt-YTL7xYVDXtLSrFjj0o_4GIBeysUkxNOuX3waRnoucMp9XI1lgKEQoa9CYMC-5o9j8s74f-UCI7uY-_Yk6kdJZeh48YbVuqkhIq8UhzTvwZRrnfppMnr6aeD1C-TTY-uTfEp75tzP709Sg75bSEwSsP4tzlk25zP8q-bNMUnPe4SXjSGDX3U5RPaHNZwMfXn_2E48-Qb_Y7JcR8V9uN_Z_D20hr7IovShroWUlhdY9E_Mxstrm0FAAA';\nexport var circularIndicator = '_1dp13497';\nexport var circularRoot = '_1dp13495';\nexport var circularTrack = '_1dp13496';\nexport var linearIndicator = '_1dp13494';\nexport var linearRoot = '_1dp13492';\nexport var linearTrack = '_1dp13493';","/**\n * progress.ts — wires the VE styles into the shared Progress factory.\n */\nimport { createProgress } from '@m3-baseui/core';\nimport {\n linearRoot,\n linearTrack,\n linearIndicator,\n circularRoot,\n circularTrack,\n circularIndicator,\n} from './progress.css';\n\nexport const Progress = createProgress({\n linear: { root: linearRoot, track: linearTrack, indicator: linearIndicator },\n circular: { root: circularRoot, track: circularTrack, indicator: circularIndicator },\n});\nexport type { LinearProgressProps, CircularProgressProps } from '@m3-baseui/core';\n"]}
|
package/dist/radio.css
ADDED
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/radio.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51W227bMAx9z1cQBQo0QNU5vQCF8rjPGIZBlmhbjSwZlJw1G_bvgxQltVOndfoSRBIPKfJQh7779bCr2pfnAv4uADrnddDOciA0IugtrhcASvvOiB0HbY22yCqDr3FfGF1bpgO2noNEG5Di9kvvg652TDob0IbhUUQy35C2Gw5F3CndK_P6j7Y1h9KRQmKlS95_axUaDvdFl5YN6roJb-tsTELp3nPYCrphrFXM7zzzjeiQVb0xyzdTDvfdK3hntAKqy5sRQjrjiDnLfE-VkMi2grSwYbl3IOSmJtdbxSGQsL4ThDbEowTknzvcO5I9-WjeOX0oSfKXi55zSlhYPRWtH-fVumjHUHhta-aDsEqQWt7CpYj14t_i7sD8DyWCYLJBuUH1M_XB8CJnk-tIt4J2ObO5pu8CK-1FaQ6Rc2UYbtEGz8E6i-u5NxqUG75Bcffw_GFAzkusHGEK7DohddilthxAuJDxGSSTr-d4KO58b-POeecQiRxdwFWyn8PU0fBMyJzBLUyefjXbqai8crL3bKu9Lk3mqA9RgDg8fPaSPUoXWz13ZwYyV1UeQ1KCcaxhJxx16-pqPdJEUXpn-pD60WAVODwV1-kNu-74P8vW44lsPU7LVgYNBUb2FMXle8xjfdKYWS4qR21WIiMC3rCn4voW4u_yVFIyGlbFl7SBN26LNP1QxpIbRECWrD-icbanhFpOPcXZLjpC73Gc0CqhjgOtNE5uBqwVQ8qKS8fMgMQ5knlO6iYIz2SmW140GPa5XAQ5dkzEjGo3MShy3VYn3X5YH1NZndewMTUzinheot5GycVOPxkd9-O-OfkQSp81ShPKPU_Smb618aQWHYfHpDb_AfnhQQlqCQAA */
|
|
2
|
+
._3yfmj80 {
|
|
3
|
+
position: relative;
|
|
4
|
+
display: inline-flex;
|
|
5
|
+
align-items: center;
|
|
6
|
+
justify-content: center;
|
|
7
|
+
flex-shrink: 0;
|
|
8
|
+
box-sizing: border-box;
|
|
9
|
+
width: 20px;
|
|
10
|
+
height: 20px;
|
|
11
|
+
border-radius: var(--md-sys-shape-full);
|
|
12
|
+
border: 2px solid rgb(var(--md-sys-color-on-surface-variant));
|
|
13
|
+
background: transparent;
|
|
14
|
+
color: rgb(var(--md-sys-color-on-surface));
|
|
15
|
+
cursor: pointer;
|
|
16
|
+
transition: border-color 150ms var(--md-sys-motion-easing-standard), color 150ms var(--md-sys-motion-easing-standard);
|
|
17
|
+
}
|
|
18
|
+
._3yfmj80[data-checked] {
|
|
19
|
+
border-color: rgb(var(--md-sys-color-primary));
|
|
20
|
+
color: rgb(var(--md-sys-color-primary));
|
|
21
|
+
}
|
|
22
|
+
._3yfmj80[data-disabled] {
|
|
23
|
+
pointer-events: none;
|
|
24
|
+
border-color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
25
|
+
}
|
|
26
|
+
._3yfmj80[data-disabled]::before {
|
|
27
|
+
opacity: 0;
|
|
28
|
+
}
|
|
29
|
+
._3yfmj80:active {
|
|
30
|
+
color: rgb(var(--md-sys-color-primary));
|
|
31
|
+
}
|
|
32
|
+
._3yfmj80[data-checked]:active {
|
|
33
|
+
color: rgb(var(--md-sys-color-on-surface));
|
|
34
|
+
}
|
|
35
|
+
._3yfmj80[data-error] {
|
|
36
|
+
border-color: rgb(var(--md-sys-color-error));
|
|
37
|
+
color: rgb(var(--md-sys-color-error));
|
|
38
|
+
}
|
|
39
|
+
._3yfmj80[data-error]:active,
|
|
40
|
+
._3yfmj80[data-error][data-checked]:active {
|
|
41
|
+
color: rgb(var(--md-sys-color-error));
|
|
42
|
+
}
|
|
43
|
+
._3yfmj80:focus-visible {
|
|
44
|
+
outline: 3px solid rgb(var(--md-sys-color-secondary));
|
|
45
|
+
outline-offset: 2px;
|
|
46
|
+
}
|
|
47
|
+
._3yfmj80::before {
|
|
48
|
+
content: "";
|
|
49
|
+
position: absolute;
|
|
50
|
+
left: 50%;
|
|
51
|
+
top: 50%;
|
|
52
|
+
width: 40px;
|
|
53
|
+
height: 40px;
|
|
54
|
+
border-radius: 50%;
|
|
55
|
+
background: currentColor;
|
|
56
|
+
opacity: 0;
|
|
57
|
+
transform: translate(-50%, -50%);
|
|
58
|
+
transition: opacity 100ms var(--md-sys-motion-easing-standard);
|
|
59
|
+
}
|
|
60
|
+
._3yfmj80:hover::before {
|
|
61
|
+
opacity: var(--md-sys-state-hover);
|
|
62
|
+
}
|
|
63
|
+
._3yfmj80:focus-visible::before {
|
|
64
|
+
opacity: var(--md-sys-state-focus);
|
|
65
|
+
}
|
|
66
|
+
._3yfmj80:active::before {
|
|
67
|
+
opacity: var(--md-sys-state-pressed);
|
|
68
|
+
}
|
|
69
|
+
._3yfmj81 {
|
|
70
|
+
display: block;
|
|
71
|
+
width: 0;
|
|
72
|
+
height: 0;
|
|
73
|
+
border-radius: var(--md-sys-shape-full);
|
|
74
|
+
background: rgb(var(--md-sys-color-primary));
|
|
75
|
+
pointer-events: none;
|
|
76
|
+
opacity: 0;
|
|
77
|
+
transition:
|
|
78
|
+
width 150ms var(--md-sys-motion-easing-standard),
|
|
79
|
+
height 150ms var(--md-sys-motion-easing-standard),
|
|
80
|
+
opacity 150ms;
|
|
81
|
+
}
|
|
82
|
+
._3yfmj81[data-checked] {
|
|
83
|
+
width: 10px;
|
|
84
|
+
height: 10px;
|
|
85
|
+
opacity: 1;
|
|
86
|
+
}
|
|
87
|
+
._3yfmj80[data-error] ._3yfmj81 {
|
|
88
|
+
background: rgb(var(--md-sys-color-error));
|
|
89
|
+
}
|
|
90
|
+
._3yfmj80[data-disabled] ._3yfmj81 {
|
|
91
|
+
background: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
92
|
+
}
|
|
93
|
+
._3yfmj82 {
|
|
94
|
+
display: inline-flex;
|
|
95
|
+
flex-direction: column;
|
|
96
|
+
gap: 4px;
|
|
97
|
+
}
|
|
98
|
+
/*# sourceMappingURL=radio.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/radio.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51W227bMAx9z1cQBQo0QNU5vQCF8rjPGIZBlmhbjSwZlJw1G_bvgxQltVOndfoSRBIPKfJQh7779bCr2pfnAv4uADrnddDOciA0IugtrhcASvvOiB0HbY22yCqDr3FfGF1bpgO2noNEG5Di9kvvg652TDob0IbhUUQy35C2Gw5F3CndK_P6j7Y1h9KRQmKlS95_axUaDvdFl5YN6roJb-tsTELp3nPYCrphrFXM7zzzjeiQVb0xyzdTDvfdK3hntAKqy5sRQjrjiDnLfE-VkMi2grSwYbl3IOSmJtdbxSGQsL4ThDbEowTknzvcO5I9-WjeOX0oSfKXi55zSlhYPRWtH-fVumjHUHhta-aDsEqQWt7CpYj14t_i7sD8DyWCYLJBuUH1M_XB8CJnk-tIt4J2ObO5pu8CK-1FaQ6Rc2UYbtEGz8E6i-u5NxqUG75Bcffw_GFAzkusHGEK7DohddilthxAuJDxGSSTr-d4KO58b-POeecQiRxdwFWyn8PU0fBMyJzBLUyefjXbqai8crL3bKu9Lk3mqA9RgDg8fPaSPUoXWz13ZwYyV1UeQ1KCcaxhJxx16-pqPdJEUXpn-pD60WAVODwV1-kNu-74P8vW44lsPU7LVgYNBUb2FMXle8xjfdKYWS4qR21WIiMC3rCn4voW4u_yVFIyGlbFl7SBN26LNP1QxpIbRECWrD-icbanhFpOPcXZLjpC73Gc0CqhjgOtNE5uBqwVQ8qKS8fMgMQ5knlO6iYIz2SmW140GPa5XAQ5dkzEjGo3MShy3VYn3X5YH1NZndewMTUzinheot5GycVOPxkd9-O-OfkQSp81ShPKPU_Smb618aQWHYfHpDb_AfnhQQlqCQAA"],"sourcesContent":["._3yfmj80 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n border-radius: var(--md-sys-shape-full);\n border: 2px solid rgb(var(--md-sys-color-on-surface-variant));\n background: transparent;\n color: rgb(var(--md-sys-color-on-surface));\n cursor: pointer;\n transition: border-color 150ms var(--md-sys-motion-easing-standard), color 150ms var(--md-sys-motion-easing-standard);\n}\n._3yfmj80[data-checked] {\n border-color: rgb(var(--md-sys-color-primary));\n color: rgb(var(--md-sys-color-primary));\n}\n._3yfmj80[data-disabled] {\n pointer-events: none;\n border-color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._3yfmj80[data-disabled]::before {\n opacity: 0;\n}\n._3yfmj80:active {\n color: rgb(var(--md-sys-color-primary));\n}\n._3yfmj80[data-checked]:active {\n color: rgb(var(--md-sys-color-on-surface));\n}\n._3yfmj80[data-error] {\n border-color: rgb(var(--md-sys-color-error));\n color: rgb(var(--md-sys-color-error));\n}\n._3yfmj80[data-error]:active, ._3yfmj80[data-error][data-checked]:active {\n color: rgb(var(--md-sys-color-error));\n}\n._3yfmj80:focus-visible {\n outline: 3px solid rgb(var(--md-sys-color-secondary));\n outline-offset: 2px;\n}\n._3yfmj80::before {\n content: \"\";\n position: absolute;\n left: 50%;\n top: 50%;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: currentColor;\n opacity: 0;\n transform: translate(-50%, -50%);\n transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n._3yfmj80:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._3yfmj80:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._3yfmj80:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._3yfmj81 {\n display: block;\n width: 0;\n height: 0;\n border-radius: var(--md-sys-shape-full);\n background: rgb(var(--md-sys-color-primary));\n pointer-events: none;\n opacity: 0;\n transition: width 150ms var(--md-sys-motion-easing-standard), height 150ms var(--md-sys-motion-easing-standard), opacity 150ms;\n}\n._3yfmj81[data-checked] {\n width: 10px;\n height: 10px;\n opacity: 1;\n}\n._3yfmj80[data-error] ._3yfmj81 {\n background: rgb(var(--md-sys-color-error));\n}\n._3yfmj80[data-disabled] ._3yfmj81 {\n background: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._3yfmj82 {\n display: inline-flex;\n flex-direction: column;\n gap: 4px;\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,eAAa;AACb,cAAY;AACZ,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,UAAQ,IAAI,MAAM,IAAI,IAAI;AAC1B,cAAY;AACZ,SAAO,IAAI,IAAI;AACf,UAAQ;AACR,cAAY,aAAa,MAAM,IAAI,gCAAgC,EAAE,MAAM,MAAM,IAAI;AACvF;AACA,CAhBC,QAgBQ,CAAC;AACR,gBAAc,IAAI,IAAI;AACtB,SAAO,IAAI,IAAI;AACjB;AACA,CApBC,QAoBQ,CAAC;AACR,kBAAgB;AAChB,gBAAc,IAAI,IAAI,2BAA2B,EAAE;AACrD;AACA,CAxBC,QAwBQ,CAAC,cAAc;AACtB,WAAS;AACX;AACA,CA3BC,QA2BQ;AACP,SAAO,IAAI,IAAI;AACjB;AACA,CA9BC,QA8BQ,CAAC,aAAa;AACrB,SAAO,IAAI,IAAI;AACjB;AACA,CAjCC,QAiCQ,CAAC;AACR,gBAAc,IAAI,IAAI;AACtB,SAAO,IAAI,IAAI;AACjB;AACA,CArCC,QAqCQ,CAAC,WAAW;AAAS,CArC7B,QAqCsC,CAAC,WAAW,CAAC,aAAa;AAC/D,SAAO,IAAI,IAAI;AACjB;AACA,CAxCC,QAwCQ;AACP,WAAS,IAAI,MAAM,IAAI,IAAI;AAC3B,kBAAgB;AAClB;AACA,CA5CC,QA4CQ;AACP,WAAS;AACT,YAAU;AACV,QAAM;AACN,OAAK;AACL,SAAO;AACP,UAAQ;AACR,iBAAe;AACf,cAAY;AACZ,WAAS;AACT,aAAW,UAAU,IAAI,EAAE;AAC3B,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CAzDC,QAyDQ,MAAM;AACb,WAAS,IAAI;AACf;AACA,CA5DC,QA4DQ,cAAc;AACrB,WAAS,IAAI;AACf;AACA,CA/DC,QA+DQ,OAAO;AACd,WAAS,IAAI;AACf;AACA,CAAC;AACC,WAAS;AACT,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,cAAY,IAAI,IAAI;AACpB,kBAAgB;AAChB,WAAS;AACT;AAAA,IAAY,MAAM,MAAM,IAAI,gCAAgC;AAAA,IAAE,OAAO,MAAM,IAAI,gCAAgC;AAAA,IAAE,QAAQ;AAC3H;AACA,CAVC,QAUQ,CAAC;AACR,SAAO;AACP,UAAQ;AACR,WAAS;AACX;AACA,CAjFC,QAiFQ,CAAC,YAAY,CAfrB;AAgBC,cAAY,IAAI,IAAI;AACtB;AACA,CApFC,QAoFQ,CAAC,eAAe,CAlBxB;AAmBC,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACnD;AACA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACP;","names":[]}
|
package/dist/radio.d.ts
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import * as _base_ui_react from '@base-ui/react';
|
|
3
|
+
|
|
4
|
+
declare const Radio: react.ForwardRefExoticComponent<Omit<_base_ui_react.RadioRoot.Props<unknown>, "ref"> & {
|
|
5
|
+
error?: boolean;
|
|
6
|
+
} & react.RefAttributes<HTMLSpanElement>>;
|
|
7
|
+
declare const RadioGroup: react.ForwardRefExoticComponent<Omit<_base_ui_react.RadioGroup.Props<unknown>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
|
|
9
|
+
export { Radio, RadioGroup };
|
package/dist/radio.js
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './radio.css';
|
|
3
|
+
import { createRadio, createRadioGroup } from '@m3-baseui/core';
|
|
4
|
+
|
|
5
|
+
// src/radio.ts
|
|
6
|
+
|
|
7
|
+
// src/radio.css.ts
|
|
8
|
+
var group = "_3yfmj82";
|
|
9
|
+
var indicator = "_3yfmj81";
|
|
10
|
+
var root = "_3yfmj80";
|
|
11
|
+
|
|
12
|
+
// src/radio.ts
|
|
13
|
+
var Radio = createRadio({ root, indicator });
|
|
14
|
+
var RadioGroup = createRadioGroup(group);
|
|
15
|
+
|
|
16
|
+
export { Radio, RadioGroup };
|
|
17
|
+
//# sourceMappingURL=radio.js.map
|
|
18
|
+
//# sourceMappingURL=radio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/radio.css.ts","../src/radio.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,KAAA,GAAQ,UAAA;AACZ,IAAI,SAAA,GAAY,UAAA;AAChB,IAAI,IAAA,GAAO,UAAA;;;ACGX,IAAM,KAAA,GAAQ,WAAA,CAAY,EAAE,IAAA,EAAM,WAAW;AAC7C,IAAM,UAAA,GAAa,iBAAiB,KAAK","file":"radio.js","sourcesContent":["import 'src/radio.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51W227bMAx9z1cQBQo0QNU5vQCF8rjPGIZBlmhbjSwZlJw1G_bvgxQltVOndfoSRBIPKfJQh7779bCr2pfnAv4uADrnddDOciA0IugtrhcASvvOiB0HbY22yCqDr3FfGF1bpgO2noNEG5Di9kvvg652TDob0IbhUUQy35C2Gw5F3CndK_P6j7Y1h9KRQmKlS95_axUaDvdFl5YN6roJb-tsTELp3nPYCrphrFXM7zzzjeiQVb0xyzdTDvfdK3hntAKqy5sRQjrjiDnLfE-VkMi2grSwYbl3IOSmJtdbxSGQsL4ThDbEowTknzvcO5I9-WjeOX0oSfKXi55zSlhYPRWtH-fVumjHUHhta-aDsEqQWt7CpYj14t_i7sD8DyWCYLJBuUH1M_XB8CJnk-tIt4J2ObO5pu8CK-1FaQ6Rc2UYbtEGz8E6i-u5NxqUG75Bcffw_GFAzkusHGEK7DohddilthxAuJDxGSSTr-d4KO58b-POeecQiRxdwFWyn8PU0fBMyJzBLUyefjXbqai8crL3bKu9Lk3mqA9RgDg8fPaSPUoXWz13ZwYyV1UeQ1KCcaxhJxx16-pqPdJEUXpn-pD60WAVODwV1-kNu-74P8vW44lsPU7LVgYNBUb2FMXle8xjfdKYWS4qR21WIiMC3rCn4voW4u_yVFIyGlbFl7SBN26LNP1QxpIbRECWrD-icbanhFpOPcXZLjpC73Gc0CqhjgOtNE5uBqwVQ8qKS8fMgMQ5knlO6iYIz2SmW140GPa5XAQ5dkzEjGo3MShy3VYn3X5YH1NZndewMTUzinheot5GycVOPxkd9-O-OfkQSp81ShPKPU_Smb618aQWHYfHpDb_AfnhQQlqCQAA';\nexport var group = '_3yfmj82';\nexport var indicator = '_3yfmj81';\nexport var root = '_3yfmj80';","/**\n * radio.ts — wires the VE styles into the shared factories.\n */\nimport { createRadio, createRadioGroup } from '@m3-baseui/core';\nimport { root, indicator, group } from './radio.css';\n\nexport const Radio = createRadio({ root, indicator });\nexport const RadioGroup = createRadioGroup(group);\n"]}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/segmented-button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VVTW_bMAy951cIPbVA1dlthxXKcT9j6EGWaJurIhkinTQd-t8Hy05sp-nqFtjJgMzHj8dH8sbDD3opMvFnJYRFapzeK4HeoQdZOnher4TQDisvkWFDShBHYFN37zVgVbMS91mT7IoQLUQZtcWWlNjqeCnlxkrak6RaNyDL1rmr0VSJvHkWFBxaEavicoYwwYUoQ8tdLlcJFbYQSxd2StRoLfj16nV101eQpwqaQMgYvBIRnGbcwvofdXVfJfI3JRrwDLF7_t0SY7mXJngGz9NflW6UeOgLb7S16CvZ-1civ-3fN-jlDi3XStwPpoU2T1UMrbdKcNSeGh3B85QTHzxM6HRQ8meJMm2kEJVoAh7ybQmiJHBgeAwxgMaH5Eu9G8NLamOpzRCmDJ5lqTfo9ift5n0DZLQD6XQBTjodK5Cd_QjcDfJZAOxNRyjhCywCdoYJlhpfL484se_xwNwR2GiDvlrkgqM2T-irhE-9HrQ5aqDnVeTfsw3NXW5CZytBUycsYu2tjvbqWnwWMZ0RVWIklqZGZ9O8zCTWa2BirQooQ4RkeZyAi4v1bNB0QcG1nNSDnoCVyE6FbtrYifxnl3qSXcci7wfLQaQStuCZRi1OKRsQIs--VHfdbY5ZPccU5luKNYNM1ifEBdOS3CJh4WCxo4SaO9Km20qLPTQRiGBezS-rWR_-PPZ9nJD9zuwSmNAx0y8zjR7isCs-HPnzyElRFkkXDuy1mOd4eH8clvP5Pi_eOeKbyG7uHs7HPlD6bg7nOc8mzm6XX8FFJ6JDSqoj-qdB6ocFlA_XYDgO2duheHvqlg1K8viphXIcrS-tlBMxzpgcqjsUeywwnzi4-8-cf5TpSfyTHXgnaFudq2XeyKP9fS-uM71jeGY5_gDnsCGkJIIaGdJlSYd4F3WzXr3-BT0iQAOaCQAA */
|
|
2
|
+
.ne7szb0 {
|
|
3
|
+
display: inline-flex;
|
|
4
|
+
align-items: stretch;
|
|
5
|
+
height: 40px;
|
|
6
|
+
border-radius: var(--md-sys-shape-full);
|
|
7
|
+
border: 1px solid rgb(var(--md-sys-color-outline));
|
|
8
|
+
overflow: hidden;
|
|
9
|
+
}
|
|
10
|
+
.ne7szb1 {
|
|
11
|
+
position: relative;
|
|
12
|
+
display: inline-flex;
|
|
13
|
+
flex: 1;
|
|
14
|
+
align-items: center;
|
|
15
|
+
justify-content: center;
|
|
16
|
+
gap: 8px;
|
|
17
|
+
padding-inline: 12px;
|
|
18
|
+
min-width: 48px;
|
|
19
|
+
background: transparent;
|
|
20
|
+
border: none;
|
|
21
|
+
border-left: 1px solid rgb(var(--md-sys-color-outline));
|
|
22
|
+
cursor: pointer;
|
|
23
|
+
user-select: none;
|
|
24
|
+
outline: none;
|
|
25
|
+
color: rgb(var(--md-sys-color-on-surface));
|
|
26
|
+
font-family: var(--md-sys-typescale-label-large-font);
|
|
27
|
+
font-weight: var(--md-sys-typescale-label-large-weight);
|
|
28
|
+
font-size: var(--md-sys-typescale-label-large-size);
|
|
29
|
+
line-height: var(--md-sys-typescale-label-large-line-height);
|
|
30
|
+
letter-spacing: var(--md-sys-typescale-label-large-tracking);
|
|
31
|
+
transition: background-color 150ms var(--md-sys-motion-easing-standard), color 150ms var(--md-sys-motion-easing-standard);
|
|
32
|
+
}
|
|
33
|
+
.ne7szb1:first-child {
|
|
34
|
+
border-left: none;
|
|
35
|
+
}
|
|
36
|
+
.ne7szb1::before {
|
|
37
|
+
content: "";
|
|
38
|
+
position: absolute;
|
|
39
|
+
inset: 0;
|
|
40
|
+
background: currentColor;
|
|
41
|
+
opacity: 0;
|
|
42
|
+
pointer-events: none;
|
|
43
|
+
transition: opacity 100ms var(--md-sys-motion-easing-standard);
|
|
44
|
+
}
|
|
45
|
+
.ne7szb1:hover::before {
|
|
46
|
+
opacity: var(--md-sys-state-hover);
|
|
47
|
+
}
|
|
48
|
+
.ne7szb1:focus-visible::before {
|
|
49
|
+
opacity: var(--md-sys-state-focus);
|
|
50
|
+
}
|
|
51
|
+
.ne7szb1:active::before {
|
|
52
|
+
opacity: var(--md-sys-state-pressed);
|
|
53
|
+
}
|
|
54
|
+
.ne7szb1[data-pressed] {
|
|
55
|
+
background: rgb(var(--md-sys-color-secondary-container));
|
|
56
|
+
color: rgb(var(--md-sys-color-on-secondary-container));
|
|
57
|
+
}
|
|
58
|
+
.ne7szb1:disabled,
|
|
59
|
+
.ne7szb1[data-disabled] {
|
|
60
|
+
pointer-events: none;
|
|
61
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
62
|
+
}
|
|
63
|
+
.ne7szb1:disabled::before,
|
|
64
|
+
.ne7szb1[data-disabled]::before {
|
|
65
|
+
opacity: 0;
|
|
66
|
+
}
|
|
67
|
+
.ne7szb2 {
|
|
68
|
+
display: inline-flex;
|
|
69
|
+
align-items: center;
|
|
70
|
+
justify-content: center;
|
|
71
|
+
flex-shrink: 0;
|
|
72
|
+
height: 18px;
|
|
73
|
+
width: 0;
|
|
74
|
+
opacity: 0;
|
|
75
|
+
overflow: hidden;
|
|
76
|
+
pointer-events: none;
|
|
77
|
+
transition: width 150ms var(--md-sys-motion-easing-standard), opacity 150ms var(--md-sys-motion-easing-standard);
|
|
78
|
+
}
|
|
79
|
+
.ne7szb1[data-pressed] .ne7szb2 {
|
|
80
|
+
width: 18px;
|
|
81
|
+
opacity: 1;
|
|
82
|
+
}
|
|
83
|
+
.ne7szb3 {
|
|
84
|
+
display: inline-flex;
|
|
85
|
+
align-items: center;
|
|
86
|
+
justify-content: center;
|
|
87
|
+
flex-shrink: 0;
|
|
88
|
+
}
|
|
89
|
+
.ne7szb1[data-pressed] .ne7szb3 {
|
|
90
|
+
display: none;
|
|
91
|
+
}
|
|
92
|
+
.ne7szb3 svg {
|
|
93
|
+
width: 18px;
|
|
94
|
+
height: 18px;
|
|
95
|
+
}
|
|
96
|
+
.ne7szb4 {
|
|
97
|
+
overflow: hidden;
|
|
98
|
+
text-overflow: ellipsis;
|
|
99
|
+
white-space: nowrap;
|
|
100
|
+
}
|
|
101
|
+
/*# sourceMappingURL=segmented-button.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/segmented-button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VVTW_bMAy951cIPbVA1dlthxXKcT9j6EGWaJurIhkinTQd-t8Hy05sp-nqFtjJgMzHj8dH8sbDD3opMvFnJYRFapzeK4HeoQdZOnher4TQDisvkWFDShBHYFN37zVgVbMS91mT7IoQLUQZtcWWlNjqeCnlxkrak6RaNyDL1rmr0VSJvHkWFBxaEavicoYwwYUoQ8tdLlcJFbYQSxd2StRoLfj16nV101eQpwqaQMgYvBIRnGbcwvofdXVfJfI3JRrwDLF7_t0SY7mXJngGz9NflW6UeOgLb7S16CvZ-1civ-3fN-jlDi3XStwPpoU2T1UMrbdKcNSeGh3B85QTHzxM6HRQ8meJMm2kEJVoAh7ybQmiJHBgeAwxgMaH5Eu9G8NLamOpzRCmDJ5lqTfo9ift5n0DZLQD6XQBTjodK5Cd_QjcDfJZAOxNRyjhCywCdoYJlhpfL484se_xwNwR2GiDvlrkgqM2T-irhE-9HrQ5aqDnVeTfsw3NXW5CZytBUycsYu2tjvbqWnwWMZ0RVWIklqZGZ9O8zCTWa2BirQooQ4RkeZyAi4v1bNB0QcG1nNSDnoCVyE6FbtrYifxnl3qSXcci7wfLQaQStuCZRi1OKRsQIs--VHfdbY5ZPccU5luKNYNM1ifEBdOS3CJh4WCxo4SaO9Km20qLPTQRiGBezS-rWR_-PPZ9nJD9zuwSmNAx0y8zjR7isCs-HPnzyElRFkkXDuy1mOd4eH8clvP5Pi_eOeKbyG7uHs7HPlD6bg7nOc8mzm6XX8FFJ6JDSqoj-qdB6ocFlA_XYDgO2duheHvqlg1K8viphXIcrS-tlBMxzpgcqjsUeywwnzi4-8-cf5TpSfyTHXgnaFudq2XeyKP9fS-uM71jeGY5_gDnsCGkJIIaGdJlSYd4F3WzXr3-BT0iQAOaCQAA"],"sourcesContent":[".ne7szb0 {\n display: inline-flex;\n align-items: stretch;\n height: 40px;\n border-radius: var(--md-sys-shape-full);\n border: 1px solid rgb(var(--md-sys-color-outline));\n overflow: hidden;\n}\n.ne7szb1 {\n position: relative;\n display: inline-flex;\n flex: 1;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding-inline: 12px;\n min-width: 48px;\n background: transparent;\n border: none;\n border-left: 1px solid rgb(var(--md-sys-color-outline));\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-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), color 150ms var(--md-sys-motion-easing-standard);\n}\n.ne7szb1:first-child {\n border-left: none;\n}\n.ne7szb1::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.ne7szb1:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n.ne7szb1:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n.ne7szb1:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n.ne7szb1[data-pressed] {\n background: rgb(var(--md-sys-color-secondary-container));\n color: rgb(var(--md-sys-color-on-secondary-container));\n}\n.ne7szb1:disabled, .ne7szb1[data-disabled] {\n pointer-events: none;\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n.ne7szb1:disabled::before, .ne7szb1[data-disabled]::before {\n opacity: 0;\n}\n.ne7szb2 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n height: 18px;\n width: 0;\n opacity: 0;\n overflow: hidden;\n pointer-events: none;\n transition: width 150ms var(--md-sys-motion-easing-standard), opacity 150ms var(--md-sys-motion-easing-standard);\n}\n.ne7szb1[data-pressed] .ne7szb2 {\n width: 18px;\n opacity: 1;\n}\n.ne7szb3 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n.ne7szb1[data-pressed] .ne7szb3 {\n display: none;\n}\n.ne7szb3 svg {\n width: 18px;\n height: 18px;\n}\n.ne7szb4 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,eAAa;AACb,UAAQ;AACR,iBAAe,IAAI;AACnB,UAAQ,IAAI,MAAM,IAAI,IAAI;AAC1B,YAAU;AACZ;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,QAAM;AACN,eAAa;AACb,mBAAiB;AACjB,OAAK;AACL,kBAAgB;AAChB,aAAW;AACX,cAAY;AACZ,UAAQ;AACR,eAAa,IAAI,MAAM,IAAI,IAAI;AAC/B,UAAQ;AACR,eAAa;AACb,WAAS;AACT,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,cAAY,iBAAiB,MAAM,IAAI,gCAAgC,EAAE,MAAM,MAAM,IAAI;AAC3F;AACA,CAvBC,OAuBO;AACN,eAAa;AACf;AACA,CA1BC,OA0BO;AACN,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CAnCC,OAmCO,MAAM;AACZ,WAAS,IAAI;AACf;AACA,CAtCC,OAsCO,cAAc;AACpB,WAAS,IAAI;AACf;AACA,CAzCC,OAyCO,OAAO;AACb,WAAS,IAAI;AACf;AACA,CA5CC,OA4CO,CAAC;AACP,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAhDC,OAgDO;AAAW,CAhDlB,OAgD0B,CAAC;AAC1B,kBAAgB;AAChB,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CApDC,OAoDO,SAAS;AAAU,CApD1B,OAoDkC,CAAC,cAAc;AAChD,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,eAAa;AACb,UAAQ;AACR,SAAO;AACP,WAAS;AACT,YAAU;AACV,kBAAgB;AAChB,cAAY,MAAM,MAAM,IAAI,gCAAgC,EAAE,QAAQ,MAAM,IAAI;AAClF;AACA,CAnEC,OAmEO,CAAC,cAAc,CAZtB;AAaC,SAAO;AACP,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,eAAa;AACf;AACA,CA7EC,OA6EO,CAAC,cAAc,CANtB;AAOC,WAAS;AACX;AACA,CATC,QASQ;AACP,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,YAAU;AACV,iBAAe;AACf,eAAa;AACf;","names":[]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as _m3_baseui_core from '@m3-baseui/core';
|
|
2
|
+
import * as react from 'react';
|
|
3
|
+
import * as _base_ui_react from '@base-ui/react';
|
|
4
|
+
|
|
5
|
+
declare const SegmentedButton: {
|
|
6
|
+
Root: react.ForwardRefExoticComponent<Omit<_base_ui_react.ToggleGroup.Props<string> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
Item: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.Toggle.Props<string> & react.RefAttributes<HTMLButtonElement>, "ref">, "children"> & _m3_baseui_core.SegmentedButtonItemOwnProps & {
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
} & react.RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export { SegmentedButton };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './segmented-button.css';
|
|
3
|
+
import { createSegmentedButton } from '@m3-baseui/core';
|
|
4
|
+
|
|
5
|
+
// src/segmented-button.ts
|
|
6
|
+
|
|
7
|
+
// src/segmented-button.css.ts
|
|
8
|
+
var check = "ne7szb2";
|
|
9
|
+
var icon = "ne7szb3";
|
|
10
|
+
var item = "ne7szb1";
|
|
11
|
+
var label = "ne7szb4";
|
|
12
|
+
var root = "ne7szb0";
|
|
13
|
+
|
|
14
|
+
// src/segmented-button.ts
|
|
15
|
+
var SegmentedButton = createSegmentedButton({
|
|
16
|
+
root,
|
|
17
|
+
item,
|
|
18
|
+
check,
|
|
19
|
+
icon,
|
|
20
|
+
label
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
export { SegmentedButton };
|
|
24
|
+
//# sourceMappingURL=segmented-button.js.map
|
|
25
|
+
//# sourceMappingURL=segmented-button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/segmented-button.css.ts","../src/segmented-button.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,IAAA,GAAO,SAAA;;;ACCX,IAAM,kBAAkB,qBAAA,CAAsB;AAAA,EACnD,IAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAC","file":"segmented-button.js","sourcesContent":["import 'src/segmented-button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VVTW_bMAy951cIPbVA1dlthxXKcT9j6EGWaJurIhkinTQd-t8Hy05sp-nqFtjJgMzHj8dH8sbDD3opMvFnJYRFapzeK4HeoQdZOnher4TQDisvkWFDShBHYFN37zVgVbMS91mT7IoQLUQZtcWWlNjqeCnlxkrak6RaNyDL1rmr0VSJvHkWFBxaEavicoYwwYUoQ8tdLlcJFbYQSxd2StRoLfj16nV101eQpwqaQMgYvBIRnGbcwvofdXVfJfI3JRrwDLF7_t0SY7mXJngGz9NflW6UeOgLb7S16CvZ-1civ-3fN-jlDi3XStwPpoU2T1UMrbdKcNSeGh3B85QTHzxM6HRQ8meJMm2kEJVoAh7ybQmiJHBgeAwxgMaH5Eu9G8NLamOpzRCmDJ5lqTfo9ift5n0DZLQD6XQBTjodK5Cd_QjcDfJZAOxNRyjhCywCdoYJlhpfL484se_xwNwR2GiDvlrkgqM2T-irhE-9HrQ5aqDnVeTfsw3NXW5CZytBUycsYu2tjvbqWnwWMZ0RVWIklqZGZ9O8zCTWa2BirQooQ4RkeZyAi4v1bNB0QcG1nNSDnoCVyE6FbtrYifxnl3qSXcci7wfLQaQStuCZRi1OKRsQIs--VHfdbY5ZPccU5luKNYNM1ifEBdOS3CJh4WCxo4SaO9Km20qLPTQRiGBezS-rWR_-PPZ9nJD9zuwSmNAx0y8zjR7isCs-HPnzyElRFkkXDuy1mOd4eH8clvP5Pi_eOeKbyG7uHs7HPlD6bg7nOc8mzm6XX8FFJ6JDSqoj-qdB6ocFlA_XYDgO2duheHvqlg1K8viphXIcrS-tlBMxzpgcqjsUeywwnzi4-8-cf5TpSfyTHXgnaFudq2XeyKP9fS-uM71jeGY5_gDnsCGkJIIaGdJlSYd4F3WzXr3-BT0iQAOaCQAA';\nexport var check = 'ne7szb2';\nexport var icon = 'ne7szb3';\nexport var item = 'ne7szb1';\nexport var label = 'ne7szb4';\nexport var root = 'ne7szb0';","/**\n * segmented-button.ts — wires the VE styles into the shared SegmentedButton factory.\n */\nimport { createSegmentedButton } from '@m3-baseui/core';\nimport { root, item, check, icon, label } from './segmented-button.css';\n\nexport const SegmentedButton = createSegmentedButton({\n root,\n item,\n check,\n icon,\n label,\n});\n"]}
|