@m3-baseui/react-vanilla-extract 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (126) hide show
  1. package/dist/badge.css +32 -0
  2. package/dist/badge.css.map +1 -0
  3. package/dist/badge.d.ts +7 -0
  4. package/dist/badge.js +16 -0
  5. package/dist/badge.js.map +1 -0
  6. package/dist/button.css +171 -0
  7. package/dist/button.css.map +1 -0
  8. package/dist/button.d.ts +10 -0
  9. package/dist/button.js +14 -0
  10. package/dist/button.js.map +1 -0
  11. package/dist/card.css +66 -0
  12. package/dist/card.css.map +1 -0
  13. package/dist/card.d.ts +7 -0
  14. package/dist/card.js +16 -0
  15. package/dist/card.js.map +1 -0
  16. package/dist/checkbox.css +122 -0
  17. package/dist/checkbox.css.map +1 -0
  18. package/dist/checkbox.d.ts +8 -0
  19. package/dist/checkbox.js +17 -0
  20. package/dist/checkbox.js.map +1 -0
  21. package/dist/chip.css +153 -0
  22. package/dist/chip.css.map +1 -0
  23. package/dist/chip.d.ts +7 -0
  24. package/dist/chip.js +22 -0
  25. package/dist/chip.js.map +1 -0
  26. package/dist/dialog.css +60 -0
  27. package/dist/dialog.css.map +1 -0
  28. package/dist/dialog.d.ts +15 -0
  29. package/dist/dialog.js +19 -0
  30. package/dist/dialog.js.map +1 -0
  31. package/dist/divider.css +28 -0
  32. package/dist/divider.css.map +1 -0
  33. package/dist/divider.d.ts +10 -0
  34. package/dist/divider.js +14 -0
  35. package/dist/divider.js.map +1 -0
  36. package/dist/fab.css +109 -0
  37. package/dist/fab.css.map +1 -0
  38. package/dist/fab.d.ts +10 -0
  39. package/dist/fab.js +14 -0
  40. package/dist/fab.js.map +1 -0
  41. package/dist/icon-button.css +209 -0
  42. package/dist/icon-button.css.map +1 -0
  43. package/dist/icon-button.d.ts +10 -0
  44. package/dist/icon-button.js +16 -0
  45. package/dist/icon-button.js.map +1 -0
  46. package/dist/index.css +2714 -0
  47. package/dist/index.css.map +1 -0
  48. package/dist/index.d.ts +27 -0
  49. package/dist/index.js +318 -0
  50. package/dist/index.js.map +1 -0
  51. package/dist/item.css +72 -0
  52. package/dist/item.css.map +1 -0
  53. package/dist/item.d.ts +7 -0
  54. package/dist/item.js +29 -0
  55. package/dist/item.js.map +1 -0
  56. package/dist/list.css +128 -0
  57. package/dist/list.css.map +1 -0
  58. package/dist/list.d.ts +10 -0
  59. package/dist/list.js +31 -0
  60. package/dist/list.js.map +1 -0
  61. package/dist/menu.css +262 -0
  62. package/dist/menu.css.map +1 -0
  63. package/dist/menu.d.ts +24 -0
  64. package/dist/menu.js +31 -0
  65. package/dist/menu.js.map +1 -0
  66. package/dist/navigation-bar.css +92 -0
  67. package/dist/navigation-bar.css.map +1 -0
  68. package/dist/navigation-bar.d.ts +12 -0
  69. package/dist/navigation-bar.js +27 -0
  70. package/dist/navigation-bar.js.map +1 -0
  71. package/dist/navigation-drawer.css +112 -0
  72. package/dist/navigation-drawer.css.map +1 -0
  73. package/dist/navigation-drawer.d.ts +13 -0
  74. package/dist/navigation-drawer.js +26 -0
  75. package/dist/navigation-drawer.js.map +1 -0
  76. package/dist/progress.css +68 -0
  77. package/dist/progress.css.map +1 -0
  78. package/dist/progress.d.ts +10 -0
  79. package/dist/progress.js +23 -0
  80. package/dist/progress.js.map +1 -0
  81. package/dist/radio.css +98 -0
  82. package/dist/radio.css.map +1 -0
  83. package/dist/radio.d.ts +9 -0
  84. package/dist/radio.js +18 -0
  85. package/dist/radio.js.map +1 -0
  86. package/dist/segmented-button.css +101 -0
  87. package/dist/segmented-button.css.map +1 -0
  88. package/dist/segmented-button.d.ts +12 -0
  89. package/dist/segmented-button.js +25 -0
  90. package/dist/segmented-button.js.map +1 -0
  91. package/dist/select.css +181 -0
  92. package/dist/select.css.map +1 -0
  93. package/dist/select.d.ts +22 -0
  94. package/dist/select.js +33 -0
  95. package/dist/select.js.map +1 -0
  96. package/dist/slider.css +78 -0
  97. package/dist/slider.css.map +1 -0
  98. package/dist/slider.d.ts +15 -0
  99. package/dist/slider.js +20 -0
  100. package/dist/slider.js.map +1 -0
  101. package/dist/snackbar.css +139 -0
  102. package/dist/snackbar.css.map +1 -0
  103. package/dist/snackbar.d.ts +21 -0
  104. package/dist/snackbar.js +28 -0
  105. package/dist/snackbar.js.map +1 -0
  106. package/dist/switch.css +139 -0
  107. package/dist/switch.css.map +1 -0
  108. package/dist/switch.d.ts +9 -0
  109. package/dist/switch.js +18 -0
  110. package/dist/switch.js.map +1 -0
  111. package/dist/tabs.css +108 -0
  112. package/dist/tabs.css.map +1 -0
  113. package/dist/tabs.d.ts +20 -0
  114. package/dist/tabs.js +24 -0
  115. package/dist/tabs.js.map +1 -0
  116. package/dist/textfield.css +160 -0
  117. package/dist/textfield.css.map +1 -0
  118. package/dist/textfield.d.ts +7 -0
  119. package/dist/textfield.js +37 -0
  120. package/dist/textfield.js.map +1 -0
  121. package/dist/tooltip.css +26 -0
  122. package/dist/tooltip.css.map +1 -0
  123. package/dist/tooltip.d.ts +14 -0
  124. package/dist/tooltip.js +16 -0
  125. package/dist/tooltip.js.map +1 -0
  126. package/package.json +167 -0
@@ -0,0 +1,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 };
@@ -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":[]}
@@ -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"]}