@m3-baseui/react-vanilla-extract 1.0.0

package/dist/chip.css

@@ -0,0 +1,153 @@
+/* vanilla-extract-css-ns:src/chip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71X247TMBB971dYSEhEwiXpXqi8Ei98BkLIiSfJsK4dbKe7Be2_IztuN862NEULj3XnHM_MmRlPlt8K-wPrIs_JrwUhAm0n-Y4RVBIV0FrC492CEC6xURQdbCwjFSgHxh9_763DekcrrRwoN_7LI6ltDap7RnJ_0gI2rWOkWHeB8wGFa-N_G24aVFRC7Rih0UB3vEK3iyZ6C6aW-oGRFoUA5c86jf4-CltQzjKitAJ_7gxXFh1qxYZrSHGTbyzZcvOO0o2gdmfpRnsDCtyiaqh1XAluRPY-OnMRJLp6AeZu8bRY7pNfhOR3eu-zAckdbkMsrydJwztGYm5L_Ugt_kTVMFJqI8DQUj-OZbpaDZYdF8J7PlzPSHG7ZwgowwX29sB7TKXegqEWJFTuWaIBzkjRPRKrJQpimvJdkrlKS22o7p2_OMsCilf3jdG9EmwQueMGlAsFp5WjNd-g3LFUAbfrwFZcApW8BEklNw1Qb58dgA8x6hnAwfQZavEnzAJ6wwALOrbzbxzZD3hwvuqtLzov4AwKZ3h1j6rJpu3xnNEh3xeVfayBS4Fp7TNWQq0NhB44lO2bN3dJS_DSatm7UDuoLLg4FsYVUfXGV8Nn787LATJnWBz6OP_LWFrfAElEBycSNuu4AxqspxS1rnpLt2ixlDCbKqCmVLzyU2Q2R2fAWngRU-LQQDL0JCNX57rXQqV9onZD_0Yg1XUdJAwzZnzZF8EdpwItLyWIr-_JyI_9aRyWx9UM17KTw0RR25uaV5CRDyRfXq2z0Sy7DFussj_6vk_70RiOa5InhKvYETOdCpFUvbHePKYn4bu6iI9uuUGu3Hne61fgFVDzXrrxg2OG-bielMjNP4riZpAv9sDXcMt4uJwr8PDiclRg4l1nPTyFTKsxeeZO-3u6cSaGaRvNiPBc3d_OTlWU5BAulfrhbMhxV2m58FtFQgsStjxMZQlbkMXEr2EYD97NpJiGFifoRRxTN04rczvRYnTBMM6eFpOiXKbrelyh9xt1skXnyQtYJD59_OfLfvRsdd0lS-X-d7rvF6ujK2X6QrW8A1r3Uman9swZJdgZ3PxNrx7FJQn9RHDTJKLk-dvksyf-1uV3qByt0WfQh5EQrf-XMvuamX6VJcqkasWBTK_Hak03-lnq_WGNf_3Bvh7NgeeXdrm-Wzz9BjgTl5b-DgAA */
+._1sqif100 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  height: 18px;
+  width: 0;
+  margin-left: -8px;
+  opacity: 0;
+  overflow: hidden;
+  pointer-events: none;
+  transition:
+    width 150ms var(--md-sys-motion-easing-standard),
+    margin 150ms var(--md-sys-motion-easing-standard),
+    opacity 150ms var(--md-sys-motion-easing-standard);
+}
+._1sqif101 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  box-sizing: border-box;
+  height: 32px;
+  padding-inline: 16px;
+  border-radius: 8px;
+  overflow: hidden;
+  user-select: none;
+  border: 1px solid rgb(var(--md-sys-color-outline));
+  background: transparent;
+  font-family: var(--md-sys-typescale-label-large-font);
+  font-weight: var(--md-sys-typescale-label-large-weight);
+  font-size: var(--md-sys-typescale-label-large-size);
+  line-height: var(--md-sys-typescale-label-large-line-height);
+  letter-spacing: var(--md-sys-typescale-label-large-tracking);
+  transition: background-color 150ms var(--md-sys-motion-easing-standard), border-color 150ms var(--md-sys-motion-easing-standard);
+}
+._1sqif101::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 100ms var(--md-sys-motion-easing-standard);
+}
+._1sqif101:hover::before {
+  opacity: var(--md-sys-state-hover);
+}
+._1sqif101:focus-visible::before {
+  opacity: var(--md-sys-state-focus);
+}
+._1sqif101:active::before {
+  opacity: var(--md-sys-state-pressed);
+}
+._1sqif101:focus-visible {
+  outline: 3px solid rgb(var(--md-sys-color-secondary));
+  outline-offset: 2px;
+}
+._1sqif101[data-disabled],
+._1sqif101:disabled {
+  pointer-events: none;
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+  border-color: rgb(var(--md-sys-color-on-surface) / 0.12);
+}
+._1sqif101[data-disabled]::before,
+._1sqif101:disabled::before {
+  opacity: 0;
+}
+._1sqif102 {
+  color: rgb(var(--md-sys-color-on-surface));
+  cursor: pointer;
+}
+._1sqif103 {
+  color: rgb(var(--md-sys-color-on-surface-variant));
+  cursor: pointer;
+}
+._1sqif104 {
+  color: rgb(var(--md-sys-color-on-surface-variant));
+  cursor: default;
+  padding-right: 8px;
+}
+._1sqif105 {
+  color: rgb(var(--md-sys-color-on-surface-variant));
+  cursor: pointer;
+}
+._1sqif105[data-pressed] {
+  background: rgb(var(--md-sys-color-secondary-container));
+  color: rgb(var(--md-sys-color-on-secondary-container));
+  border-color: transparent;
+}
+._1sqif105[data-pressed][data-disabled],
+._1sqif105[data-pressed]:disabled {
+  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+}
+._1sqif106 {
+  background: rgb(var(--md-sys-color-surface-container-low));
+  border-color: transparent;
+  box-shadow: var(--md-sys-elevation-level1);
+}
+._1sqif106:hover {
+  box-shadow: var(--md-sys-elevation-level2);
+}
+._1sqif106:active {
+  box-shadow: var(--md-sys-elevation-level1);
+}
+._1sqif106[data-disabled],
+._1sqif106:disabled {
+  box-shadow: none;
+}
+[data-pressed] ._1sqif100 {
+  width: 18px;
+  margin-left: 0;
+  opacity: 1;
+}
+._1sqif107 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 24px;
+  height: 24px;
+  margin-left: -12px;
+  border-radius: var(--md-sys-shape-full);
+  overflow: hidden;
+  background: rgb(var(--md-sys-color-primary-container));
+  color: rgb(var(--md-sys-color-on-primary-container));
+}
+._1sqif107 > img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+._1sqif108 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 18px;
+  height: 18px;
+  margin-left: 4px;
+  margin-right: -4px;
+  border: none;
+  border-radius: var(--md-sys-shape-full);
+  background: transparent;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+  cursor: pointer;
+}
+._1sqif108:hover {
+  opacity: 0.8;
+}
+/*# sourceMappingURL=chip.css.map */

package/dist/chip.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/chip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71X247TMBB971dYSEhEwiXpXqi8Ei98BkLIiSfJsK4dbKe7Be2_IztuN862NEULj3XnHM_MmRlPlt8K-wPrIs_JrwUhAm0n-Y4RVBIV0FrC492CEC6xURQdbCwjFSgHxh9_763DekcrrRwoN_7LI6ltDap7RnJ_0gI2rWOkWHeB8wGFa-N_G24aVFRC7Rih0UB3vEK3iyZ6C6aW-oGRFoUA5c86jf4-CltQzjKitAJ_7gxXFh1qxYZrSHGTbyzZcvOO0o2gdmfpRnsDCtyiaqh1XAluRPY-OnMRJLp6AeZu8bRY7pNfhOR3eu-zAckdbkMsrydJwztGYm5L_Ugt_kTVMFJqI8DQUj-OZbpaDZYdF8J7PlzPSHG7ZwgowwX29sB7TKXegqEWJFTuWaIBzkjRPRKrJQpimvJdkrlKS22o7p2_OMsCilf3jdG9EmwQueMGlAsFp5WjNd-g3LFUAbfrwFZcApW8BEklNw1Qb58dgA8x6hnAwfQZavEnzAJ6wwALOrbzbxzZD3hwvuqtLzov4AwKZ3h1j6rJpu3xnNEh3xeVfayBS4Fp7TNWQq0NhB44lO2bN3dJS_DSatm7UDuoLLg4FsYVUfXGV8Nn787LATJnWBz6OP_LWFrfAElEBycSNuu4AxqspxS1rnpLt2ixlDCbKqCmVLzyU2Q2R2fAWngRU-LQQDL0JCNX57rXQqV9onZD_0Yg1XUdJAwzZnzZF8EdpwItLyWIr-_JyI_9aRyWx9UM17KTw0RR25uaV5CRDyRfXq2z0Sy7DFussj_6vk_70RiOa5InhKvYETOdCpFUvbHePKYn4bu6iI9uuUGu3Hne61fgFVDzXrrxg2OG-bielMjNP4riZpAv9sDXcMt4uJwr8PDiclRg4l1nPTyFTKsxeeZO-3u6cSaGaRvNiPBc3d_OTlWU5BAulfrhbMhxV2m58FtFQgsStjxMZQlbkMXEr2EYD97NpJiGFifoRRxTN04rczvRYnTBMM6eFpOiXKbrelyh9xt1skXnyQtYJD59_OfLfvRsdd0lS-X-d7rvF6ujK2X6QrW8A1r3Uman9swZJdgZ3PxNrx7FJQn9RHDTJKLk-dvksyf-1uV3qByt0WfQh5EQrf-XMvuamX6VJcqkasWBTK_Hak03-lnq_WGNf_3Bvh7NgeeXdrm-Wzz9BjgTl5b-DgAA"],"sourcesContent":["._1sqif100 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  height: 18px;\n  width: 0;\n  margin-left: -8px;\n  opacity: 0;\n  overflow: hidden;\n  pointer-events: none;\n  transition: width 150ms var(--md-sys-motion-easing-standard), margin 150ms var(--md-sys-motion-easing-standard), opacity 150ms var(--md-sys-motion-easing-standard);\n}\n._1sqif101 {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  box-sizing: border-box;\n  height: 32px;\n  padding-inline: 16px;\n  border-radius: 8px;\n  overflow: hidden;\n  user-select: none;\n  border: 1px solid rgb(var(--md-sys-color-outline));\n  background: transparent;\n  font-family: var(--md-sys-typescale-label-large-font);\n  font-weight: var(--md-sys-typescale-label-large-weight);\n  font-size: var(--md-sys-typescale-label-large-size);\n  line-height: var(--md-sys-typescale-label-large-line-height);\n  letter-spacing: var(--md-sys-typescale-label-large-tracking);\n  transition: background-color 150ms var(--md-sys-motion-easing-standard), border-color 150ms var(--md-sys-motion-easing-standard);\n}\n._1sqif101::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: currentColor;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n._1sqif101:hover::before {\n  opacity: var(--md-sys-state-hover);\n}\n._1sqif101:focus-visible::before {\n  opacity: var(--md-sys-state-focus);\n}\n._1sqif101:active::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._1sqif101:focus-visible {\n  outline: 3px solid rgb(var(--md-sys-color-secondary));\n  outline-offset: 2px;\n}\n._1sqif101[data-disabled], ._1sqif101:disabled {\n  pointer-events: none;\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n  border-color: rgb(var(--md-sys-color-on-surface) / 0.12);\n}\n._1sqif101[data-disabled]::before, ._1sqif101:disabled::before {\n  opacity: 0;\n}\n._1sqif102 {\n  color: rgb(var(--md-sys-color-on-surface));\n  cursor: pointer;\n}\n._1sqif103 {\n  color: rgb(var(--md-sys-color-on-surface-variant));\n  cursor: pointer;\n}\n._1sqif104 {\n  color: rgb(var(--md-sys-color-on-surface-variant));\n  cursor: default;\n  padding-right: 8px;\n}\n._1sqif105 {\n  color: rgb(var(--md-sys-color-on-surface-variant));\n  cursor: pointer;\n}\n._1sqif105[data-pressed] {\n  background: rgb(var(--md-sys-color-secondary-container));\n  color: rgb(var(--md-sys-color-on-secondary-container));\n  border-color: transparent;\n}\n._1sqif105[data-pressed][data-disabled], ._1sqif105[data-pressed]:disabled {\n  background: rgb(var(--md-sys-color-on-surface) / 0.12);\n}\n._1sqif106 {\n  background: rgb(var(--md-sys-color-surface-container-low));\n  border-color: transparent;\n  box-shadow: var(--md-sys-elevation-level1);\n}\n._1sqif106:hover {\n  box-shadow: var(--md-sys-elevation-level2);\n}\n._1sqif106:active {\n  box-shadow: var(--md-sys-elevation-level1);\n}\n._1sqif106[data-disabled], ._1sqif106:disabled {\n  box-shadow: none;\n}\n[data-pressed] ._1sqif100 {\n  width: 18px;\n  margin-left: 0;\n  opacity: 1;\n}\n._1sqif107 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n  margin-left: -12px;\n  border-radius: var(--md-sys-shape-full);\n  overflow: hidden;\n  background: rgb(var(--md-sys-color-primary-container));\n  color: rgb(var(--md-sys-color-on-primary-container));\n}\n._1sqif107 > img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n._1sqif108 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 18px;\n  height: 18px;\n  margin-left: 4px;\n  margin-right: -4px;\n  border: none;\n  border-radius: var(--md-sys-shape-full);\n  background: transparent;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n  cursor: pointer;\n}\n._1sqif108:hover {\n  opacity: 0.8;\n}"],"mappings":"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","names":[]}

package/dist/chip.d.ts

@@ -0,0 +1,7 @@
+import * as react from 'react';
+import * as _m3_baseui_core from '@m3-baseui/core';
+export { ChipProps, ChipVariant } from '@m3-baseui/core';
+
+declare const Chip: react.ForwardRefExoticComponent<_m3_baseui_core.ChipOwnProps & Omit<react.HTMLAttributes<HTMLElement>, "color"> & react.RefAttributes<HTMLElement>>;
+
+export { Chip };

package/dist/chip.js

@@ -0,0 +1,22 @@
+"use client";
+import './chip.css';
+import { createChip } from '@m3-baseui/core';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+// src/chip.ts
+var avatar = "_1sqif107";
+var check = "_1sqif100";
+var chip = createRuntimeFn({ defaultClassName: "_1sqif101", variantClassNames: { variant: { assist: "_1sqif102", suggestion: "_1sqif103", input: "_1sqif104", filter: "_1sqif105" }, elevated: { true: "_1sqif106" } }, defaultVariants: { variant: "assist" }, compoundVariants: [] });
+var remove = "_1sqif108";
+
+// src/chip.ts
+var Chip = createChip(({ variant, elevated }) => ({
+  root: chip({ variant, elevated }),
+  remove,
+  check,
+  avatar
+}));
+
+export { Chip };
+//# sourceMappingURL=chip.js.map
+//# sourceMappingURL=chip.js.map

package/dist/chip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/chip.css.ts","../src/chip.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,MAAA,GAAS,WAAA;AACb,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,IAAA,GAAOA,eAAA,CAAO,EAAC,gBAAA,EAAiB,aAAY,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,MAAA,EAAO,WAAA,EAAY,UAAA,EAAW,WAAA,EAAY,OAAM,WAAA,EAAY,MAAA,EAAO,WAAA,EAAW,EAAE,QAAA,EAAS,EAAC,IAAA,EAAK,WAAA,IAAY,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,QAAA,EAAQ,EAAE,gBAAA,EAAiB,IAAG,CAAA;AAChP,IAAI,MAAA,GAAS,WAAA;;;ACCb,IAAM,OAAO,UAAA,CAAW,CAAC,EAAE,OAAA,EAAS,UAAS,MAAO;AAAA,EACzD,IAAA,EAAM,IAAA,CAAK,EAAE,OAAA,EAAS,UAAU,CAAA;AAAA,EAChC,MAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,CAAE","file":"chip.js","sourcesContent":["import 'src/chip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71X247TMBB971dYSEhEwiXpXqi8Ei98BkLIiSfJsK4dbKe7Be2_IztuN862NEULj3XnHM_MmRlPlt8K-wPrIs_JrwUhAm0n-Y4RVBIV0FrC492CEC6xURQdbCwjFSgHxh9_763DekcrrRwoN_7LI6ltDap7RnJ_0gI2rWOkWHeB8wGFa-N_G24aVFRC7Rih0UB3vEK3iyZ6C6aW-oGRFoUA5c86jf4-CltQzjKitAJ_7gxXFh1qxYZrSHGTbyzZcvOO0o2gdmfpRnsDCtyiaqh1XAluRPY-OnMRJLp6AeZu8bRY7pNfhOR3eu-zAckdbkMsrydJwztGYm5L_Ugt_kTVMFJqI8DQUj-OZbpaDZYdF8J7PlzPSHG7ZwgowwX29sB7TKXegqEWJFTuWaIBzkjRPRKrJQpimvJdkrlKS22o7p2_OMsCilf3jdG9EmwQueMGlAsFp5WjNd-g3LFUAbfrwFZcApW8BEklNw1Qb58dgA8x6hnAwfQZavEnzAJ6wwALOrbzbxzZD3hwvuqtLzov4AwKZ3h1j6rJpu3xnNEh3xeVfayBS4Fp7TNWQq0NhB44lO2bN3dJS_DSatm7UDuoLLg4FsYVUfXGV8Nn787LATJnWBz6OP_LWFrfAElEBycSNuu4AxqspxS1rnpLt2ixlDCbKqCmVLzyU2Q2R2fAWngRU-LQQDL0JCNX57rXQqV9onZD_0Yg1XUdJAwzZnzZF8EdpwItLyWIr-_JyI_9aRyWx9UM17KTw0RR25uaV5CRDyRfXq2z0Sy7DFussj_6vk_70RiOa5InhKvYETOdCpFUvbHePKYn4bu6iI9uuUGu3Hne61fgFVDzXrrxg2OG-bielMjNP4riZpAv9sDXcMt4uJwr8PDiclRg4l1nPTyFTKsxeeZO-3u6cSaGaRvNiPBc3d_OTlWU5BAulfrhbMhxV2m58FtFQgsStjxMZQlbkMXEr2EYD97NpJiGFifoRRxTN04rczvRYnTBMM6eFpOiXKbrelyh9xt1skXnyQtYJD59_OfLfvRsdd0lS-X-d7rvF6ujK2X6QrW8A1r3Uman9swZJdgZ3PxNrx7FJQn9RHDTJKLk-dvksyf-1uV3qByt0WfQh5EQrf-XMvuamX6VJcqkasWBTK_Hak03-lnq_WGNf_3Bvh7NgeeXdrm-Wzz9BjgTl5b-DgAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var avatar = '_1sqif107';\nexport var check = '_1sqif100';\nexport var chip = _7a468({defaultClassName:'_1sqif101',variantClassNames:{variant:{assist:'_1sqif102',suggestion:'_1sqif103',input:'_1sqif104',filter:'_1sqif105'},elevated:{true:'_1sqif106'}},defaultVariants:{variant:'assist'},compoundVariants:[]});\nexport var remove = '_1sqif108';","/**\n * chip.ts — wires the VE recipe into the shared factory.\n */\nimport { createChip } from '@m3-baseui/core';\nimport { chip, check, remove, avatar } from './chip.css';\n\nexport const Chip = createChip(({ variant, elevated }) => ({\n  root: chip({ variant, elevated }),\n  remove,\n  check,\n  avatar,\n}));\nexport type { ChipProps, ChipVariant } from '@m3-baseui/core';\n"]}

package/dist/dialog.css

@@ -0,0 +1,60 @@
+/* vanilla-extract-css-ns:src/dialog.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51U226jMBB9z1fMS6UgxVlyq1L3U1ar1QQPYNUXZJsEuuq_r2xyIZGqJnkBMz5nxnPmmPnfRbfd6lDl8G8C0Fgvg7SGQyk7Eu8TAGk8BQ55XH8yaQR1HNbpc4fFR-VsawQHV-2me3RTxrRgvvessMo65gsndQa_IJ-vllkkBYfmVMQ2WMjQwzLPtYcrurYRwgi9NBXzAY1AJ7L3yddkfj7zb4EB46YLA6pX9GcGtwAy4rKd-jwWTm2NEi6-E0FRGThs8pfUgW3O67Mim_zcXGmd5sNSYaAp2-QvM4jPJMBBilBz0NJMN695082gQFVMF3m-PwCD9bbpsgTU2LGaZFUHfoHUJ0hE2D25UtkDB2yDjREhfaOw51Aq6mIgvpmQjoqhpcKqVpu4U2HDYfHaJFiDImrEYbkeAvfMtnUlFsQKawJKQ47VsqqHsyfEt0xrTuQBvbNOkGMOhWw9vzaCr7EhRl1wyBS6io6MLu6I2PsVnBTtMVlH0Z7UKrsaC7NOVtKcOLfx5w1KuqnRy08S2exS7iFeGmgblDTEwVhD19b8yeuLe7z-s0PBF6homs_fNteXbZmSaXRJv5SrtCawErVU_c0UQt9QSsRqQhFbYl6jUixSsjP3cHT3fdwBfWFH2e7lRmxiplj9UN0RZUhBIZBjPuoar8x9WYLD4kOa6uHrMZrB6rkZ7KzomSYhW_3YAMbEh9QfEx-Sfkx8UvdxiqdEZ3t0Ek24EX-dxD__YKVJ5xv-s1__AZLbHLBIBwAA */
+._1x88mtg0 {
+  position: fixed;
+  inset: 0;
+  z-index: 40;
+  background: rgb(var(--md-sys-color-scrim) / 0.32);
+  transition: opacity 200ms var(--md-sys-motion-easing-standard);
+}
+._1x88mtg0[data-starting-style],
+._1x88mtg0[data-ending-style] {
+  opacity: 0;
+}
+._1x88mtg1 {
+  position: fixed;
+  left: 50%;
+  top: 50%;
+  z-index: 50;
+  transform: translate(-50%, -50%);
+  width: min(560px, calc(100vw - 48px));
+  max-height: calc(100vh - 48px);
+  overflow: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: 24px;
+  background: rgb(var(--md-sys-color-surface-container-high));
+  color: rgb(var(--md-sys-color-on-surface));
+  border-radius: var(--md-sys-shape-extra-large);
+  box-shadow: var(--md-sys-elevation-level3);
+  transform-origin: var(--transform-origin);
+  transition: opacity 200ms var(--md-sys-motion-easing-emphasized), transform 200ms var(--md-sys-motion-easing-emphasized);
+  outline: none;
+}
+._1x88mtg1[data-starting-style],
+._1x88mtg1[data-ending-style] {
+  opacity: 0;
+  transform: translate(-50%, -50%) scale(0.95);
+}
+._1x88mtg2 {
+  margin: 0;
+  font-family: var(--md-sys-typescale-headline-small-font);
+  font-weight: var(--md-sys-typescale-headline-small-weight);
+  font-size: var(--md-sys-typescale-headline-small-size);
+  line-height: var(--md-sys-typescale-headline-small-line-height);
+  letter-spacing: var(--md-sys-typescale-headline-small-tracking);
+  color: rgb(var(--md-sys-color-on-surface));
+}
+._1x88mtg3 {
+  margin: 0;
+  font-family: var(--md-sys-typescale-body-medium-font);
+  font-weight: var(--md-sys-typescale-body-medium-weight);
+  font-size: var(--md-sys-typescale-body-medium-size);
+  line-height: var(--md-sys-typescale-body-medium-line-height);
+  letter-spacing: var(--md-sys-typescale-body-medium-tracking);
+  color: rgb(var(--md-sys-color-on-surface-variant));
+}
+._1x88mtg4 {
+  display: inline-flex;
+}
+/*# sourceMappingURL=dialog.css.map */

package/dist/dialog.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/dialog.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51U226jMBB9z1fMS6UgxVlyq1L3U1ar1QQPYNUXZJsEuuq_r2xyIZGqJnkBMz5nxnPmmPnfRbfd6lDl8G8C0Fgvg7SGQyk7Eu8TAGk8BQ55XH8yaQR1HNbpc4fFR-VsawQHV-2me3RTxrRgvvessMo65gsndQa_IJ-vllkkBYfmVMQ2WMjQwzLPtYcrurYRwgi9NBXzAY1AJ7L3yddkfj7zb4EB46YLA6pX9GcGtwAy4rKd-jwWTm2NEi6-E0FRGThs8pfUgW3O67Mim_zcXGmd5sNSYaAp2-QvM4jPJMBBilBz0NJMN695082gQFVMF3m-PwCD9bbpsgTU2LGaZFUHfoHUJ0hE2D25UtkDB2yDjREhfaOw51Aq6mIgvpmQjoqhpcKqVpu4U2HDYfHaJFiDImrEYbkeAvfMtnUlFsQKawJKQ47VsqqHsyfEt0xrTuQBvbNOkGMOhWw9vzaCr7EhRl1wyBS6io6MLu6I2PsVnBTtMVlH0Z7UKrsaC7NOVtKcOLfx5w1KuqnRy08S2exS7iFeGmgblDTEwVhD19b8yeuLe7z-s0PBF6homs_fNteXbZmSaXRJv5SrtCawErVU_c0UQt9QSsRqQhFbYl6jUixSsjP3cHT3fdwBfWFH2e7lRmxiplj9UN0RZUhBIZBjPuoar8x9WYLD4kOa6uHrMZrB6rkZ7KzomSYhW_3YAMbEh9QfEx-Sfkx8UvdxiqdEZ3t0Ek24EX-dxD__YKVJ5xv-s1__AZLbHLBIBwAA"],"sourcesContent":["._1x88mtg0 {\n  position: fixed;\n  inset: 0;\n  z-index: 40;\n  background: rgb(var(--md-sys-color-scrim) / 0.32);\n  transition: opacity 200ms var(--md-sys-motion-easing-standard);\n}\n._1x88mtg0[data-starting-style], ._1x88mtg0[data-ending-style] {\n  opacity: 0;\n}\n._1x88mtg1 {\n  position: fixed;\n  left: 50%;\n  top: 50%;\n  z-index: 50;\n  transform: translate(-50%, -50%);\n  width: min(560px, calc(100vw - 48px));\n  max-height: calc(100vh - 48px);\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding: 24px;\n  background: rgb(var(--md-sys-color-surface-container-high));\n  color: rgb(var(--md-sys-color-on-surface));\n  border-radius: var(--md-sys-shape-extra-large);\n  box-shadow: var(--md-sys-elevation-level3);\n  transform-origin: var(--transform-origin);\n  transition: opacity 200ms var(--md-sys-motion-easing-emphasized), transform 200ms var(--md-sys-motion-easing-emphasized);\n  outline: none;\n}\n._1x88mtg1[data-starting-style], ._1x88mtg1[data-ending-style] {\n  opacity: 0;\n  transform: translate(-50%, -50%) scale(0.95);\n}\n._1x88mtg2 {\n  margin: 0;\n  font-family: var(--md-sys-typescale-headline-small-font);\n  font-weight: var(--md-sys-typescale-headline-small-weight);\n  font-size: var(--md-sys-typescale-headline-small-size);\n  line-height: var(--md-sys-typescale-headline-small-line-height);\n  letter-spacing: var(--md-sys-typescale-headline-small-tracking);\n  color: rgb(var(--md-sys-color-on-surface));\n}\n._1x88mtg3 {\n  margin: 0;\n  font-family: var(--md-sys-typescale-body-medium-font);\n  font-weight: var(--md-sys-typescale-body-medium-weight);\n  font-size: var(--md-sys-typescale-body-medium-size);\n  line-height: var(--md-sys-typescale-body-medium-line-height);\n  letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n  color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1x88mtg4 {\n  display: inline-flex;\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,SAAO;AACP,WAAS;AACT,cAAY,IAAI,IAAI,sBAAsB,EAAE;AAC5C,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CAPC,SAOS,CAAC;AAAsB,CAPhC,SAO0C,CAAC;AAC1C,WAAS;AACX;AACA,CAAC;AACC,YAAU;AACV,QAAM;AACN,OAAK;AACL,WAAS;AACT,aAAW,UAAU,IAAI,EAAE;AAC3B,SAAO,IAAI,KAAK,EAAE,KAAK,MAAM,EAAE;AAC/B,cAAY,KAAK,MAAM,EAAE;AACzB,YAAU;AACV,WAAS;AACT,kBAAgB;AAChB,OAAK;AACL,WAAS;AACT,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,iBAAe,IAAI;AACnB,cAAY,IAAI;AAChB,oBAAkB,IAAI;AACtB,cAAY,QAAQ,MAAM,IAAI,kCAAkC,EAAE,UAAU,MAAM,IAAI;AACtF,WAAS;AACX;AACA,CArBC,SAqBS,CAAC;AAAsB,CArBhC,SAqB0C,CAAC;AAC1C,WAAS;AACT,aAAW,UAAU,IAAI,EAAE,MAAM,MAAM;AACzC;AACA,CAAC;AACC,UAAQ;AACR,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,UAAQ;AACR,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,WAAS;AACX;","names":[]}

package/dist/dialog.d.ts

@@ -0,0 +1,15 @@
+import * as react from 'react';
+import * as _base_ui_react from '@base-ui/react';
+
+declare const Dialog: {
+    Root: typeof _base_ui_react.DialogRoot;
+    Trigger: _base_ui_react.DialogTrigger;
+    Portal: react.ForwardRefExoticComponent<Omit<_base_ui_react.AlertDialogPortalProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    Backdrop: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogBackdropProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
+    Popup: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogPopupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
+    Title: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogTitleProps, "ref"> & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<unknown>>;
+    Description: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogDescriptionProps, "ref"> & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<unknown>>;
+    Close: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogCloseProps, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<unknown>>;
+};
+
+export { Dialog };

package/dist/dialog.js

@@ -0,0 +1,19 @@
+"use client";
+import './dialog.css';
+import { createDialog } from '@m3-baseui/core';
+
+// src/dialog.ts
+
+// src/dialog.css.ts
+var backdrop = "_1x88mtg0";
+var close = "_1x88mtg4";
+var description = "_1x88mtg3";
+var popup = "_1x88mtg1";
+var title = "_1x88mtg2";
+
+// src/dialog.ts
+var Dialog = createDialog({ backdrop, popup, title, description, close });
+
+export { Dialog };
+//# sourceMappingURL=dialog.js.map
+//# sourceMappingURL=dialog.js.map

package/dist/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dialog.css.ts","../src/dialog.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,QAAA,GAAW,WAAA;AACf,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,WAAA,GAAc,WAAA;AAClB,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,KAAA,GAAQ,WAAA;;;ACCZ,IAAM,MAAA,GAAS,aAAa,EAAE,QAAA,EAAU,OAAO,KAAA,EAAO,WAAA,EAAa,OAAO","file":"dialog.js","sourcesContent":["import 'src/dialog.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51U226jMBB9z1fMS6UgxVlyq1L3U1ar1QQPYNUXZJsEuuq_r2xyIZGqJnkBMz5nxnPmmPnfRbfd6lDl8G8C0Fgvg7SGQyk7Eu8TAGk8BQ55XH8yaQR1HNbpc4fFR-VsawQHV-2me3RTxrRgvvessMo65gsndQa_IJ-vllkkBYfmVMQ2WMjQwzLPtYcrurYRwgi9NBXzAY1AJ7L3yddkfj7zb4EB46YLA6pX9GcGtwAy4rKd-jwWTm2NEi6-E0FRGThs8pfUgW3O67Mim_zcXGmd5sNSYaAp2-QvM4jPJMBBilBz0NJMN695082gQFVMF3m-PwCD9bbpsgTU2LGaZFUHfoHUJ0hE2D25UtkDB2yDjREhfaOw51Aq6mIgvpmQjoqhpcKqVpu4U2HDYfHaJFiDImrEYbkeAvfMtnUlFsQKawJKQ47VsqqHsyfEt0xrTuQBvbNOkGMOhWw9vzaCr7EhRl1wyBS6io6MLu6I2PsVnBTtMVlH0Z7UKrsaC7NOVtKcOLfx5w1KuqnRy08S2exS7iFeGmgblDTEwVhD19b8yeuLe7z-s0PBF6homs_fNteXbZmSaXRJv5SrtCawErVU_c0UQt9QSsRqQhFbYl6jUixSsjP3cHT3fdwBfWFH2e7lRmxiplj9UN0RZUhBIZBjPuoar8x9WYLD4kOa6uHrMZrB6rkZ7KzomSYhW_3YAMbEh9QfEx-Sfkx8UvdxiqdEZ3t0Ek24EX-dxD__YKVJ5xv-s1__AZLbHLBIBwAA';\nexport var backdrop = '_1x88mtg0';\nexport var close = '_1x88mtg4';\nexport var description = '_1x88mtg3';\nexport var popup = '_1x88mtg1';\nexport var title = '_1x88mtg2';","/**\n * dialog.ts — wires the VE styles into the shared parts factory.\n */\nimport { createDialog } from '@m3-baseui/core';\nimport { backdrop, popup, title, description, close } from './dialog.css';\n\nexport const Dialog = createDialog({ backdrop, popup, title, description, close });\n"]}

package/dist/divider.css

@@ -0,0 +1,28 @@
+/* vanilla-extract-css-ns:src/divider.css.ts.vanilla.css?source=Lm45YnFjZTAgewogIGZsZXgtc2hyaW5rOiAwOwogIGFsaWduLXNlbGY6IHN0cmV0Y2g7CiAgYm9yZGVyOiBub25lOwogIGJhY2tncm91bmQ6IHJnYih2YXIoLS1tZC1zeXMtY29sb3Itb3V0bGluZS12YXJpYW50KSk7Cn0KLm45YnFjZTEgewogIGhlaWdodDogMXB4OwogIHdpZHRoOiBhdXRvOwp9Ci5uOWJxY2UyIHsKICB3aWR0aDogMXB4OwogIGhlaWdodDogYXV0bzsKfQoubjlicWNlNiB7CiAgbWFyZ2luLWlubGluZS1zdGFydDogMTZweDsKfQoubjlicWNlNyB7CiAgbWFyZ2luLWlubGluZTogMTZweDsKfQoubjlicWNlOCB7CiAgbWFyZ2luLWJsb2NrLXN0YXJ0OiAxNnB4Owp9Ci5uOWJxY2U5IHsKICBtYXJnaW4tYmxvY2s6IDE2cHg7Cn0 */
+.n9bqce0 {
+  flex-shrink: 0;
+  align-self: stretch;
+  border: none;
+  background: rgb(var(--md-sys-color-outline-variant));
+}
+.n9bqce1 {
+  height: 1px;
+  width: auto;
+}
+.n9bqce2 {
+  width: 1px;
+  height: auto;
+}
+.n9bqce6 {
+  margin-inline-start: 16px;
+}
+.n9bqce7 {
+  margin-inline: 16px;
+}
+.n9bqce8 {
+  margin-block-start: 16px;
+}
+.n9bqce9 {
+  margin-block: 16px;
+}
+/*# sourceMappingURL=divider.css.map */

package/dist/divider.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/divider.css.ts.vanilla.css?source=Lm45YnFjZTAgewogIGZsZXgtc2hyaW5rOiAwOwogIGFsaWduLXNlbGY6IHN0cmV0Y2g7CiAgYm9yZGVyOiBub25lOwogIGJhY2tncm91bmQ6IHJnYih2YXIoLS1tZC1zeXMtY29sb3Itb3V0bGluZS12YXJpYW50KSk7Cn0KLm45YnFjZTEgewogIGhlaWdodDogMXB4OwogIHdpZHRoOiBhdXRvOwp9Ci5uOWJxY2UyIHsKICB3aWR0aDogMXB4OwogIGhlaWdodDogYXV0bzsKfQoubjlicWNlNiB7CiAgbWFyZ2luLWlubGluZS1zdGFydDogMTZweDsKfQoubjlicWNlNyB7CiAgbWFyZ2luLWlubGluZTogMTZweDsKfQoubjlicWNlOCB7CiAgbWFyZ2luLWJsb2NrLXN0YXJ0OiAxNnB4Owp9Ci5uOWJxY2U5IHsKICBtYXJnaW4tYmxvY2s6IDE2cHg7Cn0"],"sourcesContent":[".n9bqce0 {\n  flex-shrink: 0;\n  align-self: stretch;\n  border: none;\n  background: rgb(var(--md-sys-color-outline-variant));\n}\n.n9bqce1 {\n  height: 1px;\n  width: auto;\n}\n.n9bqce2 {\n  width: 1px;\n  height: auto;\n}\n.n9bqce6 {\n  margin-inline-start: 16px;\n}\n.n9bqce7 {\n  margin-inline: 16px;\n}\n.n9bqce8 {\n  margin-block-start: 16px;\n}\n.n9bqce9 {\n  margin-block: 16px;\n}"],"mappings":";AAAA,CAAC;AACC,eAAa;AACb,cAAY;AACZ,UAAQ;AACR,cAAY,IAAI,IAAI;AACtB;AACA,CAAC;AACC,UAAQ;AACR,SAAO;AACT;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,uBAAqB;AACvB;AACA,CAAC;AACC,iBAAe;AACjB;AACA,CAAC;AACC,sBAAoB;AACtB;AACA,CAAC;AACC,gBAAc;AAChB;","names":[]}

package/dist/divider.d.ts

@@ -0,0 +1,10 @@
+import * as _base_ui_react from '@base-ui/react';
+import * as react from 'react';
+import * as _m3_baseui_core from '@m3-baseui/core';
+export { DividerInset, DividerOrientation, DividerProps } from '@m3-baseui/core';
+
+declare const Divider: react.ForwardRefExoticComponent<_m3_baseui_core.DividerOwnProps & Omit<react.HTMLAttributes<HTMLDivElement>, "role"> & {
+    render?: _base_ui_react.useRender.RenderProp;
+} & react.RefAttributes<HTMLDivElement>>;
+
+export { Divider };

package/dist/divider.js

@@ -0,0 +1,14 @@
+"use client";
+import './divider.css';
+import { createDivider } from '@m3-baseui/core';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+// src/divider.ts
+var divider = createRuntimeFn({ defaultClassName: "n9bqce0", variantClassNames: { orientation: { horizontal: "n9bqce1", vertical: "n9bqce2" }, inset: { full: "n9bqce3", inset: "n9bqce4", middle: "n9bqce5" } }, defaultVariants: { orientation: "horizontal", inset: "full" }, compoundVariants: [[{ orientation: "horizontal", inset: "inset" }, "n9bqce6"], [{ orientation: "horizontal", inset: "middle" }, "n9bqce7"], [{ orientation: "vertical", inset: "inset" }, "n9bqce8"], [{ orientation: "vertical", inset: "middle" }, "n9bqce9"]] });
+
+// src/divider.ts
+var Divider = createDivider(({ inset, orientation }) => divider({ inset, orientation }));
+
+export { Divider };
+//# sourceMappingURL=divider.js.map
+//# sourceMappingURL=divider.js.map

package/dist/divider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/divider.css.ts","../src/divider.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,OAAA,GAAUA,eAAA,CAAO,EAAC,gBAAA,EAAiB,WAAU,iBAAA,EAAkB,EAAC,WAAA,EAAY,EAAC,UAAA,EAAW,SAAA,EAAU,QAAA,EAAS,SAAA,IAAW,KAAA,EAAM,EAAC,IAAA,EAAK,SAAA,EAAU,KAAA,EAAM,SAAA,EAAU,MAAA,EAAO,SAAA,IAAU,EAAE,eAAA,EAAgB,EAAC,WAAA,EAAY,cAAa,KAAA,EAAM,MAAA,EAAM,EAAE,gBAAA,EAAiB,CAAC,CAAC,EAAC,WAAA,EAAY,YAAA,EAAa,KAAA,EAAM,OAAA,EAAO,EAAE,SAAS,GAAE,CAAC,EAAC,WAAA,EAAY,YAAA,EAAa,KAAA,EAAM,QAAA,EAAQ,EAAE,SAAS,GAAE,CAAC,EAAC,WAAA,EAAY,UAAA,EAAW,KAAA,EAAM,OAAA,EAAO,EAAE,SAAS,GAAE,CAAC,EAAC,WAAA,EAAY,UAAA,EAAW,OAAM,QAAA,EAAQ,EAAE,SAAS,CAAC,GAAE,CAAA;;;ACIhd,IAAM,OAAA,GAAU,aAAA,CAAc,CAAC,EAAE,KAAA,EAAO,WAAA,EAAY,KAAM,OAAA,CAAQ,EAAE,KAAA,EAAO,WAAA,EAAa,CAAC","file":"divider.js","sourcesContent":["import 'src/divider.css.ts.vanilla.css?source=Lm45YnFjZTAgewogIGZsZXgtc2hyaW5rOiAwOwogIGFsaWduLXNlbGY6IHN0cmV0Y2g7CiAgYm9yZGVyOiBub25lOwogIGJhY2tncm91bmQ6IHJnYih2YXIoLS1tZC1zeXMtY29sb3Itb3V0bGluZS12YXJpYW50KSk7Cn0KLm45YnFjZTEgewogIGhlaWdodDogMXB4OwogIHdpZHRoOiBhdXRvOwp9Ci5uOWJxY2UyIHsKICB3aWR0aDogMXB4OwogIGhlaWdodDogYXV0bzsKfQoubjlicWNlNiB7CiAgbWFyZ2luLWlubGluZS1zdGFydDogMTZweDsKfQoubjlicWNlNyB7CiAgbWFyZ2luLWlubGluZTogMTZweDsKfQoubjlicWNlOCB7CiAgbWFyZ2luLWJsb2NrLXN0YXJ0OiAxNnB4Owp9Ci5uOWJxY2U5IHsKICBtYXJnaW4tYmxvY2s6IDE2cHg7Cn0';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var divider = _7a468({defaultClassName:'n9bqce0',variantClassNames:{orientation:{horizontal:'n9bqce1',vertical:'n9bqce2'},inset:{full:'n9bqce3',inset:'n9bqce4',middle:'n9bqce5'}},defaultVariants:{orientation:'horizontal',inset:'full'},compoundVariants:[[{orientation:'horizontal',inset:'inset'},'n9bqce6'],[{orientation:'horizontal',inset:'middle'},'n9bqce7'],[{orientation:'vertical',inset:'inset'},'n9bqce8'],[{orientation:'vertical',inset:'middle'},'n9bqce9']]});","/**\n * divider.ts — wires the VE recipe into the shared Divider factory.\n */\nimport { createDivider } from '@m3-baseui/core';\nimport { divider } from './divider.css';\n\nexport const Divider = createDivider(({ inset, orientation }) => divider({ inset, orientation }));\nexport type { DividerProps, DividerInset, DividerOrientation } from '@m3-baseui/core';\n"]}

package/dist/fab.css

@@ -0,0 +1,109 @@
+/* vanilla-extract-css-ns:src/fab.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61Uy3KcMBC871eofPIe5Fp21ylbPuYzUq7UgAZQLCRKGrBJyv-ekmDNI2uHdXIUdLe6ewZuvicJ3QHAjv3aMPasJJWCHXf1y8OGsRJVUdJ4Tq2T6LgDqRovWAvumvNKct957kuokVcoVVNtHzavm5tR2rfFVH5_nMv35wkjmaJvv8zRp_PfzWhwBW4Xypd62U_R9wsv96u94As5OOdov3R0WNzRnyeMQ0Qv66iU4YPC3TCuGqRUpuDKaGVQsGSAFlALluwvrZGx3BriOVRKdwskdTX6DHRAp6h7Dg_4kfg8OF5B7KEj1aufuIoYgJEWEvNy_Y0TfM9HInTc15ApU6ySIAfZkzLFdjGtSzfuGNG19YqUNYI51ECqxUCSytcaOsH6mfJcYxQDrQrDFWHlBcvQELrw-EfjSeUdz6whNDR9ldqX0FYMN-xAaqOWbdHl2j4LViop0YxbIpixJvrIGuetE6y26iTY-NAXasxoxNmG-t07PYjXliCD_KxT1NhCCMw1tqgPcQrkwJxqGJksud1Vfk6vbOQi-LDxnsBIcHI-iqMQKebWYSz4rZOrq4dZ35B6qxuKdpXxSILtonXIngpnGyNFyO_Q0FerbQxvw55QNyCHVji2aMiP4adxBgZLdp_MUoY5xSRrOz2elZiV8pZj_h8gIOQRvZTIbdZ43iqvUo2rpSJrKQVZ2PLVGrVD73FZyzcJBKd3j_8oJqTykGqUc_7u5nD30Zin8-if_enwpPz4H6Xv-22YrKkr0utZ2iwsLPeNyyHD-FsAZdDxUhXlNn5yEfEus3aqAtdt50XB2osH-njxmjutOc-bGEhXJ8fMhq_pcgvvMCcmsrUmCB2pz3g4T3z9DRwgwwvFCQAA */
+._11t8aaa0 {
+  width: 40px;
+  height: 40px;
+  border-radius: var(--md-sys-shape-medium);
+}
+._11t8aaa0 svg {
+  width: 24px;
+  height: 24px;
+}
+._11t8aaa1 {
+  width: 56px;
+  height: 56px;
+  border-radius: var(--md-sys-shape-large);
+}
+._11t8aaa1 svg {
+  width: 24px;
+  height: 24px;
+}
+._11t8aaa2 {
+  width: 96px;
+  height: 96px;
+  border-radius: var(--md-sys-shape-extra-large);
+}
+._11t8aaa2 svg {
+  width: 36px;
+  height: 36px;
+}
+._11t8aaa3 {
+  height: 56px;
+  min-width: 80px;
+  padding-inline: 16px;
+  gap: 12px;
+  border-radius: var(--md-sys-shape-large);
+  font-family: var(--md-sys-typescale-label-large-font);
+  font-weight: var(--md-sys-typescale-label-large-weight);
+  font-size: var(--md-sys-typescale-label-large-size);
+  line-height: var(--md-sys-typescale-label-large-line-height);
+  letter-spacing: var(--md-sys-typescale-label-large-tracking);
+}
+._11t8aaa3 svg {
+  width: 24px;
+  height: 24px;
+}
+._11t8aaa4 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  overflow: hidden;
+  border: none;
+  cursor: pointer;
+  user-select: none;
+  outline: none;
+  box-shadow: var(--md-sys-elevation-level3);
+  transition: box-shadow 150ms var(--md-sys-motion-easing-standard);
+}
+._11t8aaa4::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 100ms var(--md-sys-motion-easing-standard);
+}
+._11t8aaa4:hover {
+  box-shadow: var(--md-sys-elevation-level4);
+}
+._11t8aaa4:hover::before {
+  opacity: var(--md-sys-state-hover);
+}
+._11t8aaa4:focus-visible::before {
+  opacity: var(--md-sys-state-focus);
+}
+._11t8aaa4:active::before {
+  opacity: var(--md-sys-state-pressed);
+}
+._11t8aaa4[data-pressed]::before {
+  opacity: var(--md-sys-state-pressed);
+}
+._11t8aaa4:disabled {
+  opacity: 0.38;
+  pointer-events: none;
+  box-shadow: none;
+}
+._11t8aaa4[data-disabled] {
+  opacity: 0.38;
+  pointer-events: none;
+  box-shadow: none;
+}
+._11t8aaa9 {
+  background: rgb(var(--md-sys-color-surface-container-high));
+  color: rgb(var(--md-sys-color-primary));
+}
+._11t8aaaa {
+  background: rgb(var(--md-sys-color-primary-container));
+  color: rgb(var(--md-sys-color-on-primary-container));
+}
+._11t8aaab {
+  background: rgb(var(--md-sys-color-secondary-container));
+  color: rgb(var(--md-sys-color-on-secondary-container));
+}
+._11t8aaac {
+  background: rgb(var(--md-sys-color-tertiary-container));
+  color: rgb(var(--md-sys-color-on-tertiary-container));
+}
+/*# sourceMappingURL=fab.css.map */

package/dist/fab.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/fab.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61Uy3KcMBC871eofPIe5Fp21ylbPuYzUq7UgAZQLCRKGrBJyv-ekmDNI2uHdXIUdLe6ewZuvicJ3QHAjv3aMPasJJWCHXf1y8OGsRJVUdJ4Tq2T6LgDqRovWAvumvNKct957kuokVcoVVNtHzavm5tR2rfFVH5_nMv35wkjmaJvv8zRp_PfzWhwBW4Xypd62U_R9wsv96u94As5OOdov3R0WNzRnyeMQ0Qv66iU4YPC3TCuGqRUpuDKaGVQsGSAFlALluwvrZGx3BriOVRKdwskdTX6DHRAp6h7Dg_4kfg8OF5B7KEj1aufuIoYgJEWEvNy_Y0TfM9HInTc15ApU6ySIAfZkzLFdjGtSzfuGNG19YqUNYI51ECqxUCSytcaOsH6mfJcYxQDrQrDFWHlBcvQELrw-EfjSeUdz6whNDR9ldqX0FYMN-xAaqOWbdHl2j4LViop0YxbIpixJvrIGuetE6y26iTY-NAXasxoxNmG-t07PYjXliCD_KxT1NhCCMw1tqgPcQrkwJxqGJksud1Vfk6vbOQi-LDxnsBIcHI-iqMQKebWYSz4rZOrq4dZ35B6qxuKdpXxSILtonXIngpnGyNFyO_Q0FerbQxvw55QNyCHVji2aMiP4adxBgZLdp_MUoY5xSRrOz2elZiV8pZj_h8gIOQRvZTIbdZ43iqvUo2rpSJrKQVZ2PLVGrVD73FZyzcJBKd3j_8oJqTykGqUc_7u5nD30Zin8-if_enwpPz4H6Xv-22YrKkr0utZ2iwsLPeNyyHD-FsAZdDxUhXlNn5yEfEus3aqAtdt50XB2osH-njxmjutOc-bGEhXJ8fMhq_pcgvvMCcmsrUmCB2pz3g4T3z9DRwgwwvFCQAA"],"sourcesContent":["._11t8aaa0 {\n  width: 40px;\n  height: 40px;\n  border-radius: var(--md-sys-shape-medium);\n}\n._11t8aaa0 svg {\n  width: 24px;\n  height: 24px;\n}\n._11t8aaa1 {\n  width: 56px;\n  height: 56px;\n  border-radius: var(--md-sys-shape-large);\n}\n._11t8aaa1 svg {\n  width: 24px;\n  height: 24px;\n}\n._11t8aaa2 {\n  width: 96px;\n  height: 96px;\n  border-radius: var(--md-sys-shape-extra-large);\n}\n._11t8aaa2 svg {\n  width: 36px;\n  height: 36px;\n}\n._11t8aaa3 {\n  height: 56px;\n  min-width: 80px;\n  padding-inline: 16px;\n  gap: 12px;\n  border-radius: var(--md-sys-shape-large);\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}\n._11t8aaa3 svg {\n  width: 24px;\n  height: 24px;\n}\n._11t8aaa4 {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  overflow: hidden;\n  border: none;\n  cursor: pointer;\n  user-select: none;\n  outline: none;\n  box-shadow: var(--md-sys-elevation-level3);\n  transition: box-shadow 150ms var(--md-sys-motion-easing-standard);\n}\n._11t8aaa4::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._11t8aaa4:hover {\n  box-shadow: var(--md-sys-elevation-level4);\n}\n._11t8aaa4:hover::before {\n  opacity: var(--md-sys-state-hover);\n}\n._11t8aaa4:focus-visible::before {\n  opacity: var(--md-sys-state-focus);\n}\n._11t8aaa4:active::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._11t8aaa4[data-pressed]::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._11t8aaa4:disabled {\n  opacity: 0.38;\n  pointer-events: none;\n  box-shadow: none;\n}\n._11t8aaa4[data-disabled] {\n  opacity: 0.38;\n  pointer-events: none;\n  box-shadow: none;\n}\n._11t8aaa9 {\n  background: rgb(var(--md-sys-color-surface-container-high));\n  color: rgb(var(--md-sys-color-primary));\n}\n._11t8aaaa {\n  background: rgb(var(--md-sys-color-primary-container));\n  color: rgb(var(--md-sys-color-on-primary-container));\n}\n._11t8aaab {\n  background: rgb(var(--md-sys-color-secondary-container));\n  color: rgb(var(--md-sys-color-on-secondary-container));\n}\n._11t8aaac {\n  background: rgb(var(--md-sys-color-tertiary-container));\n  color: rgb(var(--md-sys-color-on-tertiary-container));\n}"],"mappings":";AAAA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACrB;AACA,CALC,UAKU;AACT,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACrB;AACA,CALC,UAKU;AACT,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACrB;AACA,CALC,UAKU;AACT,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,UAAQ;AACR,aAAW;AACX,kBAAgB;AAChB,OAAK;AACL,iBAAe,IAAI;AACnB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAZC,UAYU;AACT,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,cAAY;AACZ,YAAU;AACV,UAAQ;AACR,UAAQ;AACR,eAAa;AACb,WAAS;AACT,cAAY,IAAI;AAChB,cAAY,WAAW,MAAM,IAAI;AACnC;AACA,CAdC,SAcS;AACR,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CAvBC,SAuBS;AACR,cAAY,IAAI;AAClB;AACA,CA1BC,SA0BS,MAAM;AACd,WAAS,IAAI;AACf;AACA,CA7BC,SA6BS,cAAc;AACtB,WAAS,IAAI;AACf;AACA,CAhCC,SAgCS,OAAO;AACf,WAAS,IAAI;AACf;AACA,CAnCC,SAmCS,CAAC,aAAa;AACtB,WAAS,IAAI;AACf;AACA,CAtCC,SAsCS;AACR,WAAS;AACT,kBAAgB;AAChB,cAAY;AACd;AACA,CA3CC,SA2CS,CAAC;AACT,WAAS;AACT,kBAAgB;AAChB,cAAY;AACd;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,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;","names":[]}

package/dist/fab.d.ts

@@ -0,0 +1,10 @@
+import * as _base_ui_react from '@base-ui/react';
+import * as react from 'react';
+import * as _m3_baseui_core from '@m3-baseui/core';
+export { FabColor, FabProps, FabSize } from '@m3-baseui/core';
+
+declare const Fab: react.ForwardRefExoticComponent<_m3_baseui_core.FabOwnProps & Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "color"> & {
+    render?: _base_ui_react.useRender.RenderProp;
+} & react.RefAttributes<HTMLButtonElement>>;
+
+export { Fab };

package/dist/fab.js

@@ -0,0 +1,14 @@
+"use client";
+import './fab.css';
+import { createFab } from '@m3-baseui/core';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+// src/fab.ts
+var fab = createRuntimeFn({ defaultClassName: "_11t8aaa4", variantClassNames: { size: { small: "_11t8aaa0", regular: "_11t8aaa1", large: "_11t8aaa2", extended: "_11t8aaa3" }, color: { surface: "_11t8aaa9", primary: "_11t8aaaa", secondary: "_11t8aaab", tertiary: "_11t8aaac" } }, defaultVariants: { size: "regular", color: "surface" }, compoundVariants: [] });
+
+// src/fab.ts
+var Fab = createFab(({ size, color }) => fab({ size, color }));
+
+export { Fab };
+//# sourceMappingURL=fab.js.map
+//# sourceMappingURL=fab.js.map

package/dist/fab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/fab.css.ts","../src/fab.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,MAAMA,eAAA,CAAO,EAAC,kBAAiB,WAAA,EAAY,iBAAA,EAAkB,EAAC,IAAA,EAAK,EAAC,KAAA,EAAM,WAAA,EAAY,SAAQ,WAAA,EAAY,KAAA,EAAM,aAAY,QAAA,EAAS,WAAA,IAAa,KAAA,EAAM,EAAC,OAAA,EAAQ,WAAA,EAAY,SAAQ,WAAA,EAAY,SAAA,EAAU,aAAY,QAAA,EAAS,WAAA,IAAY,EAAE,eAAA,EAAgB,EAAC,IAAA,EAAK,WAAU,KAAA,EAAM,SAAA,IAAW,gBAAA,EAAiB,IAAG,CAAA;;;ACIvT,IAAM,GAAA,GAAM,SAAA,CAAU,CAAC,EAAE,IAAA,EAAM,KAAA,EAAM,KAAM,GAAA,CAAI,EAAE,IAAA,EAAM,KAAA,EAAO,CAAC","file":"fab.js","sourcesContent":["import 'src/fab.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61Uy3KcMBC871eofPIe5Fp21ylbPuYzUq7UgAZQLCRKGrBJyv-ekmDNI2uHdXIUdLe6ewZuvicJ3QHAjv3aMPasJJWCHXf1y8OGsRJVUdJ4Tq2T6LgDqRovWAvumvNKct957kuokVcoVVNtHzavm5tR2rfFVH5_nMv35wkjmaJvv8zRp_PfzWhwBW4Xypd62U_R9wsv96u94As5OOdov3R0WNzRnyeMQ0Qv66iU4YPC3TCuGqRUpuDKaGVQsGSAFlALluwvrZGx3BriOVRKdwskdTX6DHRAp6h7Dg_4kfg8OF5B7KEj1aufuIoYgJEWEvNy_Y0TfM9HInTc15ApU6ySIAfZkzLFdjGtSzfuGNG19YqUNYI51ECqxUCSytcaOsH6mfJcYxQDrQrDFWHlBcvQELrw-EfjSeUdz6whNDR9ldqX0FYMN-xAaqOWbdHl2j4LViop0YxbIpixJvrIGuetE6y26iTY-NAXasxoxNmG-t07PYjXliCD_KxT1NhCCMw1tqgPcQrkwJxqGJksud1Vfk6vbOQi-LDxnsBIcHI-iqMQKebWYSz4rZOrq4dZ35B6qxuKdpXxSILtonXIngpnGyNFyO_Q0FerbQxvw55QNyCHVji2aMiP4adxBgZLdp_MUoY5xSRrOz2elZiV8pZj_h8gIOQRvZTIbdZ43iqvUo2rpSJrKQVZ2PLVGrVD73FZyzcJBKd3j_8oJqTykGqUc_7u5nD30Zin8-if_enwpPz4H6Xv-22YrKkr0utZ2iwsLPeNyyHD-FsAZdDxUhXlNn5yEfEus3aqAtdt50XB2osH-njxmjutOc-bGEhXJ8fMhq_pcgvvMCcmsrUmCB2pz3g4T3z9DRwgwwvFCQAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var fab = _7a468({defaultClassName:'_11t8aaa4',variantClassNames:{size:{small:'_11t8aaa0',regular:'_11t8aaa1',large:'_11t8aaa2',extended:'_11t8aaa3'},color:{surface:'_11t8aaa9',primary:'_11t8aaaa',secondary:'_11t8aaab',tertiary:'_11t8aaac'}},defaultVariants:{size:'regular',color:'surface'},compoundVariants:[]});","/**\n * fab.ts — wires the VE recipe into the shared FAB factory.\n */\nimport { createFab } from '@m3-baseui/core';\nimport { fab } from './fab.css';\n\nexport const Fab = createFab(({ size, color }) => fab({ size, color }));\nexport type { FabProps, FabSize, FabColor } from '@m3-baseui/core';\n"]}