@m3-baseui/react-vanilla-extract 1.0.0

package/dist/icon-button.css

@@ -0,0 +1,209 @@
+/* vanilla-extract-css-ns:src/icon-button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81XUW_bIBB-769AfWqk0tlJ2qautJf9jKmasDnHrA54gJ1m0_77BE4cwElK12jro333fd9xxx1w8y2dzvjDQiTo1wVCFbBlpTM0mzYvjxe_L2725s9IdUvrtGZUVxmaJsZnj-m_HUzqUc7H5jHlPKCcB5ipR3l7NzK_nXLmUT6ElLMxZZ-cE8mae5TpLOScjznnQTJH2bq13o1QTDPBMyShJpp1YECUqaYmmwwxXjMOuKzBkpGaLTlmGlYqQwVwDdL8_t4qzcoNLgTXwLVrMkisKsn4c4YS8ycXkoLMEBfcauWkeF5K0XKaIS0JVw2RwPXeFUtCWasy1BF5hfGKYrVRWFWkAVy2dT0xrqIDWdZinaGKUQrc_CtaqYTMUCPYLpxWgcQKaij0PoJC1MZNLvMrT8L-x4Jj1cqSFIA7IhnhemIVbaw2d7iRogGpNxnKhVktoWJ97SysZ7ruhQIsbSXpC-Bpr4RnxaoSUs9DYc1WjC9x2fLiOAcQZZyUJpwSSSf-LsiyHEohwe6GoYCXl4_e5iC5EnWrbboYV6C9Yg4VYrwCyXRY1qKVpqRfdssXDSmYSVfSq9jyYOiAa7Uvy36d2Q4RkaPp5G-SUJn946ViiNHfdZpowNY7pChF0SrcMcXyGqKpLCqg-kqJJriRoBTQp2iqLSCMixSmq9_J0odEmSJ5DfRpOzoO1c3T3gEi_QOVwzEnRzTivL0q9a6tNjMuQ7PmBSlRM3psEigohNk9m34AbIFYlKVtiHBo321b6u3DxSXxcxjLNkGfUHIzWwRkh8r4Psp7y-E2-xGiRrLVkLpXNR1vV8xPRoRqGH46jdM_veZDafxfwSxi1Yfda49pwjjIyGIcQbpBfIzCLD5SYR569e1tJ31tuGynSWxJTg6Nh3cPjeFkfxvWJs4N5EwD50zhPHv3-EUwr-vxldyxrsaXa8fKT2LFSWzjWm9D7A8PG8YsPWz4LFCu9T5k1q71LnzFtK519IjpXGs6SuXaMych94tnHr1mNp55EaJ_Ruyiw-dHmkQPy21_DQMPV2xZgdIx_XlEPP0n4q8Oh3QaGwfjHUgFQ09FqO8gTiceaF_vmeeFdq5zJFbvvAfGKdU_IiH-4BgRAAA */
+._123n98o0 {
+  height: 32px;
+}
+._123n98o0 > svg {
+  width: 20px;
+  height: 20px;
+}
+._123n98o1 {
+  height: 40px;
+}
+._123n98o1 > svg {
+  width: 24px;
+  height: 24px;
+}
+._123n98o2 {
+  height: 56px;
+}
+._123n98o2 > svg {
+  width: 24px;
+  height: 24px;
+}
+._123n98o3 {
+  height: 96px;
+}
+._123n98o3 > svg {
+  width: 32px;
+  height: 32px;
+}
+._123n98o4 {
+  height: 136px;
+}
+._123n98o4 > svg {
+  width: 40px;
+  height: 40px;
+}
+._123n98o5 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  border: none;
+  background: transparent;
+  border-radius: var(--md-sys-shape-full);
+  overflow: hidden;
+  cursor: pointer;
+  user-select: none;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+  transition-property:
+    box-shadow,
+    background-color,
+    color;
+  transition-duration: var(--md-sys-motion-duration-short4);
+  transition-timing-function: var(--md-sys-motion-easing-standard);
+}
+._123n98o5::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);
+}
+._123n98o5:hover::before {
+  opacity: var(--md-sys-state-hover);
+}
+._123n98o5:focus-visible::before {
+  opacity: var(--md-sys-state-focus);
+}
+._123n98o5[data-pressed]::before {
+  opacity: var(--md-sys-state-pressed);
+}
+._123n98o5:active::before {
+  opacity: var(--md-sys-state-pressed);
+}
+._123n98o5[data-disabled] {
+  pointer-events: none;
+}
+._123n98o5:disabled {
+  pointer-events: none;
+}
+._123n98o5[data-disabled]::before {
+  opacity: 0;
+}
+._123n98o5:disabled::before {
+  opacity: 0;
+}
+._123n98o5:focus-visible {
+  outline: 3px solid rgb(var(--md-sys-color-secondary));
+  outline-offset: 2px;
+}
+._123n98o6 {
+  color: rgb(var(--md-sys-color-on-surface-variant));
+}
+._123n98o6:disabled {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._123n98o6[data-disabled] {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._123n98o7 {
+  background: rgb(var(--md-sys-color-primary));
+  color: rgb(var(--md-sys-color-on-primary));
+}
+._123n98o7:disabled {
+  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._123n98o7[data-disabled] {
+  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._123n98o8 {
+  background: rgb(var(--md-sys-color-secondary-container));
+  color: rgb(var(--md-sys-color-on-secondary-container));
+}
+._123n98o8:disabled {
+  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._123n98o8[data-disabled] {
+  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._123n98o9 {
+  border: 1px solid rgb(var(--md-sys-color-outline));
+  color: rgb(var(--md-sys-color-on-surface-variant));
+}
+._123n98o9:disabled {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+  border-color: rgb(var(--md-sys-color-on-surface) / 0.12);
+}
+._123n98o9[data-disabled] {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+  border-color: rgb(var(--md-sys-color-on-surface) / 0.12);
+}
+._123n98ok {
+  width: 28px;
+}
+._123n98ol {
+  width: 32px;
+}
+._123n98om {
+  width: 40px;
+}
+._123n98on {
+  width: 32px;
+}
+._123n98oo {
+  width: 40px;
+}
+._123n98op {
+  width: 52px;
+}
+._123n98oq {
+  width: 48px;
+}
+._123n98or {
+  width: 56px;
+}
+._123n98os {
+  width: 72px;
+}
+._123n98ot {
+  width: 64px;
+}
+._123n98ou {
+  width: 96px;
+}
+._123n98ov {
+  width: 128px;
+}
+._123n98ow {
+  width: 104px;
+}
+._123n98ox {
+  width: 136px;
+}
+._123n98oy {
+  width: 184px;
+}
+._123n98oz {
+  color: rgb(var(--md-sys-color-primary));
+}
+._123n98o10 {
+  background: rgb(var(--md-sys-color-surface-container-highest));
+  color: rgb(var(--md-sys-color-primary));
+}
+._123n98o11 {
+  background: rgb(var(--md-sys-color-surface-container-highest));
+  color: rgb(var(--md-sys-color-on-surface-variant));
+}
+._123n98o12 {
+  background: rgb(var(--md-sys-color-inverse-surface));
+  color: rgb(var(--md-sys-color-inverse-on-surface));
+  border-color: transparent;
+}
+._123n98o12:disabled {
+  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  border-color: transparent;
+}
+._123n98o12[data-disabled] {
+  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  border-color: transparent;
+}
+/*# sourceMappingURL=icon-button.css.map */

package/dist/icon-button.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/icon-button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81XUW_bIBB-769AfWqk0tlJ2qautJf9jKmasDnHrA54gJ1m0_77BE4cwElK12jro333fd9xxx1w8y2dzvjDQiTo1wVCFbBlpTM0mzYvjxe_L2725s9IdUvrtGZUVxmaJsZnj-m_HUzqUc7H5jHlPKCcB5ipR3l7NzK_nXLmUT6ElLMxZZ-cE8mae5TpLOScjznnQTJH2bq13o1QTDPBMyShJpp1YECUqaYmmwwxXjMOuKzBkpGaLTlmGlYqQwVwDdL8_t4qzcoNLgTXwLVrMkisKsn4c4YS8ycXkoLMEBfcauWkeF5K0XKaIS0JVw2RwPXeFUtCWasy1BF5hfGKYrVRWFWkAVy2dT0xrqIDWdZinaGKUQrc_CtaqYTMUCPYLpxWgcQKaij0PoJC1MZNLvMrT8L-x4Jj1cqSFIA7IhnhemIVbaw2d7iRogGpNxnKhVktoWJ97SysZ7ruhQIsbSXpC-Bpr4RnxaoSUs9DYc1WjC9x2fLiOAcQZZyUJpwSSSf-LsiyHEohwe6GoYCXl4_e5iC5EnWrbboYV6C9Yg4VYrwCyXRY1qKVpqRfdssXDSmYSVfSq9jyYOiAa7Uvy36d2Q4RkaPp5G-SUJn946ViiNHfdZpowNY7pChF0SrcMcXyGqKpLCqg-kqJJriRoBTQp2iqLSCMixSmq9_J0odEmSJ5DfRpOzoO1c3T3gEi_QOVwzEnRzTivL0q9a6tNjMuQ7PmBSlRM3psEigohNk9m34AbIFYlKVtiHBo321b6u3DxSXxcxjLNkGfUHIzWwRkh8r4Psp7y-E2-xGiRrLVkLpXNR1vV8xPRoRqGH46jdM_veZDafxfwSxi1Yfda49pwjjIyGIcQbpBfIzCLD5SYR569e1tJ31tuGynSWxJTg6Nh3cPjeFkfxvWJs4N5EwD50zhPHv3-EUwr-vxldyxrsaXa8fKT2LFSWzjWm9D7A8PG8YsPWz4LFCu9T5k1q71LnzFtK519IjpXGs6SuXaMych94tnHr1mNp55EaJ_Ruyiw-dHmkQPy21_DQMPV2xZgdIx_XlEPP0n4q8Oh3QaGwfjHUgFQ09FqO8gTiceaF_vmeeFdq5zJFbvvAfGKdU_IiH-4BgRAAA"],"sourcesContent":["._123n98o0 {\n  height: 32px;\n}\n._123n98o0 > svg {\n  width: 20px;\n  height: 20px;\n}\n._123n98o1 {\n  height: 40px;\n}\n._123n98o1 > svg {\n  width: 24px;\n  height: 24px;\n}\n._123n98o2 {\n  height: 56px;\n}\n._123n98o2 > svg {\n  width: 24px;\n  height: 24px;\n}\n._123n98o3 {\n  height: 96px;\n}\n._123n98o3 > svg {\n  width: 32px;\n  height: 32px;\n}\n._123n98o4 {\n  height: 136px;\n}\n._123n98o4 > svg {\n  width: 40px;\n  height: 40px;\n}\n._123n98o5 {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border: none;\n  background: transparent;\n  border-radius: var(--md-sys-shape-full);\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n  transition-property: box-shadow, background-color, color;\n  transition-duration: var(--md-sys-motion-duration-short4);\n  transition-timing-function: var(--md-sys-motion-easing-standard);\n}\n._123n98o5::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  background: currentColor;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);\n}\n._123n98o5:hover::before {\n  opacity: var(--md-sys-state-hover);\n}\n._123n98o5:focus-visible::before {\n  opacity: var(--md-sys-state-focus);\n}\n._123n98o5[data-pressed]::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._123n98o5:active::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._123n98o5[data-disabled] {\n  pointer-events: none;\n}\n._123n98o5:disabled {\n  pointer-events: none;\n}\n._123n98o5[data-disabled]::before {\n  opacity: 0;\n}\n._123n98o5:disabled::before {\n  opacity: 0;\n}\n._123n98o5:focus-visible {\n  outline: 3px solid rgb(var(--md-sys-color-secondary));\n  outline-offset: 2px;\n}\n._123n98o6 {\n  color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._123n98o6:disabled {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._123n98o6[data-disabled] {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._123n98o7 {\n  background: rgb(var(--md-sys-color-primary));\n  color: rgb(var(--md-sys-color-on-primary));\n}\n._123n98o7:disabled {\n  background: rgb(var(--md-sys-color-on-surface) / 0.12);\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._123n98o7[data-disabled] {\n  background: rgb(var(--md-sys-color-on-surface) / 0.12);\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._123n98o8 {\n  background: rgb(var(--md-sys-color-secondary-container));\n  color: rgb(var(--md-sys-color-on-secondary-container));\n}\n._123n98o8:disabled {\n  background: rgb(var(--md-sys-color-on-surface) / 0.12);\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._123n98o8[data-disabled] {\n  background: rgb(var(--md-sys-color-on-surface) / 0.12);\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._123n98o9 {\n  border: 1px solid rgb(var(--md-sys-color-outline));\n  color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._123n98o9:disabled {\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._123n98o9[data-disabled] {\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._123n98ok {\n  width: 28px;\n}\n._123n98ol {\n  width: 32px;\n}\n._123n98om {\n  width: 40px;\n}\n._123n98on {\n  width: 32px;\n}\n._123n98oo {\n  width: 40px;\n}\n._123n98op {\n  width: 52px;\n}\n._123n98oq {\n  width: 48px;\n}\n._123n98or {\n  width: 56px;\n}\n._123n98os {\n  width: 72px;\n}\n._123n98ot {\n  width: 64px;\n}\n._123n98ou {\n  width: 96px;\n}\n._123n98ov {\n  width: 128px;\n}\n._123n98ow {\n  width: 104px;\n}\n._123n98ox {\n  width: 136px;\n}\n._123n98oy {\n  width: 184px;\n}\n._123n98oz {\n  color: rgb(var(--md-sys-color-primary));\n}\n._123n98o10 {\n  background: rgb(var(--md-sys-color-surface-container-highest));\n  color: rgb(var(--md-sys-color-primary));\n}\n._123n98o11 {\n  background: rgb(var(--md-sys-color-surface-container-highest));\n  color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._123n98o12 {\n  background: rgb(var(--md-sys-color-inverse-surface));\n  color: rgb(var(--md-sys-color-inverse-on-surface));\n  border-color: transparent;\n}\n._123n98o12:disabled {\n  background: rgb(var(--md-sys-color-on-surface) / 0.12);\n  border-color: transparent;\n}\n._123n98o12[data-disabled] {\n  background: rgb(var(--md-sys-color-on-surface) / 0.12);\n  border-color: transparent;\n}"],"mappings":"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","names":[]}

package/dist/icon-button.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 { IconButtonProps, IconButtonVariant } from '@m3-baseui/core';
+
+declare const IconButton: react.ForwardRefExoticComponent<_m3_baseui_core.IconButtonOwnProps & Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "color"> & {
+    render?: _base_ui_react.useRender.RenderProp;
+} & react.RefAttributes<HTMLButtonElement>>;
+
+export { IconButton };

package/dist/icon-button.js

@@ -0,0 +1,16 @@
+"use client";
+import './icon-button.css';
+import { createIconButton } from '@m3-baseui/core';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+// src/icon-button.ts
+var iconButton = createRuntimeFn({ defaultClassName: "_123n98o5", variantClassNames: { variant: { standard: "_123n98o6", filled: "_123n98o7", tonal: "_123n98o8", outlined: "_123n98o9" }, selected: { true: "_123n98oa", false: "_123n98ob" }, size: { xs: "_123n98o0", s: "_123n98o1", m: "_123n98o2", l: "_123n98o3", xl: "_123n98o4" }, width: { narrow: "_123n98oh", "default": "_123n98oi", wide: "_123n98oj" } }, defaultVariants: { variant: "standard", size: "s", width: "default" }, compoundVariants: [[{ size: "xs", width: "narrow" }, "_123n98ok"], [{ size: "xs", width: "default" }, "_123n98ol"], [{ size: "xs", width: "wide" }, "_123n98om"], [{ size: "s", width: "narrow" }, "_123n98on"], [{ size: "s", width: "default" }, "_123n98oo"], [{ size: "s", width: "wide" }, "_123n98op"], [{ size: "m", width: "narrow" }, "_123n98oq"], [{ size: "m", width: "default" }, "_123n98or"], [{ size: "m", width: "wide" }, "_123n98os"], [{ size: "l", width: "narrow" }, "_123n98ot"], [{ size: "l", width: "default" }, "_123n98ou"], [{ size: "l", width: "wide" }, "_123n98ov"], [{ size: "xl", width: "narrow" }, "_123n98ow"], [{ size: "xl", width: "default" }, "_123n98ox"], [{ size: "xl", width: "wide" }, "_123n98oy"], [{ variant: "standard", selected: true }, "_123n98oz"], [{ variant: "filled", selected: false }, "_123n98o10"], [{ variant: "tonal", selected: false }, "_123n98o11"], [{ variant: "outlined", selected: true }, "_123n98o12"]] });
+
+// src/icon-button.ts
+var IconButton = createIconButton(
+  ({ variant, selected, size, width }) => iconButton({ variant, selected, size, width })
+);
+
+export { IconButton };
+//# sourceMappingURL=icon-button.js.map
+//# sourceMappingURL=icon-button.js.map

package/dist/icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icon-button.css.ts","../src/icon-button.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,UAAA,GAAaA,eAAA,CAAO,EAAC,gBAAA,EAAiB,WAAA,EAAY,mBAAkB,EAAC,OAAA,EAAQ,EAAC,QAAA,EAAS,WAAA,EAAY,MAAA,EAAO,aAAY,KAAA,EAAM,WAAA,EAAY,QAAA,EAAS,WAAA,EAAW,EAAE,QAAA,EAAS,EAAC,IAAA,EAAK,WAAA,EAAY,KAAA,EAAM,WAAA,EAAW,EAAE,IAAA,EAAK,EAAC,IAAG,WAAA,EAAY,CAAA,EAAE,WAAA,EAAY,CAAA,EAAE,WAAA,EAAY,CAAA,EAAE,aAAY,EAAA,EAAG,WAAA,EAAW,EAAE,KAAA,EAAM,EAAC,MAAA,EAAO,aAAY,SAAA,EAAU,WAAA,EAAY,IAAA,EAAK,WAAA,EAAW,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,UAAA,EAAW,IAAA,EAAK,GAAA,EAAI,KAAA,EAAM,SAAA,IAAW,gBAAA,EAAiB,CAAC,CAAC,EAAC,IAAA,EAAK,IAAA,EAAK,OAAM,QAAA,EAAQ,EAAE,WAAW,CAAA,EAAE,CAAC,EAAC,MAAK,IAAA,EAAK,KAAA,EAAM,SAAA,EAAS,EAAE,WAAW,CAAA,EAAE,CAAC,EAAC,IAAA,EAAK,IAAA,EAAK,KAAA,EAAM,MAAA,EAAM,EAAE,WAAW,GAAE,CAAC,EAAC,IAAA,EAAK,GAAA,EAAI,KAAA,EAAM,QAAA,EAAQ,EAAE,WAAW,CAAA,EAAE,CAAC,EAAC,IAAA,EAAK,GAAA,EAAI,KAAA,EAAM,WAAS,EAAE,WAAW,CAAA,EAAE,CAAC,EAAC,IAAA,EAAK,GAAA,EAAI,KAAA,EAAM,MAAA,EAAM,EAAE,WAAW,CAAA,EAAE,CAAC,EAAC,MAAK,GAAA,EAAI,KAAA,EAAM,QAAA,EAAQ,EAAE,WAAW,CAAA,EAAE,CAAC,EAAC,IAAA,EAAK,GAAA,EAAI,KAAA,EAAM,SAAA,EAAS,EAAE,WAAW,CAAA,EAAE,CAAC,EAAC,IAAA,EAAK,GAAA,EAAI,KAAA,EAAM,MAAA,EAAM,EAAE,WAAW,CAAA,EAAE,CAAC,EAAC,IAAA,EAAK,GAAA,EAAI,OAAM,QAAA,EAAQ,EAAE,WAAW,CAAA,EAAE,CAAC,EAAC,IAAA,EAAK,GAAA,EAAI,KAAA,EAAM,SAAA,EAAS,EAAE,WAAW,CAAA,EAAE,CAAC,EAAC,IAAA,EAAK,GAAA,EAAI,KAAA,EAAM,MAAA,EAAM,EAAE,WAAW,CAAA,EAAE,CAAC,EAAC,IAAA,EAAK,IAAA,EAAK,KAAA,EAAM,QAAA,EAAQ,EAAE,WAAW,CAAA,EAAE,CAAC,EAAC,IAAA,EAAK,IAAA,EAAK,KAAA,EAAM,WAAS,EAAE,WAAW,CAAA,EAAE,CAAC,EAAC,IAAA,EAAK,MAAK,KAAA,EAAM,MAAA,EAAM,EAAE,WAAW,CAAA,EAAE,CAAC,EAAC,OAAA,EAAQ,UAAA,EAAW,QAAA,EAAS,IAAA,EAAI,EAAE,WAAW,CAAA,EAAE,CAAC,EAAC,OAAA,EAAQ,QAAA,EAAS,QAAA,EAAS,KAAA,EAAK,EAAE,YAAY,CAAA,EAAE,CAAC,EAAC,OAAA,EAAQ,OAAA,EAAQ,QAAA,EAAS,KAAA,IAAO,YAAY,CAAA,EAAE,CAAC,EAAC,OAAA,EAAQ,UAAA,EAAW,QAAA,EAAS,IAAA,EAAI,EAAE,YAAY,CAAC,CAAA,EAAE,CAAA;;;ACIhtC,IAAM,UAAA,GAAa,gBAAA;AAAA,EAAiB,CAAC,EAAE,OAAA,EAAS,QAAA,EAAU,IAAA,EAAM,KAAA,EAAM,KAC3E,UAAA,CAAW,EAAE,OAAA,EAAS,QAAA,EAAU,IAAA,EAAM,OAAO;AAC/C","file":"icon-button.js","sourcesContent":["import 'src/icon-button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81XUW_bIBB-769AfWqk0tlJ2qautJf9jKmasDnHrA54gJ1m0_77BE4cwElK12jro333fd9xxx1w8y2dzvjDQiTo1wVCFbBlpTM0mzYvjxe_L2725s9IdUvrtGZUVxmaJsZnj-m_HUzqUc7H5jHlPKCcB5ipR3l7NzK_nXLmUT6ElLMxZZ-cE8mae5TpLOScjznnQTJH2bq13o1QTDPBMyShJpp1YECUqaYmmwwxXjMOuKzBkpGaLTlmGlYqQwVwDdL8_t4qzcoNLgTXwLVrMkisKsn4c4YS8ycXkoLMEBfcauWkeF5K0XKaIS0JVw2RwPXeFUtCWasy1BF5hfGKYrVRWFWkAVy2dT0xrqIDWdZinaGKUQrc_CtaqYTMUCPYLpxWgcQKaij0PoJC1MZNLvMrT8L-x4Jj1cqSFIA7IhnhemIVbaw2d7iRogGpNxnKhVktoWJ97SysZ7ruhQIsbSXpC-Bpr4RnxaoSUs9DYc1WjC9x2fLiOAcQZZyUJpwSSSf-LsiyHEohwe6GoYCXl4_e5iC5EnWrbboYV6C9Yg4VYrwCyXRY1qKVpqRfdssXDSmYSVfSq9jyYOiAa7Uvy36d2Q4RkaPp5G-SUJn946ViiNHfdZpowNY7pChF0SrcMcXyGqKpLCqg-kqJJriRoBTQp2iqLSCMixSmq9_J0odEmSJ5DfRpOzoO1c3T3gEi_QOVwzEnRzTivL0q9a6tNjMuQ7PmBSlRM3psEigohNk9m34AbIFYlKVtiHBo321b6u3DxSXxcxjLNkGfUHIzWwRkh8r4Psp7y-E2-xGiRrLVkLpXNR1vV8xPRoRqGH46jdM_veZDafxfwSxi1Yfda49pwjjIyGIcQbpBfIzCLD5SYR569e1tJ31tuGynSWxJTg6Nh3cPjeFkfxvWJs4N5EwD50zhPHv3-EUwr-vxldyxrsaXa8fKT2LFSWzjWm9D7A8PG8YsPWz4LFCu9T5k1q71LnzFtK519IjpXGs6SuXaMych94tnHr1mNp55EaJ_Ruyiw-dHmkQPy21_DQMPV2xZgdIx_XlEPP0n4q8Oh3QaGwfjHUgFQ09FqO8gTiceaF_vmeeFdq5zJFbvvAfGKdU_IiH-4BgRAAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var iconButton = _7a468({defaultClassName:'_123n98o5',variantClassNames:{variant:{standard:'_123n98o6',filled:'_123n98o7',tonal:'_123n98o8',outlined:'_123n98o9'},selected:{true:'_123n98oa',false:'_123n98ob'},size:{xs:'_123n98o0',s:'_123n98o1',m:'_123n98o2',l:'_123n98o3',xl:'_123n98o4'},width:{narrow:'_123n98oh','default':'_123n98oi',wide:'_123n98oj'}},defaultVariants:{variant:'standard',size:'s',width:'default'},compoundVariants:[[{size:'xs',width:'narrow'},'_123n98ok'],[{size:'xs',width:'default'},'_123n98ol'],[{size:'xs',width:'wide'},'_123n98om'],[{size:'s',width:'narrow'},'_123n98on'],[{size:'s',width:'default'},'_123n98oo'],[{size:'s',width:'wide'},'_123n98op'],[{size:'m',width:'narrow'},'_123n98oq'],[{size:'m',width:'default'},'_123n98or'],[{size:'m',width:'wide'},'_123n98os'],[{size:'l',width:'narrow'},'_123n98ot'],[{size:'l',width:'default'},'_123n98ou'],[{size:'l',width:'wide'},'_123n98ov'],[{size:'xl',width:'narrow'},'_123n98ow'],[{size:'xl',width:'default'},'_123n98ox'],[{size:'xl',width:'wide'},'_123n98oy'],[{variant:'standard',selected:true},'_123n98oz'],[{variant:'filled',selected:false},'_123n98o10'],[{variant:'tonal',selected:false},'_123n98o11'],[{variant:'outlined',selected:true},'_123n98o12']]});","/**\n * icon-button.ts — wires the VE recipe into the shared factory.\n */\nimport { createIconButton } from '@m3-baseui/core';\nimport { iconButton } from './icon-button.css';\n\nexport const IconButton = createIconButton(({ variant, selected, size, width }) =>\n  iconButton({ variant, selected, size, width }),\n);\nexport type { IconButtonProps, IconButtonVariant } from '@m3-baseui/core';\n"]}