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

package/dist/button-group.css

@@ -0,0 +1,23 @@
+/* vanilla-extract-css-ns:src/button-group.css.ts.vanilla.css?source=LmphMzRiYTAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmphMzRiYTEgewogIGdhcDogOHB4Owp9Ci5qYTM0YmEyIHsKICBnYXA6IDJweDsKfQouamEzNGJhMiA-ICo6bm90KDpmaXJzdC1jaGlsZCk6bm90KDpsYXN0LWNoaWxkKSB7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbWQtc3lzLXNoYXBlLXNtYWxsKTsKfQouamEzNGJhMiA-ICo6Zmlyc3QtY2hpbGQ6bm90KDpsYXN0LWNoaWxkKSB7CiAgYm9yZGVyLXN0YXJ0LWVuZC1yYWRpdXM6IHZhcigtLW1kLXN5cy1zaGFwZS1zbWFsbCk7CiAgYm9yZGVyLWVuZC1lbmQtcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtc21hbGwpOwp9Ci5qYTM0YmEyID4gKjpsYXN0LWNoaWxkOm5vdCg6Zmlyc3QtY2hpbGQpIHsKICBib3JkZXItc3RhcnQtc3RhcnQtcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtc21hbGwpOwogIGJvcmRlci1lbmQtc3RhcnQtcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtc21hbGwpOwp9 */
+.ja34ba0 {
+  display: inline-flex;
+  align-items: center;
+}
+.ja34ba1 {
+  gap: 8px;
+}
+.ja34ba2 {
+  gap: 2px;
+}
+.ja34ba2 > *:not(:first-child):not(:last-child) {
+  border-radius: var(--md-sys-shape-small);
+}
+.ja34ba2 > *:first-child:not(:last-child) {
+  border-start-end-radius: var(--md-sys-shape-small);
+  border-end-end-radius: var(--md-sys-shape-small);
+}
+.ja34ba2 > *:last-child:not(:first-child) {
+  border-start-start-radius: var(--md-sys-shape-small);
+  border-end-start-radius: var(--md-sys-shape-small);
+}
+/*# sourceMappingURL=button-group.css.map */

package/dist/button-group.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/button-group.css.ts.vanilla.css?source=LmphMzRiYTAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmphMzRiYTEgewogIGdhcDogOHB4Owp9Ci5qYTM0YmEyIHsKICBnYXA6IDJweDsKfQouamEzNGJhMiA-ICo6bm90KDpmaXJzdC1jaGlsZCk6bm90KDpsYXN0LWNoaWxkKSB7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbWQtc3lzLXNoYXBlLXNtYWxsKTsKfQouamEzNGJhMiA-ICo6Zmlyc3QtY2hpbGQ6bm90KDpsYXN0LWNoaWxkKSB7CiAgYm9yZGVyLXN0YXJ0LWVuZC1yYWRpdXM6IHZhcigtLW1kLXN5cy1zaGFwZS1zbWFsbCk7CiAgYm9yZGVyLWVuZC1lbmQtcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtc21hbGwpOwp9Ci5qYTM0YmEyID4gKjpsYXN0LWNoaWxkOm5vdCg6Zmlyc3QtY2hpbGQpIHsKICBib3JkZXItc3RhcnQtc3RhcnQtcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtc21hbGwpOwogIGJvcmRlci1lbmQtc3RhcnQtcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtc21hbGwpOwp9"],"sourcesContent":[".ja34ba0 {\n  display: inline-flex;\n  align-items: center;\n}\n.ja34ba1 {\n  gap: 8px;\n}\n.ja34ba2 {\n  gap: 2px;\n}\n.ja34ba2 > *:not(:first-child):not(:last-child) {\n  border-radius: var(--md-sys-shape-small);\n}\n.ja34ba2 > *:first-child:not(:last-child) {\n  border-start-end-radius: var(--md-sys-shape-small);\n  border-end-end-radius: var(--md-sys-shape-small);\n}\n.ja34ba2 > *:last-child:not(:first-child) {\n  border-start-start-radius: var(--md-sys-shape-small);\n  border-end-start-radius: var(--md-sys-shape-small);\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,eAAa;AACf;AACA,CAAC;AACC,OAAK;AACP;AACA,CAAC;AACC,OAAK;AACP;AACA,CAHC,QAGQ,EAAE,CAAC,KAAK,aAAa,KAAK;AACjC,iBAAe,IAAI;AACrB;AACA,CANC,QAMQ,EAAE,CAAC,YAAY,KAAK;AAC3B,2BAAyB,IAAI;AAC7B,yBAAuB,IAAI;AAC7B;AACA,CAVC,QAUQ,EAAE,CAAC,WAAW,KAAK;AAC1B,6BAA2B,IAAI;AAC/B,2BAAyB,IAAI;AAC/B;","names":[]}

package/dist/button-group.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 { ButtonGroupProps, ButtonGroupVariant } from '@m3-baseui/core';
+
+declare const ButtonGroup: react.ForwardRefExoticComponent<_m3_baseui_core.ButtonGroupOwnProps & react.HTMLAttributes<HTMLDivElement> & {
+    render?: _base_ui_react.useRender.RenderProp;
+} & react.RefAttributes<HTMLDivElement>>;
+
+export { ButtonGroup };

package/dist/button-group.js

@@ -0,0 +1,18 @@
+"use client";
+import './button-group.css';
+import { createButtonGroup, cx } from '@m3-baseui/core';
+
+// src/button-group.ts
+
+// src/button-group.css.ts
+var connected = "ja34ba2";
+var root = "ja34ba0";
+var standard = "ja34ba1";
+
+// src/button-group.ts
+var variantClass = { standard, connected };
+var ButtonGroup = createButtonGroup(({ variant }) => cx(root, variantClass[variant]));
+
+export { ButtonGroup };
+//# sourceMappingURL=button-group.js.map
+//# sourceMappingURL=button-group.js.map

package/dist/button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/button-group.css.ts","../src/button-group.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,SAAA,GAAY,SAAA;AAChB,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,QAAA,GAAW,SAAA;;;ACGtB,IAAM,YAAA,GAAe,EAAE,QAAA,EAAU,SAAA,EAAU;AAEpC,IAAM,WAAA,GAAc,iBAAA,CAAkB,CAAC,EAAE,OAAA,EAAQ,KAAM,EAAA,CAAG,IAAA,EAAM,YAAA,CAAa,OAAO,CAAC,CAAC","file":"button-group.js","sourcesContent":["import 'src/button-group.css.ts.vanilla.css?source=LmphMzRiYTAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmphMzRiYTEgewogIGdhcDogOHB4Owp9Ci5qYTM0YmEyIHsKICBnYXA6IDJweDsKfQouamEzNGJhMiA-ICo6bm90KDpmaXJzdC1jaGlsZCk6bm90KDpsYXN0LWNoaWxkKSB7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbWQtc3lzLXNoYXBlLXNtYWxsKTsKfQouamEzNGJhMiA-ICo6Zmlyc3QtY2hpbGQ6bm90KDpsYXN0LWNoaWxkKSB7CiAgYm9yZGVyLXN0YXJ0LWVuZC1yYWRpdXM6IHZhcigtLW1kLXN5cy1zaGFwZS1zbWFsbCk7CiAgYm9yZGVyLWVuZC1lbmQtcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtc21hbGwpOwp9Ci5qYTM0YmEyID4gKjpsYXN0LWNoaWxkOm5vdCg6Zmlyc3QtY2hpbGQpIHsKICBib3JkZXItc3RhcnQtc3RhcnQtcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtc21hbGwpOwogIGJvcmRlci1lbmQtc3RhcnQtcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtc21hbGwpOwp9';\nexport var connected = 'ja34ba2';\nexport var root = 'ja34ba0';\nexport var standard = 'ja34ba1';","/**\n * button-group.ts — wires the VE styles into the shared ButtonGroup factory.\n */\nimport { createButtonGroup, cx } from '@m3-baseui/core';\nimport { root, standard, connected } from './button-group.css';\n\nconst variantClass = { standard, connected } as const;\n\nexport const ButtonGroup = createButtonGroup(({ variant }) => cx(root, variantClass[variant]));\nexport type { ButtonGroupProps, ButtonGroupVariant } from '@m3-baseui/core';\n"]}

package/dist/carousel.css

@@ -0,0 +1,41 @@
+/* vanilla-extract-css-ns:src/carousel.css.ts.vanilla.css?source=LmRrb2k5bjAgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA4cHg7CiAgb3ZlcmZsb3cteDogYXV0bzsKICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTsKICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDsKICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7Cn0KLmRrb2k5bjMgewogIGdhcDogMDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIG92ZXJmbG93LXg6IGhpZGRlbjsKICBvdmVyZmxvdy15OiBhdXRvOwogIHNjcm9sbC1zbmFwLXR5cGU6IHkgbWFuZGF0b3J5OwogIGhlaWdodDogMTAwJTsKfQouZGtvaTluNCB7CiAgc2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0OwogIGZsZXgtc2hyaW5rOiAwOwogIG92ZXJmbG93OiBoaWRkZW47CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbWQtc3lzLXNoYXBlLWxhcmdlKTsKfQouZGtvaTluNSB7CiAgd2lkdGg6IDE2MHB4OwogIGhlaWdodDogMjI0cHg7Cn0KLmRrb2k5bjYgewogIHdpZHRoOiAyODhweDsKICBoZWlnaHQ6IDIyNHB4OwogIHNjcm9sbC1zbmFwLWFsaWduOiBjZW50ZXI7Cn0KLmRrb2k5bjcgewogIHdpZHRoOiAxMDAlOwogIGhlaWdodDogMTAwJTsKICBzY3JvbGwtc25hcC1hbGlnbjogY2VudGVyOwp9ClthcmlhLXJvbGVkZXNjcmlwdGlvbj0iY2Fyb3VzZWwiXTo6LXdlYmtpdC1zY3JvbGxiYXIgewogIGRpc3BsYXk6IG5vbmU7Cn0 */
+.dkoi9n0 {
+  display: flex;
+  gap: 8px;
+  overflow-x: auto;
+  scroll-snap-type: x mandatory;
+  scroll-behavior: smooth;
+  scrollbar-width: none;
+}
+.dkoi9n3 {
+  gap: 0;
+  flex-direction: column;
+  overflow-x: hidden;
+  overflow-y: auto;
+  scroll-snap-type: y mandatory;
+  height: 100%;
+}
+.dkoi9n4 {
+  scroll-snap-align: start;
+  flex-shrink: 0;
+  overflow: hidden;
+  border-radius: var(--md-sys-shape-large);
+}
+.dkoi9n5 {
+  width: 160px;
+  height: 224px;
+}
+.dkoi9n6 {
+  width: 288px;
+  height: 224px;
+  scroll-snap-align: center;
+}
+.dkoi9n7 {
+  width: 100%;
+  height: 100%;
+  scroll-snap-align: center;
+}
+[aria-roledescription=carousel]::-webkit-scrollbar {
+  display: none;
+}
+/*# sourceMappingURL=carousel.css.map */

package/dist/carousel.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/carousel.css.ts.vanilla.css?source=LmRrb2k5bjAgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA4cHg7CiAgb3ZlcmZsb3cteDogYXV0bzsKICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTsKICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDsKICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7Cn0KLmRrb2k5bjMgewogIGdhcDogMDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIG92ZXJmbG93LXg6IGhpZGRlbjsKICBvdmVyZmxvdy15OiBhdXRvOwogIHNjcm9sbC1zbmFwLXR5cGU6IHkgbWFuZGF0b3J5OwogIGhlaWdodDogMTAwJTsKfQouZGtvaTluNCB7CiAgc2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0OwogIGZsZXgtc2hyaW5rOiAwOwogIG92ZXJmbG93OiBoaWRkZW47CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbWQtc3lzLXNoYXBlLWxhcmdlKTsKfQouZGtvaTluNSB7CiAgd2lkdGg6IDE2MHB4OwogIGhlaWdodDogMjI0cHg7Cn0KLmRrb2k5bjYgewogIHdpZHRoOiAyODhweDsKICBoZWlnaHQ6IDIyNHB4OwogIHNjcm9sbC1zbmFwLWFsaWduOiBjZW50ZXI7Cn0KLmRrb2k5bjcgewogIHdpZHRoOiAxMDAlOwogIGhlaWdodDogMTAwJTsKICBzY3JvbGwtc25hcC1hbGlnbjogY2VudGVyOwp9ClthcmlhLXJvbGVkZXNjcmlwdGlvbj0iY2Fyb3VzZWwiXTo6LXdlYmtpdC1zY3JvbGxiYXIgewogIGRpc3BsYXk6IG5vbmU7Cn0"],"sourcesContent":[".dkoi9n0 {\n  display: flex;\n  gap: 8px;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  scrollbar-width: none;\n}\n.dkoi9n3 {\n  gap: 0;\n  flex-direction: column;\n  overflow-x: hidden;\n  overflow-y: auto;\n  scroll-snap-type: y mandatory;\n  height: 100%;\n}\n.dkoi9n4 {\n  scroll-snap-align: start;\n  flex-shrink: 0;\n  overflow: hidden;\n  border-radius: var(--md-sys-shape-large);\n}\n.dkoi9n5 {\n  width: 160px;\n  height: 224px;\n}\n.dkoi9n6 {\n  width: 288px;\n  height: 224px;\n  scroll-snap-align: center;\n}\n.dkoi9n7 {\n  width: 100%;\n  height: 100%;\n  scroll-snap-align: center;\n}\n[aria-roledescription=\"carousel\"]::-webkit-scrollbar {\n  display: none;\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,OAAK;AACL,cAAY;AACZ,oBAAkB,EAAE;AACpB,mBAAiB;AACjB,mBAAiB;AACnB;AACA,CAAC;AACC,OAAK;AACL,kBAAgB;AAChB,cAAY;AACZ,cAAY;AACZ,oBAAkB,EAAE;AACpB,UAAQ;AACV;AACA,CAAC;AACC,qBAAmB;AACnB,eAAa;AACb,YAAU;AACV,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,qBAAmB;AACrB;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,qBAAmB;AACrB;AACA,CAAC,8BAAgC;AAC/B,WAAS;AACX;","names":[]}

package/dist/carousel.d.ts

@@ -0,0 +1,12 @@
+import * as _m3_baseui_core from '@m3-baseui/core';
+export { CarouselVariant } from '@m3-baseui/core';
+import * as react from 'react';
+
+declare const Carousel: {
+    Root: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & {
+        variant?: _m3_baseui_core.CarouselVariant;
+    } & react.RefAttributes<HTMLDivElement>>;
+    Item: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+};
+
+export { Carousel };

package/dist/carousel.js

@@ -0,0 +1,18 @@
+"use client";
+import './carousel.css';
+import { createCarousel } from '@m3-baseui/core';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+// src/carousel.ts
+var item = createRuntimeFn({ defaultClassName: "dkoi9n4", variantClassNames: { variant: { "multi-browse": "dkoi9n5", hero: "dkoi9n6", "full-screen": "dkoi9n7" } }, defaultVariants: { variant: "multi-browse" }, compoundVariants: [] });
+var root = createRuntimeFn({ defaultClassName: "dkoi9n0", variantClassNames: { variant: { "multi-browse": "dkoi9n1", hero: "dkoi9n2", "full-screen": "dkoi9n3" } }, defaultVariants: { variant: "multi-browse" }, compoundVariants: [] });
+
+// src/carousel.ts
+var Carousel = createCarousel((variant) => ({
+  root: root({ variant }),
+  item: item({ variant })
+}));
+
+export { Carousel };
+//# sourceMappingURL=carousel.js.map
+//# sourceMappingURL=carousel.js.map

package/dist/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/carousel.css.ts","../src/carousel.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,IAAA,GAAOA,eAAA,CAAO,EAAC,gBAAA,EAAiB,SAAA,EAAU,mBAAkB,EAAC,OAAA,EAAQ,EAAC,cAAA,EAAe,SAAA,EAAU,IAAA,EAAK,WAAU,aAAA,EAAc,SAAA,EAAS,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,cAAA,EAAc,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;AACzM,IAAI,IAAA,GAAOA,eAAA,CAAO,EAAC,gBAAA,EAAiB,SAAA,EAAU,mBAAkB,EAAC,OAAA,EAAQ,EAAC,cAAA,EAAe,SAAA,EAAU,IAAA,EAAK,WAAU,aAAA,EAAc,SAAA,EAAS,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,cAAA,EAAc,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;;;ACGzM,IAAM,QAAA,GAAW,cAAA,CAAe,CAAC,OAAA,MAAa;AAAA,EACnD,IAAA,EAAM,IAAA,CAAK,EAAE,OAAA,EAAS,CAAA;AAAA,EACtB,IAAA,EAAM,IAAA,CAAK,EAAE,OAAA,EAAS;AACxB,CAAA,CAAE","file":"carousel.js","sourcesContent":["import 'src/carousel.css.ts.vanilla.css?source=LmRrb2k5bjAgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA4cHg7CiAgb3ZlcmZsb3cteDogYXV0bzsKICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTsKICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDsKICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7Cn0KLmRrb2k5bjMgewogIGdhcDogMDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIG92ZXJmbG93LXg6IGhpZGRlbjsKICBvdmVyZmxvdy15OiBhdXRvOwogIHNjcm9sbC1zbmFwLXR5cGU6IHkgbWFuZGF0b3J5OwogIGhlaWdodDogMTAwJTsKfQouZGtvaTluNCB7CiAgc2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0OwogIGZsZXgtc2hyaW5rOiAwOwogIG92ZXJmbG93OiBoaWRkZW47CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbWQtc3lzLXNoYXBlLWxhcmdlKTsKfQouZGtvaTluNSB7CiAgd2lkdGg6IDE2MHB4OwogIGhlaWdodDogMjI0cHg7Cn0KLmRrb2k5bjYgewogIHdpZHRoOiAyODhweDsKICBoZWlnaHQ6IDIyNHB4OwogIHNjcm9sbC1zbmFwLWFsaWduOiBjZW50ZXI7Cn0KLmRrb2k5bjcgewogIHdpZHRoOiAxMDAlOwogIGhlaWdodDogMTAwJTsKICBzY3JvbGwtc25hcC1hbGlnbjogY2VudGVyOwp9ClthcmlhLXJvbGVkZXNjcmlwdGlvbj0iY2Fyb3VzZWwiXTo6LXdlYmtpdC1zY3JvbGxiYXIgewogIGRpc3BsYXk6IG5vbmU7Cn0';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var item = _7a468({defaultClassName:'dkoi9n4',variantClassNames:{variant:{'multi-browse':'dkoi9n5',hero:'dkoi9n6','full-screen':'dkoi9n7'}},defaultVariants:{variant:'multi-browse'},compoundVariants:[]});\nexport var root = _7a468({defaultClassName:'dkoi9n0',variantClassNames:{variant:{'multi-browse':'dkoi9n1',hero:'dkoi9n2','full-screen':'dkoi9n3'}},defaultVariants:{variant:'multi-browse'},compoundVariants:[]});","/**\n * carousel.ts — wires the VE styles into the shared Carousel parts factory.\n */\nimport { createCarousel } from '@m3-baseui/core';\nimport { root, item } from './carousel.css';\n\nexport const Carousel = createCarousel((variant) => ({\n  root: root({ variant }),\n  item: item({ variant }),\n}));\nexport type { CarouselVariant } from '@m3-baseui/core';\n"]}

package/dist/checkbox.css

@@ -1,4 +1,4 @@
-/* vanilla-extract-css-ns:src/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71W3WrbMBS-z1OIQiGBqrPbZRTlco8xwpCt41itLJkjOWs29u7DipJarmO7GfQmRPI53_k_n-5_puU3MHqdkD8LQmpjpZNGM4KguJN72CwIEdLWih8YkVpJDbRQ8NrecyV3mkoHlWUkB-0A2-vnxjpZHGhutAPtup9aTWpLlPqFkaS9ycwrtfK31DtGMoMCkGbGo_-SwpWMpE-1P5Ygd6V7Owdh5EI2lpGH7q0_EmuUFAR32XLPcUlpJag9WJobZZAaTW2DBc-B7jlKrt1q5QF4_rJD02jBiEOubc0RtGs_eUU2DXgEyhu0rXht5Cl6jxfy-2bnqE_SdVJZEgFXppWlwK3UO2od14KjWN2dYv-44kc1Nou_i_tzi_wQ3HGal5C_gNjekf4XqQU4wEpq7mDrG6qbzguJq1FWHA8h_Z3I5mnMFn0fiZCWZwrENvS-LxSFPWhnGdFGw6gW08Yt45ysOndxNlbHdMwJr9NJ5AtJ7h-fxr2fKktP8LoqDTrVDygamLHMsQwKg-CNm5rn0h38PujqMJ63C8jL_EeRT3kJcFNdO99qPPDvDQOiwe38snv5OT19Frxkc6ohulLXdUPH10-O7WIZh0KfJXxt_QddZYXJG0v30spMhf5uXMuajDxOcZKF3LR7N2y2oEhNUVhwgeIiY90xOrPtzc0mYnKeWaMa55lcQeEYWSe3no5Mff4fyPZrEpPt6dwj26DUbZS8wXbsv7eBbHpTHZivMFiFHaG4gyVdJ7d3pP1d9dkxaJM0uY6pWGn2gMNrJkKzjjugXnq0krOhvFYf6thTszFqBGuhF1P6KQ-006MrOVb4_OgK52GOnLEpI8q-sPHTi3srvbirzlDpyAru5XDS2ZEl9PZk-BDoMFEMhsUYLxzg_Jk-lywe3YfByY27reQ10KJR6t3TNx7njs8P3rHRt_lUhKQHFrXDP_E_E4WRDAAA */
+/* vanilla-extract-css-ns:src/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71XXW_bIBR9z69AlSolUumcZpkq8rifMUUThuuY1QbrgrOm0_77ZEJc4ziOm0l9qQK-93A_DvfQx5_L_BsYvU7InxkhlbHKKaMZQSi4U3vYzAiRylYFPzCidKE00KyA12afF2qnqXJQWkYEaAfYbP-qrVPZgQqjHWjX_dR4Upuj0i-MJM1Oal6pVW9K7xhJDUpAmhqP_ltJlzOyfK78Mge1y937Ohgjl6q2jDx1d_2SWFMoSXCXzvcc55SWktqDpcIUBqnR1NaYcQF0z1Fx7RYLD8DFyw5NrSUjDrm2FUfQrvnkHdl1wCOQqNE25pVRp-w9Xqjv-zlHf7JcJ6UlEXBpGlsK3Cq9o9ZxLTnKxcMp9487ftRjM_s7e2wp8kNyx6nIQbyA3D6Q_helJTjAUmnuYOsJ1S3nhcJVqEqOh1D-TmbTPCabnmcileVpAXIbuO8bRWEP2llGtNEw6sW0cfO4JovOXlyNxbEcU9LrMIl8Icnj6nk8-mtt6Rne1qXBoPoJRRdmrHIshcwg-MNNxYVyBz8Puj6Mi2YAeZv_aPKpLgHuGmunnxpf-PODAdHgdnrbvf0UTreGl868Roiu1W1s6MT6ybldbONQ6pOMb-3_YKgsM6K2dK-sSovA79o1qsnI6pomWRCmmbthsgVHarLMggsSFx3WvUat2t7dbSIl56k1Re28kheQOUbWyb2XI1O1v4PYfk1isT2te2IbnLpEETU21_57k8imd6uD8mUGyzAjCu5gTtfJ_QNp_i766hi8yTK5TalYbvaAw2MmQrOOO6DeerSTk6G8Vx_qyKnJGBWCtdDLafkpD7TToys5drh9dIX1sEZOmJSRZA9wo9f3oY7LGrn_YXODbrUYowWUVc6tegNJuRBQAHIHvXpenJLLi5OxDXwZB97GxsYjL0Gqulz16E6dKpugs1qLyyDnmUkYzizWnx6BrnZqZAK_v5c-BDqskoNVZoxnDnD6QGv5Gs-tp8GxFV-1nFdAs7oozt798SzrxPzkAxv9x-RahqQHFr1-_gFErkOsjg0AAA */
 ._1h6eon50 {
   position: relative;
   display: inline-flex;
@@ -96,10 +96,13 @@
   pointer-events: none;
   color: rgb(var(--md-sys-color-on-primary));
   opacity: 0;
+  transition: opacity var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-emphasized-accelerate);
 }
 ._1h6eon51[data-checked],
 ._1h6eon51[data-indeterminate] {
   opacity: 1;
+  transition-duration: var(--md-sys-motion-duration-medium3);
+  transition-timing-function: var(--md-sys-motion-easing-emphasized-decelerate);
 }
 ._1h6eon50[data-error] ._1h6eon51 {
   color: rgb(var(--md-sys-color-on-error));

package/dist/checkbox.css.map

@@ -1 +1 @@
-{"version":3,"sources":["vanilla-extract-css-ns:src/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71W3WrbMBS-z1OIQiGBqrPbZRTlco8xwpCt41itLJkjOWs29u7DipJarmO7GfQmRPI53_k_n-5_puU3MHqdkD8LQmpjpZNGM4KguJN72CwIEdLWih8YkVpJDbRQ8NrecyV3mkoHlWUkB-0A2-vnxjpZHGhutAPtup9aTWpLlPqFkaS9ycwrtfK31DtGMoMCkGbGo_-SwpWMpE-1P5Ygd6V7Owdh5EI2lpGH7q0_EmuUFAR32XLPcUlpJag9WJobZZAaTW2DBc-B7jlKrt1q5QF4_rJD02jBiEOubc0RtGs_eUU2DXgEyhu0rXht5Cl6jxfy-2bnqE_SdVJZEgFXppWlwK3UO2od14KjWN2dYv-44kc1Nou_i_tzi_wQ3HGal5C_gNjekf4XqQU4wEpq7mDrG6qbzguJq1FWHA8h_Z3I5mnMFn0fiZCWZwrENvS-LxSFPWhnGdFGw6gW08Yt45ysOndxNlbHdMwJr9NJ5AtJ7h-fxr2fKktP8LoqDTrVDygamLHMsQwKg-CNm5rn0h38PujqMJ63C8jL_EeRT3kJcFNdO99qPPDvDQOiwe38snv5OT19Frxkc6ohulLXdUPH10-O7WIZh0KfJXxt_QddZYXJG0v30spMhf5uXMuajDxOcZKF3LR7N2y2oEhNUVhwgeIiY90xOrPtzc0mYnKeWaMa55lcQeEYWSe3no5Mff4fyPZrEpPt6dwj26DUbZS8wXbsv7eBbHpTHZivMFiFHaG4gyVdJ7d3pP1d9dkxaJM0uY6pWGn2gMNrJkKzjjugXnq0krOhvFYf6thTszFqBGuhF1P6KQ-006MrOVb4_OgK52GOnLEpI8q-sPHTi3srvbirzlDpyAru5XDS2ZEl9PZk-BDoMFEMhsUYLxzg_Jk-lywe3YfByY27reQ10KJR6t3TNx7njs8P3rHRt_lUhKQHFrXDP_E_E4WRDAAA"],"sourcesContent":["._1h6eon50 {\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: 18px;\n  height: 18px;\n  border-radius: 2px;\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: background-color 150ms var(--md-sys-motion-easing-standard), border-color 150ms var(--md-sys-motion-easing-standard), color 150ms var(--md-sys-motion-easing-standard);\n}\n._1h6eon50[data-checked], ._1h6eon50[data-indeterminate] {\n  background: rgb(var(--md-sys-color-primary));\n  border-color: rgb(var(--md-sys-color-primary));\n  color: rgb(var(--md-sys-color-primary));\n}\n._1h6eon50[data-disabled] {\n  pointer-events: none;\n}\n._1h6eon50[data-disabled]:not([data-checked]):not([data-indeterminate]) {\n  border-color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1h6eon50[data-disabled][data-checked], ._1h6eon50[data-disabled][data-indeterminate] {\n  background: rgb(var(--md-sys-color-on-surface) / 0.38);\n  border-color: transparent;\n}\n._1h6eon50[data-disabled]::before {\n  opacity: 0;\n}\n._1h6eon50:active {\n  color: rgb(var(--md-sys-color-primary));\n}\n._1h6eon50[data-checked]:active, ._1h6eon50[data-indeterminate]:active {\n  color: rgb(var(--md-sys-color-on-surface));\n}\n._1h6eon50[data-error] {\n  border-color: rgb(var(--md-sys-color-error));\n  color: rgb(var(--md-sys-color-error));\n}\n._1h6eon50[data-error][data-checked], ._1h6eon50[data-error][data-indeterminate] {\n  background: rgb(var(--md-sys-color-error));\n  border-color: rgb(var(--md-sys-color-error));\n  color: rgb(var(--md-sys-color-error));\n}\n._1h6eon50[data-error]:active, ._1h6eon50[data-error][data-checked]:active, ._1h6eon50[data-error][data-indeterminate]:active {\n  color: rgb(var(--md-sys-color-error));\n}\n._1h6eon50:focus-visible {\n  outline: 3px solid rgb(var(--md-sys-color-secondary));\n  outline-offset: 2px;\n}\n._1h6eon50::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._1h6eon50:hover::before {\n  opacity: var(--md-sys-state-hover);\n}\n._1h6eon50:focus-visible::before {\n  opacity: var(--md-sys-state-focus);\n}\n._1h6eon50:active::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._1h6eon51 {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  color: rgb(var(--md-sys-color-on-primary));\n  opacity: 0;\n}\n._1h6eon51[data-checked], ._1h6eon51[data-indeterminate] {\n  opacity: 1;\n}\n._1h6eon50[data-error] ._1h6eon51 {\n  color: rgb(var(--md-sys-color-on-error));\n}\n._1h6eon50[data-disabled] ._1h6eon51 {\n  color: rgb(var(--md-sys-color-surface));\n}\n._1h6eon51[data-indeterminate]::after {\n  content: \"\";\n  position: absolute;\n  width: 10px;\n  height: 2px;\n  border-radius: var(--md-sys-shape-full);\n  background: currentColor;\n}\n._1h6eon52 {\n  width: 18px;\n  height: 18px;\n}\n._1h6eon51[data-indeterminate] ._1h6eon52 {\n  opacity: 0;\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,eAAa;AACb,cAAY;AACZ,SAAO;AACP,UAAQ;AACR,iBAAe;AACf,UAAQ,IAAI,MAAM,IAAI,IAAI;AAC1B,cAAY;AACZ,SAAO,IAAI,IAAI;AACf,UAAQ;AACR;AAAA,IAAY,iBAAiB,MAAM,IAAI,gCAAgC;AAAA,IAAE,aAAa,MAAM,IAAI,gCAAgC;AAAA,IAAE,MAAM,MAAM,IAAI;AACpJ;AACA,CAhBC,SAgBS,CAAC;AAAe,CAhBzB,SAgBmC,CAAC;AACnC,cAAY,IAAI,IAAI;AACpB,gBAAc,IAAI,IAAI;AACtB,SAAO,IAAI,IAAI;AACjB;AACA,CArBC,SAqBS,CAAC;AACT,kBAAgB;AAClB;AACA,CAxBC,SAwBS,CAAC,cAAc,KAAK,CAAC,cAAc,KAAK,CAAC;AACjD,gBAAc,IAAI,IAAI,2BAA2B,EAAE;AACrD;AACA,CA3BC,SA2BS,CAAC,cAAc,CAAC;AAAe,CA3BxC,SA2BkD,CAAC,cAAc,CAAC;AACjE,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACjD,gBAAc;AAChB;AACA,CA/BC,SA+BS,CAAC,cAAc;AACvB,WAAS;AACX;AACA,CAlCC,SAkCS;AACR,SAAO,IAAI,IAAI;AACjB;AACA,CArCC,SAqCS,CAAC,aAAa;AAAS,CArChC,SAqC0C,CAAC,mBAAmB;AAC7D,SAAO,IAAI,IAAI;AACjB;AACA,CAxCC,SAwCS,CAAC;AACT,gBAAc,IAAI,IAAI;AACtB,SAAO,IAAI,IAAI;AACjB;AACA,CA5CC,SA4CS,CAAC,WAAW,CAAC;AAAe,CA5CrC,SA4C+C,CAAC,WAAW,CAAC;AAC3D,cAAY,IAAI,IAAI;AACpB,gBAAc,IAAI,IAAI;AACtB,SAAO,IAAI,IAAI;AACjB;AACA,CAjDC,SAiDS,CAAC,WAAW;AAAS,CAjD9B,SAiDwC,CAAC,WAAW,CAAC,aAAa;AAAS,CAjD3E,SAiDqF,CAAC,WAAW,CAAC,mBAAmB;AACpH,SAAO,IAAI,IAAI;AACjB;AACA,CApDC,SAoDS;AACR,WAAS,IAAI,MAAM,IAAI,IAAI;AAC3B,kBAAgB;AAClB;AACA,CAxDC,SAwDS;AACR,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,CArEC,SAqES,MAAM;AACd,WAAS,IAAI;AACf;AACA,CAxEC,SAwES,cAAc;AACtB,WAAS,IAAI;AACf;AACA,CA3EC,SA2ES,OAAO;AACf,WAAS,IAAI;AACf;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,kBAAgB;AAChB,SAAO,IAAI,IAAI;AACf,WAAS;AACX;AACA,CAXC,SAWS,CAAC;AAAe,CAXzB,SAWmC,CAAC;AACnC,WAAS;AACX;AACA,CA5FC,SA4FS,CAAC,YAAY,CAdtB;AAeC,SAAO,IAAI,IAAI;AACjB;AACA,CA/FC,SA+FS,CAAC,eAAe,CAjBzB;AAkBC,SAAO,IAAI,IAAI;AACjB;AACA,CApBC,SAoBS,CAAC,mBAAmB;AAC5B,WAAS;AACT,YAAU;AACV,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,cAAY;AACd;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACV;AACA,CAhCC,SAgCS,CAAC,oBAAoB,CAJ9B;AAKC,WAAS;AACX;","names":[]}
+{"version":3,"sources":["vanilla-extract-css-ns:src/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71XXW_bIBR9z69AlSolUumcZpkq8rifMUUThuuY1QbrgrOm0_77ZEJc4ziOm0l9qQK-93A_DvfQx5_L_BsYvU7InxkhlbHKKaMZQSi4U3vYzAiRylYFPzCidKE00KyA12afF2qnqXJQWkYEaAfYbP-qrVPZgQqjHWjX_dR4Upuj0i-MJM1Oal6pVW9K7xhJDUpAmhqP_ltJlzOyfK78Mge1y937Ohgjl6q2jDx1d_2SWFMoSXCXzvcc55SWktqDpcIUBqnR1NaYcQF0z1Fx7RYLD8DFyw5NrSUjDrm2FUfQrvnkHdl1wCOQqNE25pVRp-w9Xqjv-zlHf7JcJ6UlEXBpGlsK3Cq9o9ZxLTnKxcMp9487ftRjM_s7e2wp8kNyx6nIQbyA3D6Q_helJTjAUmnuYOsJ1S3nhcJVqEqOh1D-TmbTPCabnmcileVpAXIbuO8bRWEP2llGtNEw6sW0cfO4JovOXlyNxbEcU9LrMIl8Icnj6nk8-mtt6Rne1qXBoPoJRRdmrHIshcwg-MNNxYVyBz8Puj6Mi2YAeZv_aPKpLgHuGmunnxpf-PODAdHgdnrbvf0UTreGl868Roiu1W1s6MT6ybldbONQ6pOMb-3_YKgsM6K2dK-sSovA79o1qsnI6pomWRCmmbthsgVHarLMggsSFx3WvUat2t7dbSIl56k1Re28kheQOUbWyb2XI1O1v4PYfk1isT2te2IbnLpEETU21_57k8imd6uD8mUGyzAjCu5gTtfJ_QNp_i766hi8yTK5TalYbvaAw2MmQrOOO6DeerSTk6G8Vx_qyKnJGBWCtdDLafkpD7TToys5drh9dIX1sEZOmJSRZA9wo9f3oY7LGrn_YXODbrUYowWUVc6tegNJuRBQAHIHvXpenJLLi5OxDXwZB97GxsYjL0Gqulz16E6dKpugs1qLyyDnmUkYzizWnx6BrnZqZAK_v5c-BDqskoNVZoxnDnD6QGv5Gs-tp8GxFV-1nFdAs7oozt798SzrxPzkAxv9x-RahqQHFr1-_gFErkOsjg0AAA"],"sourcesContent":["._1h6eon50 {\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: 18px;\n  height: 18px;\n  border-radius: 2px;\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: background-color 150ms var(--md-sys-motion-easing-standard), border-color 150ms var(--md-sys-motion-easing-standard), color 150ms var(--md-sys-motion-easing-standard);\n}\n._1h6eon50[data-checked], ._1h6eon50[data-indeterminate] {\n  background: rgb(var(--md-sys-color-primary));\n  border-color: rgb(var(--md-sys-color-primary));\n  color: rgb(var(--md-sys-color-primary));\n}\n._1h6eon50[data-disabled] {\n  pointer-events: none;\n}\n._1h6eon50[data-disabled]:not([data-checked]):not([data-indeterminate]) {\n  border-color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1h6eon50[data-disabled][data-checked], ._1h6eon50[data-disabled][data-indeterminate] {\n  background: rgb(var(--md-sys-color-on-surface) / 0.38);\n  border-color: transparent;\n}\n._1h6eon50[data-disabled]::before {\n  opacity: 0;\n}\n._1h6eon50:active {\n  color: rgb(var(--md-sys-color-primary));\n}\n._1h6eon50[data-checked]:active, ._1h6eon50[data-indeterminate]:active {\n  color: rgb(var(--md-sys-color-on-surface));\n}\n._1h6eon50[data-error] {\n  border-color: rgb(var(--md-sys-color-error));\n  color: rgb(var(--md-sys-color-error));\n}\n._1h6eon50[data-error][data-checked], ._1h6eon50[data-error][data-indeterminate] {\n  background: rgb(var(--md-sys-color-error));\n  border-color: rgb(var(--md-sys-color-error));\n  color: rgb(var(--md-sys-color-error));\n}\n._1h6eon50[data-error]:active, ._1h6eon50[data-error][data-checked]:active, ._1h6eon50[data-error][data-indeterminate]:active {\n  color: rgb(var(--md-sys-color-error));\n}\n._1h6eon50:focus-visible {\n  outline: 3px solid rgb(var(--md-sys-color-secondary));\n  outline-offset: 2px;\n}\n._1h6eon50::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._1h6eon50:hover::before {\n  opacity: var(--md-sys-state-hover);\n}\n._1h6eon50:focus-visible::before {\n  opacity: var(--md-sys-state-focus);\n}\n._1h6eon50:active::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._1h6eon51 {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  color: rgb(var(--md-sys-color-on-primary));\n  opacity: 0;\n  transition: opacity var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-emphasized-accelerate);\n}\n._1h6eon51[data-checked], ._1h6eon51[data-indeterminate] {\n  opacity: 1;\n  transition-duration: var(--md-sys-motion-duration-medium3);\n  transition-timing-function: var(--md-sys-motion-easing-emphasized-decelerate);\n}\n._1h6eon50[data-error] ._1h6eon51 {\n  color: rgb(var(--md-sys-color-on-error));\n}\n._1h6eon50[data-disabled] ._1h6eon51 {\n  color: rgb(var(--md-sys-color-surface));\n}\n._1h6eon51[data-indeterminate]::after {\n  content: \"\";\n  position: absolute;\n  width: 10px;\n  height: 2px;\n  border-radius: var(--md-sys-shape-full);\n  background: currentColor;\n}\n._1h6eon52 {\n  width: 18px;\n  height: 18px;\n}\n._1h6eon51[data-indeterminate] ._1h6eon52 {\n  opacity: 0;\n}"],"mappings":"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","names":[]}

package/dist/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/checkbox.css.ts","../src/checkbox.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,SAAA,GAAY,WAAA;AAChB,IAAI,IAAA,GAAO,WAAA;;;ACGX,IAAM,WAAW,cAAA,CAAe,EAAE,IAAA,EAAM,SAAA,EAAW,MAAM","file":"checkbox.js","sourcesContent":["import 'src/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71W3WrbMBS-z1OIQiGBqrPbZRTlco8xwpCt41itLJkjOWs29u7DipJarmO7GfQmRPI53_k_n-5_puU3MHqdkD8LQmpjpZNGM4KguJN72CwIEdLWih8YkVpJDbRQ8NrecyV3mkoHlWUkB-0A2-vnxjpZHGhutAPtup9aTWpLlPqFkaS9ycwrtfK31DtGMoMCkGbGo_-SwpWMpE-1P5Ygd6V7Owdh5EI2lpGH7q0_EmuUFAR32XLPcUlpJag9WJobZZAaTW2DBc-B7jlKrt1q5QF4_rJD02jBiEOubc0RtGs_eUU2DXgEyhu0rXht5Cl6jxfy-2bnqE_SdVJZEgFXppWlwK3UO2od14KjWN2dYv-44kc1Nou_i_tzi_wQ3HGal5C_gNjekf4XqQU4wEpq7mDrG6qbzguJq1FWHA8h_Z3I5mnMFn0fiZCWZwrENvS-LxSFPWhnGdFGw6gW08Yt45ysOndxNlbHdMwJr9NJ5AtJ7h-fxr2fKktP8LoqDTrVDygamLHMsQwKg-CNm5rn0h38PujqMJ63C8jL_EeRT3kJcFNdO99qPPDvDQOiwe38snv5OT19Frxkc6ohulLXdUPH10-O7WIZh0KfJXxt_QddZYXJG0v30spMhf5uXMuajDxOcZKF3LR7N2y2oEhNUVhwgeIiY90xOrPtzc0mYnKeWaMa55lcQeEYWSe3no5Mff4fyPZrEpPt6dwj26DUbZS8wXbsv7eBbHpTHZivMFiFHaG4gyVdJ7d3pP1d9dkxaJM0uY6pWGn2gMNrJkKzjjugXnq0krOhvFYf6thTszFqBGuhF1P6KQ-006MrOVb4_OgK52GOnLEpI8q-sPHTi3srvbirzlDpyAru5XDS2ZEl9PZk-BDoMFEMhsUYLxzg_Jk-lywe3YfByY27reQ10KJR6t3TNx7njs8P3rHRt_lUhKQHFrXDP_E_E4WRDAAA';\nexport var icon = '_1h6eon52';\nexport var indicator = '_1h6eon51';\nexport var root = '_1h6eon50';","/**\n * checkbox.ts — wires the VE styles into the shared factory.\n */\nimport { createCheckbox } from '@m3-baseui/core';\nimport { root, indicator, icon } from './checkbox.css';\n\nexport const Checkbox = createCheckbox({ root, indicator, icon });\n"]}
+{"version":3,"sources":["../src/checkbox.css.ts","../src/checkbox.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,SAAA,GAAY,WAAA;AAChB,IAAI,IAAA,GAAO,WAAA;;;ACGX,IAAM,WAAW,cAAA,CAAe,EAAE,IAAA,EAAM,SAAA,EAAW,MAAM","file":"checkbox.js","sourcesContent":["import 'src/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71XXW_bIBR9z69AlSolUumcZpkq8rifMUUThuuY1QbrgrOm0_77ZEJc4ziOm0l9qQK-93A_DvfQx5_L_BsYvU7InxkhlbHKKaMZQSi4U3vYzAiRylYFPzCidKE00KyA12afF2qnqXJQWkYEaAfYbP-qrVPZgQqjHWjX_dR4Upuj0i-MJM1Oal6pVW9K7xhJDUpAmhqP_ltJlzOyfK78Mge1y937Ohgjl6q2jDx1d_2SWFMoSXCXzvcc55SWktqDpcIUBqnR1NaYcQF0z1Fx7RYLD8DFyw5NrSUjDrm2FUfQrvnkHdl1wCOQqNE25pVRp-w9Xqjv-zlHf7JcJ6UlEXBpGlsK3Cq9o9ZxLTnKxcMp9487ftRjM_s7e2wp8kNyx6nIQbyA3D6Q_helJTjAUmnuYOsJ1S3nhcJVqEqOh1D-TmbTPCabnmcileVpAXIbuO8bRWEP2llGtNEw6sW0cfO4JovOXlyNxbEcU9LrMIl8Icnj6nk8-mtt6Rne1qXBoPoJRRdmrHIshcwg-MNNxYVyBz8Puj6Mi2YAeZv_aPKpLgHuGmunnxpf-PODAdHgdnrbvf0UTreGl868Roiu1W1s6MT6ybldbONQ6pOMb-3_YKgsM6K2dK-sSovA79o1qsnI6pomWRCmmbthsgVHarLMggsSFx3WvUat2t7dbSIl56k1Re28kheQOUbWyb2XI1O1v4PYfk1isT2te2IbnLpEETU21_57k8imd6uD8mUGyzAjCu5gTtfJ_QNp_i766hi8yTK5TalYbvaAw2MmQrOOO6DeerSTk6G8Vx_qyKnJGBWCtdDLafkpD7TToys5drh9dIX1sEZOmJSRZA9wo9f3oY7LGrn_YXODbrUYowWUVc6tegNJuRBQAHIHvXpenJLLi5OxDXwZB97GxsYjL0Gqulz16E6dKpugs1qLyyDnmUkYzizWnx6BrnZqZAK_v5c-BDqskoNVZoxnDnD6QGv5Gs-tp8GxFV-1nFdAs7oozt798SzrxPzkAxv9x-RahqQHFr1-_gFErkOsjg0AAA';\nexport var icon = '_1h6eon52';\nexport var indicator = '_1h6eon51';\nexport var root = '_1h6eon50';","/**\n * checkbox.ts — wires the VE styles into the shared factory.\n */\nimport { createCheckbox } from '@m3-baseui/core';\nimport { root, indicator, icon } from './checkbox.css';\n\nexport const Checkbox = createCheckbox({ root, indicator, icon });\n"]}

package/dist/chip.css

@@ -1,4 +1,4 @@
-/* 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 */
+/* vanilla-extract-css-ns:src/chip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA8VXXY_bKBR9z69AlSo10pC1Mx-bZaS-7M9YVStsrm06BLyAnUlX899XGJwYmjTOKN0-Gt97uB_nHmD1d27-4VWeZejfBUKMm1bQPUFcCi4BVwJenxcIUcFribmFrSGoBGlBu-WvnbG82uNSSQvSTn85T2wazeULQZlbaYDXjSUo37QD5o4z24R_W6prLrGAyhKEg4FqacntPpioHnQl1I6ghjMG0q21irv9MPQgrSFIKglu3WoqDbdcSeK3QfljtjWop_oTxluGzd7grXIGGKjhssbGUsmoZsu7EMxVLiHUK3yeF2-L1Vj8fCh-q8aYNQhqeT_kcruW1LQlKNS2UK_Y8G9c1gQVSjPQuFCv0zbdr71lSxlzkfvtCcqfRoTBS1PGO3PA7QxobEBAaY_t8KYE5e0rMkpwhnRdfIqqVCqhNFaddZssl4MXLV9qrTrJiG9oSzVIO5BLSYsruuViT-Jq230LpqQCsKAFCCyorgE7--XBcRcynOHoTY-uhn-DWY7OcHAbetbM33Fi7_3BOoYbRzDXrBkQVtPyhct6mY7CsaK-3ldRPPT7WseY538xainecdtgAdTzqlTyi-d_YJpXgYFQU19CCqiUhsH2QO8PH56j0aGFUaKzA--4NGCDfCR05bIBzW3Ks7LTjmN_uiS_l6A5cnNQgux9FSKNE7oo10MQEZqx1AIerFOISpWdwT03vBAwG2rwSqFo6XRoNkarwRj4LqcoIA_iJ52g-0uaYKBUrlB7rwrBEauqGpq7TmniKca4oYUA9uUOTeIYV4Pcnu7msC05K1ESm05XtIQl-g1lq_vNckKv63zz9cnxOMQ-lv1kDqd7kkWA6zArM4MaMik7bZx5KE-Ed38VHu6p5lTay7gPN8BlUNFO2OmRpb3qpkry-JOyePTtCzPgNW0qLpcIPpzZlEvQYa-LEZ7zjNkYHZ7n4z0_OIlhPEYzMrzE-6fZpQotOaSLhdpdTDncdhrK3O0xggUBPR1UWUAPIk_i8mLso5sJkaYWFPQqjDSM8515Snox2cDL2dsiIeUqvvCHS_h4J4_u4Vl0AuZRTL__9OdCiGz90EbX0vE7fjHk65OX0viEamgLuOqEWJ57T8ygYKv59j2zetIvKuhnxLd11JQs-xg9nMK3Kr5CaXHFXQVdGhHQ5v_qzMiZ-F33tig6a5U8EvMY2R1KmIySqN9x9E4y_2MGRmhDUnz67hNhAlLcAqS8BcgGfUamr08NeNqsc-qQsGgUk8N_9mtZlsx_rAnh2McPU01IX6OzNOIHT9DbXx_Y5LQ53udWm-fF23_ig-TLphEAAA */
 ._1sqif100 {
   display: inline-flex;
   align-items: center;
@@ -25,7 +25,6 @@
   height: 32px;
   padding-inline: 16px;
   border-radius: 8px;
-  overflow: hidden;
   user-select: none;
   border: 1px solid rgb(var(--md-sys-color-outline));
   background: transparent;
@@ -36,10 +35,14 @@
   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[data-with-leading-icon] {
+  padding-left: 8px;
+}
 ._1sqif101::before {
   content: "";
   position: absolute;
   inset: 0;
+  border-radius: inherit;
   background: currentColor;
   opacity: 0;
   pointer-events: none;
@@ -139,6 +142,37 @@
   flex-shrink: 0;
   width: 18px;
   height: 18px;
+}
+button:disabled ._1sqif108,
+[data-disabled] ._1sqif108 {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._1sqif109 {
+  color: rgb(var(--md-sys-color-primary));
+}
+._1sqif10a {
+  color: rgb(var(--md-sys-color-on-surface-variant));
+}
+._1sqif10b {
+  color: rgb(var(--md-sys-color-on-surface-variant));
+}
+._1sqif10c {
+  color: rgb(var(--md-sys-color-on-surface-variant));
+}
+._1sqif108 > svg {
+  width: 18px;
+  height: 18px;
+}
+[data-pressed] ._1sqif108 {
+  display: none;
+}
+._1sqif10d {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 18px;
+  height: 18px;
   margin-left: 4px;
   margin-right: -4px;
   border: none;
@@ -147,7 +181,7 @@
   color: rgb(var(--md-sys-color-on-surface-variant));
   cursor: pointer;
 }
-._1sqif108:hover {
+._1sqif10d:hover {
   opacity: 0.8;
 }
 /*# sourceMappingURL=chip.css.map */

package/dist/chip.css.map

@@ -1 +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":[]}
+{"version":3,"sources":["vanilla-extract-css-ns:src/chip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA8VXXY_bKBR9z69AlSo10pC1Mx-bZaS-7M9YVStsrm06BLyAnUlX899XGJwYmjTOKN0-Gt97uB_nHmD1d27-4VWeZejfBUKMm1bQPUFcCi4BVwJenxcIUcFribmFrSGoBGlBu-WvnbG82uNSSQvSTn85T2wazeULQZlbaYDXjSUo37QD5o4z24R_W6prLrGAyhKEg4FqacntPpioHnQl1I6ghjMG0q21irv9MPQgrSFIKglu3WoqDbdcSeK3QfljtjWop_oTxluGzd7grXIGGKjhssbGUsmoZsu7EMxVLiHUK3yeF2-L1Vj8fCh-q8aYNQhqeT_kcruW1LQlKNS2UK_Y8G9c1gQVSjPQuFCv0zbdr71lSxlzkfvtCcqfRoTBS1PGO3PA7QxobEBAaY_t8KYE5e0rMkpwhnRdfIqqVCqhNFaddZssl4MXLV9qrTrJiG9oSzVIO5BLSYsruuViT-Jq230LpqQCsKAFCCyorgE7--XBcRcynOHoTY-uhn-DWY7OcHAbetbM33Fi7_3BOoYbRzDXrBkQVtPyhct6mY7CsaK-3ldRPPT7WseY538xainecdtgAdTzqlTyi-d_YJpXgYFQU19CCqiUhsH2QO8PH56j0aGFUaKzA--4NGCDfCR05bIBzW3Ks7LTjmN_uiS_l6A5cnNQgux9FSKNE7oo10MQEZqx1AIerFOISpWdwT03vBAwG2rwSqFo6XRoNkarwRj4LqcoIA_iJ52g-0uaYKBUrlB7rwrBEauqGpq7TmniKca4oYUA9uUOTeIYV4Pcnu7msC05K1ESm05XtIQl-g1lq_vNckKv63zz9cnxOMQ-lv1kDqd7kkWA6zArM4MaMik7bZx5KE-Ed38VHu6p5lTay7gPN8BlUNFO2OmRpb3qpkry-JOyePTtCzPgNW0qLpcIPpzZlEvQYa-LEZ7zjNkYHZ7n4z0_OIlhPEYzMrzE-6fZpQotOaSLhdpdTDncdhrK3O0xggUBPR1UWUAPIk_i8mLso5sJkaYWFPQqjDSM8515Snox2cDL2dsiIeUqvvCHS_h4J4_u4Vl0AuZRTL__9OdCiGz90EbX0vE7fjHk65OX0viEamgLuOqEWJ57T8ygYKv59j2zetIvKuhnxLd11JQs-xg9nMK3Kr5CaXHFXQVdGhHQ5v_qzMiZ-F33tig6a5U8EvMY2R1KmIySqN9x9E4y_2MGRmhDUnz67hNhAlLcAqS8BcgGfUamr08NeNqsc-qQsGgUk8N_9mtZlsx_rAnh2McPU01IX6OzNOIHT9DbXx_Y5LQ53udWm-fF23_ig-TLphEAAA"],"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  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[data-with-leading-icon] {\n  padding-left: 8px;\n}\n._1sqif101::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 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}\nbutton:disabled ._1sqif108, [data-disabled] ._1sqif108 {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1sqif109 {\n  color: rgb(var(--md-sys-color-primary));\n}\n._1sqif10a {\n  color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1sqif10b {\n  color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1sqif10c {\n  color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1sqif108 > svg {\n  width: 18px;\n  height: 18px;\n}\n[data-pressed] ._1sqif108 {\n  display: none;\n}\n._1sqif10d {\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._1sqif10d:hover {\n  opacity: 0.8;\n}"],"mappings":"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","names":[]}

package/dist/chip.js

@@ -7,14 +7,16 @@ import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 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";
+var icon = createRuntimeFn({ defaultClassName: "_1sqif108", variantClassNames: { variant: { assist: "_1sqif109", suggestion: "_1sqif10a", input: "_1sqif10b", filter: "_1sqif10c" } }, defaultVariants: { variant: "assist" }, compoundVariants: [] });
+var remove = "_1sqif10d";
 
 // src/chip.ts
 var Chip = createChip(({ variant, elevated }) => ({
   root: chip({ variant, elevated }),
   remove,
   check,
-  avatar
+  avatar,
+  icon: icon({ variant })
 }));
 
 export { Chip };

package/dist/chip.js.map

@@ -1 +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"]}
+{"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,IAAA,GAAOA,eAAA,CAAO,EAAC,gBAAA,EAAiB,WAAA,EAAY,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,MAAA,EAAO,WAAA,EAAY,UAAA,EAAW,WAAA,EAAY,KAAA,EAAM,WAAA,EAAY,MAAA,EAAO,WAAA,EAAW,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,QAAA,EAAQ,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;AACpN,IAAI,MAAA,GAAS,WAAA;;;ACAb,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,MAAA;AAAA,EACA,IAAA,EAAM,IAAA,CAAK,EAAE,OAAA,EAAS;AACxB,CAAA,CAAE","file":"chip.js","sourcesContent":["import 'src/chip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA8VXXY_bKBR9z69AlSo10pC1Mx-bZaS-7M9YVStsrm06BLyAnUlX899XGJwYmjTOKN0-Gt97uB_nHmD1d27-4VWeZejfBUKMm1bQPUFcCi4BVwJenxcIUcFribmFrSGoBGlBu-WvnbG82uNSSQvSTn85T2wazeULQZlbaYDXjSUo37QD5o4z24R_W6prLrGAyhKEg4FqacntPpioHnQl1I6ghjMG0q21irv9MPQgrSFIKglu3WoqDbdcSeK3QfljtjWop_oTxluGzd7grXIGGKjhssbGUsmoZsu7EMxVLiHUK3yeF2-L1Vj8fCh-q8aYNQhqeT_kcruW1LQlKNS2UK_Y8G9c1gQVSjPQuFCv0zbdr71lSxlzkfvtCcqfRoTBS1PGO3PA7QxobEBAaY_t8KYE5e0rMkpwhnRdfIqqVCqhNFaddZssl4MXLV9qrTrJiG9oSzVIO5BLSYsruuViT-Jq230LpqQCsKAFCCyorgE7--XBcRcynOHoTY-uhn-DWY7OcHAbetbM33Fi7_3BOoYbRzDXrBkQVtPyhct6mY7CsaK-3ldRPPT7WseY538xainecdtgAdTzqlTyi-d_YJpXgYFQU19CCqiUhsH2QO8PH56j0aGFUaKzA--4NGCDfCR05bIBzW3Ks7LTjmN_uiS_l6A5cnNQgux9FSKNE7oo10MQEZqx1AIerFOISpWdwT03vBAwG2rwSqFo6XRoNkarwRj4LqcoIA_iJ52g-0uaYKBUrlB7rwrBEauqGpq7TmniKca4oYUA9uUOTeIYV4Pcnu7msC05K1ESm05XtIQl-g1lq_vNckKv63zz9cnxOMQ-lv1kDqd7kkWA6zArM4MaMik7bZx5KE-Ed38VHu6p5lTay7gPN8BlUNFO2OmRpb3qpkry-JOyePTtCzPgNW0qLpcIPpzZlEvQYa-LEZ7zjNkYHZ7n4z0_OIlhPEYzMrzE-6fZpQotOaSLhdpdTDncdhrK3O0xggUBPR1UWUAPIk_i8mLso5sJkaYWFPQqjDSM8515Snox2cDL2dsiIeUqvvCHS_h4J4_u4Vl0AuZRTL__9OdCiGz90EbX0vE7fjHk65OX0viEamgLuOqEWJ57T8ygYKv59j2zetIvKuhnxLd11JQs-xg9nMK3Kr5CaXHFXQVdGhHQ5v_qzMiZ-F33tig6a5U8EvMY2R1KmIySqN9x9E4y_2MGRmhDUnz67hNhAlLcAqS8BcgGfUamr08NeNqsc-qQsGgUk8N_9mtZlsx_rAnh2McPU01IX6OzNOIHT9DbXx_Y5LQ53udWm-fF23_ig-TLphEAAA';\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 icon = _7a468({defaultClassName:'_1sqif108',variantClassNames:{variant:{assist:'_1sqif109',suggestion:'_1sqif10a',input:'_1sqif10b',filter:'_1sqif10c'}},defaultVariants:{variant:'assist'},compoundVariants:[]});\nexport var remove = '_1sqif10d';","/**\n * chip.ts — wires the VE recipe into the shared factory.\n */\nimport { createChip } from '@m3-baseui/core';\nimport { chip, check, remove, avatar, icon } from './chip.css';\n\nexport const Chip = createChip(({ variant, elevated }) => ({\n  root: chip({ variant, elevated }),\n  remove,\n  check,\n  avatar,\n  icon: icon({ variant }),\n}));\nexport type { ChipProps, ChipVariant } from '@m3-baseui/core';\n"]}