@m3-baseui/react-vanilla-extract 1.1.0 → 1.3.0

package/dist/time-picker.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/time-picker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1YUW_jKBB-76_gpVKjKysnbbZZ9qecTidsxg5XDBaM06Sn_e8ng91gb9KapNJppX1pi803nhm--Wbol7-Xe7tqnnhG_r0hREjXKH5gRGolNdBSwf77DSHdbyqkhQKl0YwURrW17t5wJStNJULtGClAI9juccUbRjaNBzdcCKmrt3VhlLGM2Cq_23F7R2ktqDs46p9To6lrbckLWCy-3_y4-TJ4uBx7OLj2oQORidXJICsrhfdT8QJ-tvQiBW4Z-fY1eL8FWW2RkU0W1rmxAiy1XMjWMTKKyG15A9TVXKlFt9fswJbKvDCylUKADvg9dfLVJ6i3lZtgmRfPlTWtFmeT1WeKFkYjlxos3cpqCw4Xi9RME1IajbTktVSHSRx4aMAVXAHtc0cVtxXQDnGEvvSZmQUNm49gJ19hJrTb6oH-9LYpX40QwQIggqWu4YU_gFlG0PLiWeoqpLi1rstxY-RAGNNi9x1GtNFwpAgjy2ZPnFFSELRcu4Zb0Nht8EsZSut46uGYyDLLandPosWY038Kjpw6UFAgiL88xWdQp7Gy5vZwpM5MypzERf48eAd-bS4tP4kbSeXXyyQNqsTI40S8Hi9U6OsFasrecwEF3odogiw7UCUjDi1gse0e19xWUjOSjRqDX9VS97H3B5iNwl8HXinY9-dzLhNnGsI_rUNZBt6CxvjVNPPLVZD2zqOBEg998-q7wbrvBnN4jhIV0BqEbOs0mo-QSSwfIZMEc4S8UC9HNi4qCbrjVnI99LEEkc2mrXOktTGhLhROB4XR4hLpPIMckfwPMmF8X75omrQSjKx-9YYaM7QYC4qj3EHE59V6Mt68PQgVS3NliuefR7qzlTs9kA9FqGx7Dbp27IkCf5oEznNnVIvw1nNLY-ueIYoj3NF1dntPup-LUxIzb1J83IxTOawTcjBHVnIjLuqdES5JUiJckqBEuAvlJLJwRX-dIyKt69zxinCFsjxdN5KlDWITym_eobyCEhlZZ7ee_15QVrcxUx82t7EmBNq-FQo1VvrmnRtEU0fET42t15TgD132mhLOhcIONLoh_VFo35JC6__uY5mU5GYS2jsa8LnKNUrDhxHzGVdeP_g55BbPXntzb-YT77Hn76wIe6TeP5bGj9832f_7Jjvj2jpn8Ke1eaW8aYBbrgtgnhKlBCXGnGSlKVoXjThecN7_0GnJyxmjL5A_S6RSa5-EbmBpEY2-J6e2mRbH27wbw9vY-SEX0b0l-nIxrk8_I0X65nXoMe2fXuPBd_Yc4Gvzgjkg4NLngIBLnwMC7po5IFiImPvjPwaPofTEFAAA"],"sourcesContent":["._1xr2p7a0 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  padding: 8px;\n  color: rgb(var(--md-sys-color-on-surface));\n}\n._1xr2p7a1 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n._1xr2p7a2 {\n  display: inline-grid;\n  place-items: center;\n  width: 96px;\n  height: 80px;\n  border-radius: var(--md-sys-shape-small);\n  overflow: hidden;\n  box-sizing: border-box;\n  background: rgb(var(--md-sys-color-surface-container-highest));\n  color: rgb(var(--md-sys-color-on-surface));\n  font-family: var(--md-sys-typescale-display-large-font);\n  font-weight: var(--md-sys-typescale-display-large-weight);\n  font-size: var(--md-sys-typescale-display-large-size);\n  line-height: var(--md-sys-typescale-display-large-line-height);\n  letter-spacing: var(--md-sys-typescale-display-large-tracking);\n  cursor: pointer;\n  outline: none;\n  border: 1px solid transparent;\n  transition: background-color 100ms, color 100ms;\n}\n._1xr2p7a2[data-selected] {\n  background: rgb(var(--md-sys-color-primary-container));\n  color: rgb(var(--md-sys-color-on-primary-container));\n}\n._1xr2p7a3 {\n  font-family: var(--md-sys-typescale-display-large-font);\n  font-weight: var(--md-sys-typescale-display-large-weight);\n  font-size: var(--md-sys-typescale-display-large-size);\n  line-height: 1;\n  letter-spacing: var(--md-sys-typescale-display-large-tracking);\n  color: rgb(var(--md-sys-color-on-surface));\n  padding-inline: 4px;\n}\n._1xr2p7a4 {\n  display: inline-flex;\n  flex-direction: column;\n  border-radius: var(--md-sys-shape-small);\n  overflow: hidden;\n  border: 1px solid rgb(var(--md-sys-color-outline));\n  align-self: stretch;\n  margin: 0;\n  padding: 0;\n  min-inline-size: 0;\n}\n._1xr2p7a5 {\n  flex: 1;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: 12px;\n  min-height: 38px;\n  width: 56px;\n  font-family: var(--md-sys-typescale-title-medium-font);\n  font-weight: var(--md-sys-typescale-title-medium-weight);\n  font-size: var(--md-sys-typescale-title-medium-size);\n  line-height: var(--md-sys-typescale-title-medium-line-height);\n  letter-spacing: var(--md-sys-typescale-title-medium-tracking);\n  color: rgb(var(--md-sys-color-on-surface-variant));\n  cursor: pointer;\n  outline: none;\n  border: 0;\n  background: transparent;\n}\n._1xr2p7a5[data-selected] {\n  background: rgb(var(--md-sys-color-secondary-container));\n  color: rgb(var(--md-sys-color-on-secondary-container));\n}\n._1xr2p7a5 + ._1xr2p7a5 {\n  border-top: 1px solid rgb(var(--md-sys-color-outline));\n}\n._1xr2p7a6 {\n  position: relative;\n  width: 256px;\n  height: 256px;\n  margin-block: 8px;\n  padding: 0;\n  min-inline-size: 0;\n  border: 0;\n  border-radius: var(--md-sys-shape-full);\n  background: rgb(var(--md-sys-color-surface-container-highest));\n}\n._1xr2p7a7 {\n  position: absolute;\n  transform: translate(-50%, -50%);\n  display: inline-grid;\n  place-items: center;\n  width: 48px;\n  height: 48px;\n  border-radius: var(--md-sys-shape-full);\n  font-family: var(--md-sys-typescale-body-large-font);\n  font-weight: var(--md-sys-typescale-body-large-weight);\n  font-size: var(--md-sys-typescale-body-large-size);\n  line-height: var(--md-sys-typescale-body-large-line-height);\n  letter-spacing: var(--md-sys-typescale-body-large-tracking);\n  color: rgb(var(--md-sys-color-on-surface));\n  cursor: pointer;\n  outline: none;\n  user-select: none;\n  border: 0;\n  background: transparent;\n}\n._1xr2p7a7[data-selected] {\n  background: rgb(var(--md-sys-color-primary));\n  color: rgb(var(--md-sys-color-on-primary));\n}\n._1xr2p7a8 {\n  position: absolute;\n  left: 50%;\n  top: 12%;\n  height: 38%;\n  width: 2px;\n  transform-origin: bottom center;\n  background: rgb(var(--md-sys-color-primary));\n  margin-left: -1px;\n  pointer-events: none;\n}\n._1xr2p7a9 {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  width: 8px;\n  height: 8px;\n  transform: translate(-50%, -50%);\n  border-radius: var(--md-sys-shape-full);\n  background: rgb(var(--md-sys-color-primary));\n  pointer-events: none;\n}\n._1xr2p7aa {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n}\n._1xr2p7ab {\n  width: 96px;\n  height: 80px;\n  border-radius: var(--md-sys-shape-small);\n  box-sizing: border-box;\n  text-align: center;\n  background: rgb(var(--md-sys-color-surface-container-highest));\n  color: rgb(var(--md-sys-color-on-surface));\n  font-family: var(--md-sys-typescale-display-large-font);\n  font-weight: var(--md-sys-typescale-display-large-weight);\n  font-size: var(--md-sys-typescale-display-large-size);\n  line-height: var(--md-sys-typescale-display-large-line-height);\n  letter-spacing: var(--md-sys-typescale-display-large-tracking);\n  outline: none;\n  border: 1px solid rgb(var(--md-sys-color-outline));\n  -moz-appearance: textfield;\n}\n._1xr2p7ab:focus {\n  border: 2px solid rgb(var(--md-sys-color-primary));\n}\n._1xr2p7ab::-webkit-inner-spin-button, ._1xr2p7ab::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n._1xr2p7ac {\n  display: block;\n  margin-top: 4px;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n  font-family: var(--md-sys-typescale-body-small-font);\n  font-weight: var(--md-sys-typescale-body-small-weight);\n  font-size: var(--md-sys-typescale-body-small-size);\n  line-height: var(--md-sys-typescale-body-small-line-height);\n  letter-spacing: var(--md-sys-typescale-body-small-tracking);\n}"],"mappings":"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","names":[]}

package/dist/time-picker.d.ts

@@ -0,0 +1,9 @@
+import * as _m3_baseui_core from '@m3-baseui/core';
+export { TimePickerVariant, TimeValue } from '@m3-baseui/core';
+
+declare const TimePicker: {
+    ({ variant, format, value, defaultValue, onValueChange, className, }: _m3_baseui_core.TimePickerOwnProps): React.JSX.Element;
+    displayName: string;
+};
+
+export { TimePicker };

package/dist/time-picker.js

@@ -0,0 +1,41 @@
+"use client";
+import './time-picker.css';
+import { createTimePicker } from '@m3-baseui/core';
+
+// src/time-picker.ts
+
+// src/time-picker.css.ts
+var colon = "_1xr2p7a3";
+var dial = "_1xr2p7a6";
+var dialCenter = "_1xr2p7a9";
+var dialHand = "_1xr2p7a8";
+var dialNumber = "_1xr2p7a7";
+var field = "_1xr2p7a2";
+var header = "_1xr2p7a1";
+var inputBox = "_1xr2p7ab";
+var inputCaption = "_1xr2p7ac";
+var inputs = "_1xr2p7aa";
+var period = "_1xr2p7a5";
+var periods = "_1xr2p7a4";
+var root = "_1xr2p7a0";
+
+// src/time-picker.ts
+var TimePicker = createTimePicker(() => ({
+  root,
+  header,
+  field,
+  colon,
+  periods,
+  period,
+  dial,
+  dialNumber,
+  dialHand,
+  dialCenter,
+  inputs,
+  inputBox,
+  inputCaption
+}));
+
+export { TimePicker };
+//# sourceMappingURL=time-picker.js.map
+//# sourceMappingURL=time-picker.js.map

package/dist/time-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/time-picker.css.ts","../src/time-picker.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,UAAA,GAAa,WAAA;AACjB,IAAI,QAAA,GAAW,WAAA;AACf,IAAI,UAAA,GAAa,WAAA;AACjB,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,MAAA,GAAS,WAAA;AACb,IAAI,QAAA,GAAW,WAAA;AACf,IAAI,YAAA,GAAe,WAAA;AACnB,IAAI,MAAA,GAAS,WAAA;AACb,IAAI,MAAA,GAAS,WAAA;AACb,IAAI,OAAA,GAAU,WAAA;AACd,IAAI,IAAA,GAAO,WAAA;;;ACSX,IAAM,UAAA,GAAa,iBAAiB,OAAO;AAAA,EAChD,IAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,CAAE","file":"time-picker.js","sourcesContent":["import 'src/time-picker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1YUW_jKBB-76_gpVKjKysnbbZZ9qecTidsxg5XDBaM06Sn_e8ng91gb9KapNJppX1pi803nhm--Wbol7-Xe7tqnnhG_r0hREjXKH5gRGolNdBSwf77DSHdbyqkhQKl0YwURrW17t5wJStNJULtGClAI9juccUbRjaNBzdcCKmrt3VhlLGM2Cq_23F7R2ktqDs46p9To6lrbckLWCy-3_y4-TJ4uBx7OLj2oQORidXJICsrhfdT8QJ-tvQiBW4Z-fY1eL8FWW2RkU0W1rmxAiy1XMjWMTKKyG15A9TVXKlFt9fswJbKvDCylUKADvg9dfLVJ6i3lZtgmRfPlTWtFmeT1WeKFkYjlxos3cpqCw4Xi9RME1IajbTktVSHSRx4aMAVXAHtc0cVtxXQDnGEvvSZmQUNm49gJ19hJrTb6oH-9LYpX40QwQIggqWu4YU_gFlG0PLiWeoqpLi1rstxY-RAGNNi9x1GtNFwpAgjy2ZPnFFSELRcu4Zb0Nht8EsZSut46uGYyDLLandPosWY038Kjpw6UFAgiL88xWdQp7Gy5vZwpM5MypzERf48eAd-bS4tP4kbSeXXyyQNqsTI40S8Hi9U6OsFasrecwEF3odogiw7UCUjDi1gse0e19xWUjOSjRqDX9VS97H3B5iNwl8HXinY9-dzLhNnGsI_rUNZBt6CxvjVNPPLVZD2zqOBEg998-q7wbrvBnN4jhIV0BqEbOs0mo-QSSwfIZMEc4S8UC9HNi4qCbrjVnI99LEEkc2mrXOktTGhLhROB4XR4hLpPIMckfwPMmF8X75omrQSjKx-9YYaM7QYC4qj3EHE59V6Mt68PQgVS3NliuefR7qzlTs9kA9FqGx7Dbp27IkCf5oEznNnVIvw1nNLY-ueIYoj3NF1dntPup-LUxIzb1J83IxTOawTcjBHVnIjLuqdES5JUiJckqBEuAvlJLJwRX-dIyKt69zxinCFsjxdN5KlDWITym_eobyCEhlZZ7ee_15QVrcxUx82t7EmBNq-FQo1VvrmnRtEU0fET42t15TgD132mhLOhcIONLoh_VFo35JC6__uY5mU5GYS2jsa8LnKNUrDhxHzGVdeP_g55BbPXntzb-YT77Hn76wIe6TeP5bGj9832f_7Jjvj2jpn8Ke1eaW8aYBbrgtgnhKlBCXGnGSlKVoXjThecN7_0GnJyxmjL5A_S6RSa5-EbmBpEY2-J6e2mRbH27wbw9vY-SEX0b0l-nIxrk8_I0X65nXoMe2fXuPBd_Yc4Gvzgjkg4NLngIBLnwMC7po5IFiImPvjPwaPofTEFAAA';\nexport var colon = '_1xr2p7a3';\nexport var dial = '_1xr2p7a6';\nexport var dialCenter = '_1xr2p7a9';\nexport var dialHand = '_1xr2p7a8';\nexport var dialNumber = '_1xr2p7a7';\nexport var field = '_1xr2p7a2';\nexport var header = '_1xr2p7a1';\nexport var inputBox = '_1xr2p7ab';\nexport var inputCaption = '_1xr2p7ac';\nexport var inputs = '_1xr2p7aa';\nexport var period = '_1xr2p7a5';\nexport var periods = '_1xr2p7a4';\nexport var root = '_1xr2p7a0';","/**\n * time-picker.ts — wires the VE styles into the shared component factory.\n */\nimport { createTimePicker } from '@m3-baseui/core';\n\nexport type { TimePickerVariant, TimeValue } from '@m3-baseui/core';\nimport {\n  root,\n  header,\n  field,\n  colon,\n  periods,\n  period,\n  dial,\n  dialNumber,\n  dialHand,\n  dialCenter,\n  inputs,\n  inputBox,\n  inputCaption,\n} from './time-picker.css';\n\nexport const TimePicker = createTimePicker(() => ({\n  root,\n  header,\n  field,\n  colon,\n  periods,\n  period,\n  dial,\n  dialNumber,\n  dialHand,\n  dialCenter,\n  inputs,\n  inputBox,\n  inputCaption,\n}));\n"]}

package/dist/toolbar.css

@@ -0,0 +1,37 @@
+/* vanilla-extract-css-ns:src/toolbar.css.ts.vanilla.css?source=Ll8xYThicXR0MCB7CiAgZGlzcGxheTogaW5saW5lLWZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBnYXA6IDRweDsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGJvcmRlci1yYWRpdXM6IHZhcigtLW1kLXN5cy1zaGFwZS1mdWxsKTsKICBib3gtc2hhZG93OiB2YXIoLS1tZC1zeXMtZWxldmF0aW9uLWxldmVsMyk7Cn0KLl8xYThicXR0MSB7CiAgYmFja2dyb3VuZDogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1zdXJmYWNlLWNvbnRhaW5lcikpOwogIGNvbG9yOiByZ2IodmFyKC0tbWQtc3lzLWNvbG9yLW9uLXN1cmZhY2UtdmFyaWFudCkpOwp9Ci5fMWE4YnF0dDIgewogIGJhY2tncm91bmQ6IHJnYih2YXIoLS1tZC1zeXMtY29sb3ItcHJpbWFyeS1jb250YWluZXIpKTsKICBjb2xvcjogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1vbi1wcmltYXJ5LWNvbnRhaW5lcikpOwp9Ci5fMWE4YnF0dDMgewogIGZsZXgtZGlyZWN0aW9uOiByb3c7CiAgaGVpZ2h0OiA2NHB4OwogIHBhZGRpbmctaW5saW5lOiA4cHg7Cn0KLl8xYThicXR0NCB7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICB3aWR0aDogNjRweDsKICBwYWRkaW5nLWJsb2NrOiA4cHg7Cn0KW3JvbGU9InRvb2xiYXIiXVtkYXRhLXZhcmlhbnRdIHN2ZyB7CiAgd2lkdGg6IDI0cHg7CiAgaGVpZ2h0OiAyNHB4Owp9Cltyb2xlPSJ0b29sYmFyIl1bZGF0YS12YXJpYW50PSJ2aWJyYW50Il0gYnV0dG9uOm5vdCg6ZGlzYWJsZWQpOm5vdChbZGF0YS1kaXNhYmxlZF0pLCBbcm9sZT0idG9vbGJhciJdW2RhdGEtdmFyaWFudD0idmlicmFudCJdIGE6bm90KFtkYXRhLWRpc2FibGVkXSkgewogIGNvbG9yOiByZ2IodmFyKC0tbWQtc3lzLWNvbG9yLW9uLXByaW1hcnktY29udGFpbmVyKSk7Cn0 */
+._1a8bqtt0 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  box-sizing: border-box;
+  border-radius: var(--md-sys-shape-full);
+  box-shadow: var(--md-sys-elevation-level3);
+}
+._1a8bqtt1 {
+  background: rgb(var(--md-sys-color-surface-container));
+  color: rgb(var(--md-sys-color-on-surface-variant));
+}
+._1a8bqtt2 {
+  background: rgb(var(--md-sys-color-primary-container));
+  color: rgb(var(--md-sys-color-on-primary-container));
+}
+._1a8bqtt3 {
+  flex-direction: row;
+  height: 64px;
+  padding-inline: 8px;
+}
+._1a8bqtt4 {
+  flex-direction: column;
+  width: 64px;
+  padding-block: 8px;
+}
+[role=toolbar][data-variant] svg {
+  width: 24px;
+  height: 24px;
+}
+[role=toolbar][data-variant=vibrant] button:not(:disabled):not([data-disabled]),
+[role=toolbar][data-variant=vibrant] a:not([data-disabled]) {
+  color: rgb(var(--md-sys-color-on-primary-container));
+}
+/*# sourceMappingURL=toolbar.css.map */

package/dist/toolbar.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/toolbar.css.ts.vanilla.css?source=Ll8xYThicXR0MCB7CiAgZGlzcGxheTogaW5saW5lLWZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBnYXA6IDRweDsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGJvcmRlci1yYWRpdXM6IHZhcigtLW1kLXN5cy1zaGFwZS1mdWxsKTsKICBib3gtc2hhZG93OiB2YXIoLS1tZC1zeXMtZWxldmF0aW9uLWxldmVsMyk7Cn0KLl8xYThicXR0MSB7CiAgYmFja2dyb3VuZDogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1zdXJmYWNlLWNvbnRhaW5lcikpOwogIGNvbG9yOiByZ2IodmFyKC0tbWQtc3lzLWNvbG9yLW9uLXN1cmZhY2UtdmFyaWFudCkpOwp9Ci5fMWE4YnF0dDIgewogIGJhY2tncm91bmQ6IHJnYih2YXIoLS1tZC1zeXMtY29sb3ItcHJpbWFyeS1jb250YWluZXIpKTsKICBjb2xvcjogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1vbi1wcmltYXJ5LWNvbnRhaW5lcikpOwp9Ci5fMWE4YnF0dDMgewogIGZsZXgtZGlyZWN0aW9uOiByb3c7CiAgaGVpZ2h0OiA2NHB4OwogIHBhZGRpbmctaW5saW5lOiA4cHg7Cn0KLl8xYThicXR0NCB7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICB3aWR0aDogNjRweDsKICBwYWRkaW5nLWJsb2NrOiA4cHg7Cn0KW3JvbGU9InRvb2xiYXIiXVtkYXRhLXZhcmlhbnRdIHN2ZyB7CiAgd2lkdGg6IDI0cHg7CiAgaGVpZ2h0OiAyNHB4Owp9Cltyb2xlPSJ0b29sYmFyIl1bZGF0YS12YXJpYW50PSJ2aWJyYW50Il0gYnV0dG9uOm5vdCg6ZGlzYWJsZWQpOm5vdChbZGF0YS1kaXNhYmxlZF0pLCBbcm9sZT0idG9vbGJhciJdW2RhdGEtdmFyaWFudD0idmlicmFudCJdIGE6bm90KFtkYXRhLWRpc2FibGVkXSkgewogIGNvbG9yOiByZ2IodmFyKC0tbWQtc3lzLWNvbG9yLW9uLXByaW1hcnktY29udGFpbmVyKSk7Cn0"],"sourcesContent":["._1a8bqtt0 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  box-sizing: border-box;\n  border-radius: var(--md-sys-shape-full);\n  box-shadow: var(--md-sys-elevation-level3);\n}\n._1a8bqtt1 {\n  background: rgb(var(--md-sys-color-surface-container));\n  color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1a8bqtt2 {\n  background: rgb(var(--md-sys-color-primary-container));\n  color: rgb(var(--md-sys-color-on-primary-container));\n}\n._1a8bqtt3 {\n  flex-direction: row;\n  height: 64px;\n  padding-inline: 8px;\n}\n._1a8bqtt4 {\n  flex-direction: column;\n  width: 64px;\n  padding-block: 8px;\n}\n[role=\"toolbar\"][data-variant] svg {\n  width: 24px;\n  height: 24px;\n}\n[role=\"toolbar\"][data-variant=\"vibrant\"] button:not(:disabled):not([data-disabled]), [role=\"toolbar\"][data-variant=\"vibrant\"] a:not([data-disabled]) {\n  color: rgb(var(--md-sys-color-on-primary-container));\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK;AACL,cAAY;AACZ,iBAAe,IAAI;AACnB,cAAY,IAAI;AAClB;AACA,CAAC;AACC,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,kBAAgB;AAChB,UAAQ;AACR,kBAAgB;AAClB;AACA,CAAC;AACC,kBAAgB;AAChB,SAAO;AACP,iBAAe;AACjB;AACA,CAAC,aAAe,CAAC,cAAc;AAC7B,SAAO;AACP,UAAQ;AACV;AACA,CAAC,aAAe,CAAC,sBAAwB,MAAM,KAAK,UAAU,KAAK,CAAC;AAAiB,CAAC,aAAe,CAAC,sBAAwB,CAAC,KAAK,CAAC;AACnI,SAAO,IAAI,IAAI;AACjB;","names":[]}

package/dist/toolbar.d.ts

@@ -0,0 +1,7 @@
+import * as react from 'react';
+import * as _m3_baseui_core from '@m3-baseui/core';
+export { ToolbarOrientation, ToolbarProps, ToolbarVariant } from '@m3-baseui/core';
+
+declare const Toolbar: react.ForwardRefExoticComponent<_m3_baseui_core.ToolbarOwnProps & react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+
+export { Toolbar };

package/dist/toolbar.js

@@ -0,0 +1,16 @@
+"use client";
+import './toolbar.css';
+import { createToolbar } from '@m3-baseui/core';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+// src/toolbar.ts
+var toolbar = createRuntimeFn({ defaultClassName: "_1a8bqtt0", variantClassNames: { variant: { standard: "_1a8bqtt1", vibrant: "_1a8bqtt2" }, orientation: { horizontal: "_1a8bqtt3", vertical: "_1a8bqtt4" } }, defaultVariants: { variant: "standard", orientation: "horizontal" }, compoundVariants: [] });
+
+// src/toolbar.ts
+var Toolbar = createToolbar(
+  ({ variant, orientation }) => toolbar({ variant, orientation })
+);
+
+export { Toolbar };
+//# sourceMappingURL=toolbar.js.map
+//# sourceMappingURL=toolbar.js.map

package/dist/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/toolbar.css.ts","../src/toolbar.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,OAAA,GAAUA,eAAA,CAAO,EAAC,gBAAA,EAAiB,aAAY,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,QAAA,EAAS,WAAA,EAAY,OAAA,EAAQ,WAAA,IAAa,WAAA,EAAY,EAAC,UAAA,EAAW,WAAA,EAAY,QAAA,EAAS,WAAA,EAAW,EAAC,EAAE,iBAAgB,EAAC,OAAA,EAAQ,UAAA,EAAW,WAAA,EAAY,YAAA,EAAY,EAAE,gBAAA,EAAiB,IAAG,CAAA;;;ACItQ,IAAM,OAAA,GAAU,aAAA;AAAA,EAAc,CAAC,EAAE,OAAA,EAAS,WAAA,OAC/C,OAAA,CAAQ,EAAE,OAAA,EAAS,WAAA,EAAa;AAClC","file":"toolbar.js","sourcesContent":["import 'src/toolbar.css.ts.vanilla.css?source=Ll8xYThicXR0MCB7CiAgZGlzcGxheTogaW5saW5lLWZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBnYXA6IDRweDsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGJvcmRlci1yYWRpdXM6IHZhcigtLW1kLXN5cy1zaGFwZS1mdWxsKTsKICBib3gtc2hhZG93OiB2YXIoLS1tZC1zeXMtZWxldmF0aW9uLWxldmVsMyk7Cn0KLl8xYThicXR0MSB7CiAgYmFja2dyb3VuZDogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1zdXJmYWNlLWNvbnRhaW5lcikpOwogIGNvbG9yOiByZ2IodmFyKC0tbWQtc3lzLWNvbG9yLW9uLXN1cmZhY2UtdmFyaWFudCkpOwp9Ci5fMWE4YnF0dDIgewogIGJhY2tncm91bmQ6IHJnYih2YXIoLS1tZC1zeXMtY29sb3ItcHJpbWFyeS1jb250YWluZXIpKTsKICBjb2xvcjogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1vbi1wcmltYXJ5LWNvbnRhaW5lcikpOwp9Ci5fMWE4YnF0dDMgewogIGZsZXgtZGlyZWN0aW9uOiByb3c7CiAgaGVpZ2h0OiA2NHB4OwogIHBhZGRpbmctaW5saW5lOiA4cHg7Cn0KLl8xYThicXR0NCB7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICB3aWR0aDogNjRweDsKICBwYWRkaW5nLWJsb2NrOiA4cHg7Cn0KW3JvbGU9InRvb2xiYXIiXVtkYXRhLXZhcmlhbnRdIHN2ZyB7CiAgd2lkdGg6IDI0cHg7CiAgaGVpZ2h0OiAyNHB4Owp9Cltyb2xlPSJ0b29sYmFyIl1bZGF0YS12YXJpYW50PSJ2aWJyYW50Il0gYnV0dG9uOm5vdCg6ZGlzYWJsZWQpOm5vdChbZGF0YS1kaXNhYmxlZF0pLCBbcm9sZT0idG9vbGJhciJdW2RhdGEtdmFyaWFudD0idmlicmFudCJdIGE6bm90KFtkYXRhLWRpc2FibGVkXSkgewogIGNvbG9yOiByZ2IodmFyKC0tbWQtc3lzLWNvbG9yLW9uLXByaW1hcnktY29udGFpbmVyKSk7Cn0';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var toolbar = _7a468({defaultClassName:'_1a8bqtt0',variantClassNames:{variant:{standard:'_1a8bqtt1',vibrant:'_1a8bqtt2'},orientation:{horizontal:'_1a8bqtt3',vertical:'_1a8bqtt4'}},defaultVariants:{variant:'standard',orientation:'horizontal'},compoundVariants:[]});","/**\n * toolbar.ts — wires the VE styles into the shared Toolbar factory.\n */\nimport { createToolbar } from '@m3-baseui/core';\nimport { toolbar } from './toolbar.css';\n\nexport const Toolbar = createToolbar(({ variant, orientation }) =>\n  toolbar({ variant, orientation }),\n);\nexport type { ToolbarProps, ToolbarVariant, ToolbarOrientation } from '@m3-baseui/core';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m3-baseui/react-vanilla-extract",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "description": "M3 components implemented with vanilla-extract recipes over the shared @m3-baseui/core factories.",
   "type": "module",
   "license": "MIT",
@@ -112,6 +112,11 @@
       "types": "./dist/progress.d.ts",
       "default": "./dist/progress.js"
     },
+    "./loading-indicator": {
+      "@m3/source": "./src/loading-indicator.ts",
+      "types": "./dist/loading-indicator.d.ts",
+      "default": "./dist/loading-indicator.js"
+    },
     "./list": {
       "@m3/source": "./src/list.ts",
       "types": "./dist/list.d.ts",
@@ -142,6 +147,16 @@
       "types": "./dist/segmented-button.d.ts",
       "default": "./dist/segmented-button.js"
     },
+    "./button-group": {
+      "@m3/source": "./src/button-group.ts",
+      "types": "./dist/button-group.d.ts",
+      "default": "./dist/button-group.js"
+    },
+    "./split-button": {
+      "@m3/source": "./src/split-button.ts",
+      "types": "./dist/split-button.d.ts",
+      "default": "./dist/split-button.js"
+    },
     "./navigation-drawer": {
       "@m3/source": "./src/navigation-drawer.ts",
       "types": "./dist/navigation-drawer.d.ts",
@@ -171,6 +186,31 @@
       "@m3/source": "./src/side-sheet.ts",
       "types": "./dist/side-sheet.d.ts",
       "default": "./dist/side-sheet.js"
+    },
+    "./search": {
+      "@m3/source": "./src/search.ts",
+      "types": "./dist/search.d.ts",
+      "default": "./dist/search.js"
+    },
+    "./date-picker": {
+      "@m3/source": "./src/date-picker.ts",
+      "types": "./dist/date-picker.d.ts",
+      "default": "./dist/date-picker.js"
+    },
+    "./time-picker": {
+      "@m3/source": "./src/time-picker.ts",
+      "types": "./dist/time-picker.d.ts",
+      "default": "./dist/time-picker.js"
+    },
+    "./toolbar": {
+      "@m3/source": "./src/toolbar.ts",
+      "types": "./dist/toolbar.d.ts",
+      "default": "./dist/toolbar.js"
+    },
+    "./carousel": {
+      "@m3/source": "./src/carousel.ts",
+      "types": "./dist/carousel.d.ts",
+      "default": "./dist/carousel.js"
     }
   },
   "files": [