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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/dist/button-group.css +23 -0
  2. package/dist/button-group.css.map +1 -0
  3. package/dist/button-group.d.ts +10 -0
  4. package/dist/button-group.js +18 -0
  5. package/dist/button-group.js.map +1 -0
  6. package/dist/carousel.css +41 -0
  7. package/dist/carousel.css.map +1 -0
  8. package/dist/carousel.d.ts +12 -0
  9. package/dist/carousel.js +18 -0
  10. package/dist/carousel.js.map +1 -0
  11. package/dist/chip.css +2 -2
  12. package/dist/chip.css.map +1 -1
  13. package/dist/chip.js.map +1 -1
  14. package/dist/date-picker.css +370 -0
  15. package/dist/date-picker.css.map +1 -0
  16. package/dist/date-picker.d.ts +9 -0
  17. package/dist/date-picker.js +53 -0
  18. package/dist/date-picker.js.map +1 -0
  19. package/dist/icon-button.css +1 -2
  20. package/dist/icon-button.css.map +1 -1
  21. package/dist/icon-button.js.map +1 -1
  22. package/dist/index.css +1448 -234
  23. package/dist/index.css.map +1 -1
  24. package/dist/index.d.ts +9 -1
  25. package/dist/index.js +190 -36
  26. package/dist/index.js.map +1 -1
  27. package/dist/loading-indicator.css +35 -0
  28. package/dist/loading-indicator.css.map +1 -0
  29. package/dist/loading-indicator.d.ts +7 -0
  30. package/dist/loading-indicator.js +20 -0
  31. package/dist/loading-indicator.js.map +1 -0
  32. package/dist/search.css +198 -0
  33. package/dist/search.css.map +1 -0
  34. package/dist/search.d.ts +29 -0
  35. package/dist/search.js +37 -0
  36. package/dist/search.js.map +1 -0
  37. package/dist/split-button.css +329 -0
  38. package/dist/split-button.css.map +1 -0
  39. package/dist/split-button.d.ts +16 -0
  40. package/dist/split-button.js +26 -0
  41. package/dist/split-button.js.map +1 -0
  42. package/dist/time-picker.css +182 -0
  43. package/dist/time-picker.css.map +1 -0
  44. package/dist/time-picker.d.ts +9 -0
  45. package/dist/time-picker.js +41 -0
  46. package/dist/time-picker.js.map +1 -0
  47. package/dist/toolbar.css +37 -0
  48. package/dist/toolbar.css.map +1 -0
  49. package/dist/toolbar.d.ts +7 -0
  50. package/dist/toolbar.js +16 -0
  51. package/dist/toolbar.js.map +1 -0
  52. package/package.json +41 -1
@@ -0,0 +1,23 @@
1
+ /* vanilla-extract-css-ns:src/button-group.css.ts.vanilla.css?source=LmphMzRiYTAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmphMzRiYTEgewogIGdhcDogOHB4Owp9Ci5qYTM0YmEyIHsKICBnYXA6IDJweDsKfQouamEzNGJhMiA-ICo6bm90KDpmaXJzdC1jaGlsZCk6bm90KDpsYXN0LWNoaWxkKSB7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbWQtc3lzLXNoYXBlLXNtYWxsKTsKfQouamEzNGJhMiA-ICo6Zmlyc3QtY2hpbGQ6bm90KDpsYXN0LWNoaWxkKSB7CiAgYm9yZGVyLXN0YXJ0LWVuZC1yYWRpdXM6IHZhcigtLW1kLXN5cy1zaGFwZS1zbWFsbCk7CiAgYm9yZGVyLWVuZC1lbmQtcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtc21hbGwpOwp9Ci5qYTM0YmEyID4gKjpsYXN0LWNoaWxkOm5vdCg6Zmlyc3QtY2hpbGQpIHsKICBib3JkZXItc3RhcnQtc3RhcnQtcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtc21hbGwpOwogIGJvcmRlci1lbmQtc3RhcnQtcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtc21hbGwpOwp9 */
2
+ .ja34ba0 {
3
+ display: inline-flex;
4
+ align-items: center;
5
+ }
6
+ .ja34ba1 {
7
+ gap: 8px;
8
+ }
9
+ .ja34ba2 {
10
+ gap: 2px;
11
+ }
12
+ .ja34ba2 > *:not(:first-child):not(:last-child) {
13
+ border-radius: var(--md-sys-shape-small);
14
+ }
15
+ .ja34ba2 > *:first-child:not(:last-child) {
16
+ border-start-end-radius: var(--md-sys-shape-small);
17
+ border-end-end-radius: var(--md-sys-shape-small);
18
+ }
19
+ .ja34ba2 > *:last-child:not(:first-child) {
20
+ border-start-start-radius: var(--md-sys-shape-small);
21
+ border-end-start-radius: var(--md-sys-shape-small);
22
+ }
23
+ /*# sourceMappingURL=button-group.css.map */
@@ -0,0 +1 @@
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":[]}
@@ -0,0 +1,10 @@
1
+ import * as _base_ui_react from '@base-ui/react';
2
+ import * as react from 'react';
3
+ import * as _m3_baseui_core from '@m3-baseui/core';
4
+ export { ButtonGroupProps, ButtonGroupVariant } from '@m3-baseui/core';
5
+
6
+ declare const ButtonGroup: react.ForwardRefExoticComponent<_m3_baseui_core.ButtonGroupOwnProps & react.HTMLAttributes<HTMLDivElement> & {
7
+ render?: _base_ui_react.useRender.RenderProp;
8
+ } & react.RefAttributes<HTMLDivElement>>;
9
+
10
+ export { ButtonGroup };
@@ -0,0 +1,18 @@
1
+ "use client";
2
+ import './button-group.css';
3
+ import { createButtonGroup, cx } from '@m3-baseui/core';
4
+
5
+ // src/button-group.ts
6
+
7
+ // src/button-group.css.ts
8
+ var connected = "ja34ba2";
9
+ var root = "ja34ba0";
10
+ var standard = "ja34ba1";
11
+
12
+ // src/button-group.ts
13
+ var variantClass = { standard, connected };
14
+ var ButtonGroup = createButtonGroup(({ variant }) => cx(root, variantClass[variant]));
15
+
16
+ export { ButtonGroup };
17
+ //# sourceMappingURL=button-group.js.map
18
+ //# sourceMappingURL=button-group.js.map
@@ -0,0 +1 @@
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"]}
@@ -0,0 +1,41 @@
1
+ /* vanilla-extract-css-ns:src/carousel.css.ts.vanilla.css?source=LmRrb2k5bjAgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA4cHg7CiAgb3ZlcmZsb3cteDogYXV0bzsKICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTsKICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDsKICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7Cn0KLmRrb2k5bjMgewogIGdhcDogMDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIG92ZXJmbG93LXg6IGhpZGRlbjsKICBvdmVyZmxvdy15OiBhdXRvOwogIHNjcm9sbC1zbmFwLXR5cGU6IHkgbWFuZGF0b3J5OwogIGhlaWdodDogMTAwJTsKfQouZGtvaTluNCB7CiAgc2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0OwogIGZsZXgtc2hyaW5rOiAwOwogIG92ZXJmbG93OiBoaWRkZW47CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbWQtc3lzLXNoYXBlLWxhcmdlKTsKfQouZGtvaTluNSB7CiAgd2lkdGg6IDE2MHB4OwogIGhlaWdodDogMjI0cHg7Cn0KLmRrb2k5bjYgewogIHdpZHRoOiAyODhweDsKICBoZWlnaHQ6IDIyNHB4OwogIHNjcm9sbC1zbmFwLWFsaWduOiBjZW50ZXI7Cn0KLmRrb2k5bjcgewogIHdpZHRoOiAxMDAlOwogIGhlaWdodDogMTAwJTsKICBzY3JvbGwtc25hcC1hbGlnbjogY2VudGVyOwp9ClthcmlhLXJvbGVkZXNjcmlwdGlvbj0iY2Fyb3VzZWwiXTo6LXdlYmtpdC1zY3JvbGxiYXIgewogIGRpc3BsYXk6IG5vbmU7Cn0 */
2
+ .dkoi9n0 {
3
+ display: flex;
4
+ gap: 8px;
5
+ overflow-x: auto;
6
+ scroll-snap-type: x mandatory;
7
+ scroll-behavior: smooth;
8
+ scrollbar-width: none;
9
+ }
10
+ .dkoi9n3 {
11
+ gap: 0;
12
+ flex-direction: column;
13
+ overflow-x: hidden;
14
+ overflow-y: auto;
15
+ scroll-snap-type: y mandatory;
16
+ height: 100%;
17
+ }
18
+ .dkoi9n4 {
19
+ scroll-snap-align: start;
20
+ flex-shrink: 0;
21
+ overflow: hidden;
22
+ border-radius: var(--md-sys-shape-large);
23
+ }
24
+ .dkoi9n5 {
25
+ width: 160px;
26
+ height: 224px;
27
+ }
28
+ .dkoi9n6 {
29
+ width: 288px;
30
+ height: 224px;
31
+ scroll-snap-align: center;
32
+ }
33
+ .dkoi9n7 {
34
+ width: 100%;
35
+ height: 100%;
36
+ scroll-snap-align: center;
37
+ }
38
+ [aria-roledescription=carousel]::-webkit-scrollbar {
39
+ display: none;
40
+ }
41
+ /*# sourceMappingURL=carousel.css.map */
@@ -0,0 +1 @@
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":[]}
@@ -0,0 +1,12 @@
1
+ import * as _m3_baseui_core from '@m3-baseui/core';
2
+ export { CarouselVariant } from '@m3-baseui/core';
3
+ import * as react from 'react';
4
+
5
+ declare const Carousel: {
6
+ Root: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & {
7
+ variant?: _m3_baseui_core.CarouselVariant;
8
+ } & react.RefAttributes<HTMLDivElement>>;
9
+ Item: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
10
+ };
11
+
12
+ export { Carousel };
@@ -0,0 +1,18 @@
1
+ "use client";
2
+ import './carousel.css';
3
+ import { createCarousel } from '@m3-baseui/core';
4
+ import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
5
+
6
+ // src/carousel.ts
7
+ var item = createRuntimeFn({ defaultClassName: "dkoi9n4", variantClassNames: { variant: { "multi-browse": "dkoi9n5", hero: "dkoi9n6", "full-screen": "dkoi9n7" } }, defaultVariants: { variant: "multi-browse" }, compoundVariants: [] });
8
+ var root = createRuntimeFn({ defaultClassName: "dkoi9n0", variantClassNames: { variant: { "multi-browse": "dkoi9n1", hero: "dkoi9n2", "full-screen": "dkoi9n3" } }, defaultVariants: { variant: "multi-browse" }, compoundVariants: [] });
9
+
10
+ // src/carousel.ts
11
+ var Carousel = createCarousel((variant) => ({
12
+ root: root({ variant }),
13
+ item: item({ variant })
14
+ }));
15
+
16
+ export { Carousel };
17
+ //# sourceMappingURL=carousel.js.map
18
+ //# sourceMappingURL=carousel.js.map
@@ -0,0 +1 @@
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/chip.css CHANGED
@@ -1,4 +1,4 @@
1
- /* 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 */
1
+ /* vanilla-extract-css-ns:src/chip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71X247TMBB971dYSEhEwiXpXqi8Ei98BkLIiSfJsK4dbKe7Be2_IztuN862NEULj3VnjmfmnBlPlt8K-wPrIs_JrwUhAm0n-Y4RVBIV0FrC492CEC6xURQdbCwjFSgHxh9_763DekcrrRwoN_7Le1LbGlT3jOT-pAVsWsdIse4C5gMK18b_Ntw0qKiE2jFCo4HueIVuF030Fkwt9QMjLQoByp91Gv19FLagnGVEaQX-3BmuLDrUig3XkOIm31iy5eYdpRtB7c7SjfYGFLhF1VDruBLciOx9DOYilxjqBT53i6fFcl_8IhS_0_uYDUjucBtyeT1KGt4xEmtb6kdq8SeqhpFSGwGGlvpxTNPVarDsuBA-8uF6RorbPULwMlxgbw-4vQVDLUio3DMdgykjRfdIrJYoiGnKd0mVKi21obp3_pIsC168um-M7pVgA6EdN6BcEJdWjtZ8g3LH0mq7XQe24hKo5CVIKrlpgHr77OD4EDOc4TiYPrta_AmzHL1hcAuctfNvHNkP_uC8wq0XmCdrBoQzvLpH1WTTVniu6FDviyQe-b7UMdU5YyXU2kDQ-0Gib97cJfLnpdWyd0E7qCy4OAImkkPVgkE31UrVG6-Tzz7Ql2Nkzsg4dHP-l1m2flgluR6CSNCs4w5osJ5C1LrqLd2ixVLCbKjgNYXilZ8lszE6A9bCi5ySgAaQoVsZuTrX1xYq7Qu1Gzo7OlJd14HcMGnGl30R3HEq0PJSgvj6nozi2J_GkXmczXAtOzlmFLW9qXkFGflA8uXVOhvJ6zLfYpX9MfZ92Y_mcJyTPAFcxV6ZGVTIpOqN9eaxPAne1UV4dMsNcuXO416_Aq6AmvfSjZ8dM0zO9UQiN_8oi5uBvtgDX8Mt4-FyTuDh3eWowMS7zkZ4yjNVY_IAno73dONMDNM2mpHhOd3fzi5VpOSQLpX64WzKcWNpufAbYAILErY8TGUJW5DFJK5hGA_RzYSYphYn6EUY0zBOM3M74WJ0wTDOnhYTUS7TpT0u0vu9Otml8-QFLJKYPv7zlT9GtrruktVy_zvd-ovV0cUyfaFa3gGteymzU98EMyTYGdz8Ta8e9UsK-ongpklIyfO3ycdP_K3L71A5WqOvoE8jAVr_L2b2mpl-myXMpGzFgUyvx2xNd_1Z7P1hwX_9wb4ezYHnl3a5vls8_QbB8-QTBA8AAA */
2
2
  ._1sqif100 {
3
3
  display: inline-flex;
4
4
  align-items: center;
@@ -25,7 +25,6 @@
25
25
  height: 32px;
26
26
  padding-inline: 16px;
27
27
  border-radius: 8px;
28
- overflow: hidden;
29
28
  user-select: none;
30
29
  border: 1px solid rgb(var(--md-sys-color-outline));
31
30
  background: transparent;
@@ -40,6 +39,7 @@
40
39
  content: "";
41
40
  position: absolute;
42
41
  inset: 0;
42
+ border-radius: inherit;
43
43
  background: currentColor;
44
44
  opacity: 0;
45
45
  pointer-events: none;
package/dist/chip.css.map CHANGED
@@ -1 +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":[]}
1
+ {"version":3,"sources":["vanilla-extract-css-ns:src/chip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71X247TMBB971dYSEhEwiXpXqi8Ei98BkLIiSfJsK4dbKe7Be2_IztuN862NEULj3VnjmfmnBlPlt8K-wPrIs_JrwUhAm0n-Y4RVBIV0FrC492CEC6xURQdbCwjFSgHxh9_763DekcrrRwoN_7Le1LbGlT3jOT-pAVsWsdIse4C5gMK18b_Ntw0qKiE2jFCo4HueIVuF030Fkwt9QMjLQoByp91Gv19FLagnGVEaQX-3BmuLDrUig3XkOIm31iy5eYdpRtB7c7SjfYGFLhF1VDruBLciOx9DOYilxjqBT53i6fFcl_8IhS_0_uYDUjucBtyeT1KGt4xEmtb6kdq8SeqhpFSGwGGlvpxTNPVarDsuBA-8uF6RorbPULwMlxgbw-4vQVDLUio3DMdgykjRfdIrJYoiGnKd0mVKi21obp3_pIsC168um-M7pVgA6EdN6BcEJdWjtZ8g3LH0mq7XQe24hKo5CVIKrlpgHr77OD4EDOc4TiYPrta_AmzHL1hcAuctfNvHNkP_uC8wq0XmCdrBoQzvLpH1WTTVniu6FDviyQe-b7UMdU5YyXU2kDQ-0Gib97cJfLnpdWyd0E7qCy4OAImkkPVgkE31UrVG6-Tzz7Ql2Nkzsg4dHP-l1m2flgluR6CSNCs4w5osJ5C1LrqLd2ixVLCbKjgNYXilZ8lszE6A9bCi5ySgAaQoVsZuTrX1xYq7Qu1Gzo7OlJd14HcMGnGl30R3HEq0PJSgvj6nozi2J_GkXmczXAtOzlmFLW9qXkFGflA8uXVOhvJ6zLfYpX9MfZ92Y_mcJyTPAFcxV6ZGVTIpOqN9eaxPAne1UV4dMsNcuXO416_Aq6AmvfSjZ8dM0zO9UQiN_8oi5uBvtgDX8Mt4-FyTuDh3eWowMS7zkZ4yjNVY_IAno73dONMDNM2mpHhOd3fzi5VpOSQLpX64WzKcWNpufAbYAILErY8TGUJW5DFJK5hGA_RzYSYphYn6EUY0zBOM3M74WJ0wTDOnhYTUS7TpT0u0vu9Otml8-QFLJKYPv7zlT9GtrruktVy_zvd-ovV0cUyfaFa3gGteymzU98EMyTYGdz8Ta8e9UsK-ongpklIyfO3ycdP_K3L71A5WqOvoE8jAVr_L2b2mpl-myXMpGzFgUyvx2xNd_1Z7P1hwX_9wb4ezYHnl3a5vls8_QbB8-QTBA8AAA"],"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::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 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.js.map CHANGED
@@ -1 +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"]}
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_IztuN862NEULj3VnjmfmnBlPlt8K-wPrIs_JrwUhAm0n-Y4RVBIV0FrC492CEC6xURQdbCwjFSgHxh9_763DekcrrRwoN_7Le1LbGlT3jOT-pAVsWsdIse4C5gMK18b_Ntw0qKiE2jFCo4HueIVuF030Fkwt9QMjLQoByp91Gv19FLagnGVEaQX-3BmuLDrUig3XkOIm31iy5eYdpRtB7c7SjfYGFLhF1VDruBLciOx9DOYilxjqBT53i6fFcl_8IhS_0_uYDUjucBtyeT1KGt4xEmtb6kdq8SeqhpFSGwGGlvpxTNPVarDsuBA-8uF6RorbPULwMlxgbw-4vQVDLUio3DMdgykjRfdIrJYoiGnKd0mVKi21obp3_pIsC168um-M7pVgA6EdN6BcEJdWjtZ8g3LH0mq7XQe24hKo5CVIKrlpgHr77OD4EDOc4TiYPrta_AmzHL1hcAuctfNvHNkP_uC8wq0XmCdrBoQzvLpH1WTTVniu6FDviyQe-b7UMdU5YyXU2kDQ-0Gib97cJfLnpdWyd0E7qCy4OAImkkPVgkE31UrVG6-Tzz7Ql2Nkzsg4dHP-l1m2flgluR6CSNCs4w5osJ5C1LrqLd2ixVLCbKjgNYXilZ8lszE6A9bCi5ySgAaQoVsZuTrX1xYq7Qu1Gzo7OlJd14HcMGnGl30R3HEq0PJSgvj6nozi2J_GkXmczXAtOzlmFLW9qXkFGflA8uXVOhvJ6zLfYpX9MfZ92Y_mcJyTPAFcxV6ZGVTIpOqN9eaxPAne1UV4dMsNcuXO416_Aq6AmvfSjZ8dM0zO9UQiN_8oi5uBvtgDX8Mt4-FyTuDh3eWowMS7zkZ4yjNVY_IAno73dONMDNM2mpHhOd3fzi5VpOSQLpX64WzKcWNpufAbYAILErY8TGUJW5DFJK5hGA_RzYSYphYn6EUY0zBOM3M74WJ0wTDOnhYTUS7TpT0u0vu9Otml8-QFLJKYPv7zlT9GtrruktVy_zvd-ovV0cUyfaFa3gGteymzU98EMyTYGdz8Ta8e9UsK-ongpklIyfO3ycdP_K3L71A5WqOvoE8jAVr_L2b2mpl-myXMpGzFgUyvx2xNd_1Z7P1hwX_9wb4ezYHnl3a5vls8_QbB8-QTBA8AAA';\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"]}
@@ -0,0 +1,370 @@
1
+ /* vanilla-extract-css-ns:src/date-picker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1a6W7jNhD-n6cgAixgA2Eq2zkVtH_6GEVQUORIYpciBZJ27BZ994IUZUuMnMhHdrHbIEAiMzNDco5vDvn6z9kqo7BaJ-ifC4ReOLNlihbzh3r9dIFQRdY4rM2S5ItbqgljXBYpms0bGqqE0inSRTZZET3BuGLYbAz261hJbJY6JxSm06eLfy-u2w1nfkPGTS3IJkW5AC-NCF5IzC1UJkUUpAXtlv9aGsvzDaZKWpA2RaYmFHAG9gVAOoqC1CkKxy6BF6VN0U34HM6MBeR2d_B2VQdit9o54NwfsFaGW65kijQIYvkKnrrH5lJwCfjQ0-_-FbR7k0QnD58zpRlorAnjS5OinoJNSWrA-VKIqSNVK9C5UC8pKjljjVLG2gaviOZE2qmXRJfaOLZa8faYamndRVMklYTdwVKU-A-Efi20WkqWIquJNDXRIG1fnWmaQa40eLVuNXF5-dTTMsmMEkvr9-DSgB3Ygi61E_-7u4Q_XE0ot5tAGU6NYQXSmt2J_cHCLoHDOXVl-lqtlCPBQIzzDWOJZESzaXSX0mm7d6PtIfo2ssQC9tSxiFzRpcErbngmYLQozxWLItQ55mgZtQZj4NWdGDckE8CCgUZGNfoFJdeLh-l-1Q9uMnzYJIrA35BZFV1kmt_042QeR-3ifFHrESXab3HXx45G0g5TfvB4RShX0uKcVFzEvmM3NRhKBGBBMhBYEF04f5R2umV8CWoawdiQ7lgN_xtGMTpCz-ZtWI7fsUPf8IN1zuoyiU9oI0RYTehXLot-6Cx-ImhbnA5ti_NB26KDAN1L-udc6QrNbpPK9Hn-YMQSvOLw8uvlBog2l8-xGMeaIq3cvpPZQ8IgMumNp62ILrjEVu1KixDgVAlBagMpap8idtvA6LZa8vazsLbYo80OZzpcd12ku9lTyxwHEWPCOlNsc0xUd_gOCuoO30Ex3eE7MqQ7EoYj-v6b1n57LP2Ncsn3ySGfzrZzth89fRzgqr1rn5xp7s-Xae7PUkTfN7nHKkY2z15EptZOA8zFprcaSvzPrF7vC81a84rozXRQtAEB1AIL0ju2f1_aCEx4c--2dn_-wA4h3mpMn_DQHyUUmjNfv2vOsIWqFs5eVIllJY3D8hqInSyu0CzX03h04CYe2-biIXThLbziTYrI0qq3OoB2PROKfg1iO2d9_CaZJW5XPtuS_2Fb8vij55XeXU5OFo_nSxaP3xGLSR_sjh9l3N4NDkfv9g9HEaq4bOfB86QdUb5_7xYenA8SLkHjkhclGDtSE71KNWCZVbU_8lugBmurCTYVCdjWYfX3OoI3U9aqKvX52yjB2WGo2DFk5g3pDJeiWaTcpGuodvL-Bjz2YPQVyB6m38_q_aDqPUvTWhAKpRIM9EGV0R7HoJ8vHs754oH-RGmQnp4G6fnSID1Lz0SPmPKzsRl3OPOckHbeCAiPEoF21_T1CEHAingzC1iBmE-fuhNJrDQvuGx54vXpYDwMetftWO-6ikeph_skC8WQJdo2VBsBz6_6td7k1WPrJLl-vB2UBZK9IalDDxFU5nwNLI7gvzGXzGXZm1cBvc9rqOZV6Fs7Noq0PD8uhmFQX1coJhithHyfEpqK7rapHvwQOzxvNXIbG8Y_un55gm-TL1fI_Z520kXF5WRxl9TrK0SJoJNZkqxeEPYzyyZOug30lqRsSfr5ou2lX30LwP3FjGugzZWa5v2kavNjYr6pEg-P_MUHRf67PglVXRJXQ_Vj_xC-vvO95835GG9-3wf3QkbRfc-ynca0GaRd997f9jbNa52w8ce9T2k69AoYX1bHDCQC5xETicB5xEgicJ40kwgyhsvlcry5orVt53WKFcdbrwTCvBqOaHMi3oMsGPEeZMOI90grRlKG7ciHv771quHwSA6SxXPW9zwgtnbPM5qh6n87a94AvCYAAA */
2
+ ._1vbcevx0 {
3
+ width: 328px;
4
+ max-width: 100%;
5
+ padding: 12px;
6
+ color: rgb(var(--md-sys-color-on-surface));
7
+ }
8
+ ._1vbcevx1 {
9
+ display: flex;
10
+ align-items: center;
11
+ justify-content: space-between;
12
+ gap: 8px;
13
+ height: 48px;
14
+ padding-left: 12px;
15
+ padding-right: 4px;
16
+ }
17
+ ._1vbcevx2 {
18
+ position: relative;
19
+ display: inline-flex;
20
+ align-items: center;
21
+ justify-content: center;
22
+ width: 40px;
23
+ height: 40px;
24
+ border-radius: var(--md-sys-shape-full);
25
+ overflow: hidden;
26
+ color: rgb(var(--md-sys-color-on-surface-variant));
27
+ cursor: pointer;
28
+ outline: none;
29
+ border: 0;
30
+ background: transparent;
31
+ }
32
+ ._1vbcevx2::before {
33
+ content: "";
34
+ position: absolute;
35
+ inset: 0;
36
+ background: currentColor;
37
+ opacity: 0;
38
+ pointer-events: none;
39
+ transition: opacity 100ms var(--md-sys-motion-easing-standard);
40
+ }
41
+ ._1vbcevx2:hover::before {
42
+ opacity: var(--md-sys-state-hover);
43
+ }
44
+ ._1vbcevx2:focus-visible::before {
45
+ opacity: var(--md-sys-state-focus);
46
+ }
47
+ ._1vbcevx2:active::before {
48
+ opacity: var(--md-sys-state-pressed);
49
+ }
50
+ ._1vbcevx2:disabled {
51
+ color: rgb(var(--md-sys-color-on-surface) / 0.38);
52
+ pointer-events: none;
53
+ }
54
+ ._1vbcevx2:disabled::before {
55
+ opacity: 0;
56
+ }
57
+ ._1vbcevx2 > svg {
58
+ width: 24px;
59
+ height: 24px;
60
+ }
61
+ ._1vbcevx3 {
62
+ position: relative;
63
+ display: inline-flex;
64
+ align-items: center;
65
+ gap: 4px;
66
+ height: 36px;
67
+ padding-inline: 12px;
68
+ border-radius: var(--md-sys-shape-full);
69
+ overflow: hidden;
70
+ color: rgb(var(--md-sys-color-on-surface-variant));
71
+ cursor: pointer;
72
+ outline: none;
73
+ border: 0;
74
+ background: transparent;
75
+ font-family: var(--md-sys-typescale-label-large-font);
76
+ font-weight: var(--md-sys-typescale-label-large-weight);
77
+ font-size: var(--md-sys-typescale-label-large-size);
78
+ line-height: var(--md-sys-typescale-label-large-line-height);
79
+ letter-spacing: var(--md-sys-typescale-label-large-tracking);
80
+ }
81
+ ._1vbcevx3::before {
82
+ content: "";
83
+ position: absolute;
84
+ inset: 0;
85
+ background: currentColor;
86
+ opacity: 0;
87
+ pointer-events: none;
88
+ transition: opacity 100ms var(--md-sys-motion-easing-standard);
89
+ }
90
+ ._1vbcevx3:hover::before {
91
+ opacity: var(--md-sys-state-hover);
92
+ }
93
+ ._1vbcevx3:focus-visible::before {
94
+ opacity: var(--md-sys-state-focus);
95
+ }
96
+ ._1vbcevx3 > svg {
97
+ transition: transform 150ms;
98
+ }
99
+ ._1vbcevx3[data-view=years] > svg {
100
+ transform: rotate(180deg);
101
+ }
102
+ ._1vbcevx4 {
103
+ margin-top: 8px;
104
+ border-collapse: collapse;
105
+ }
106
+ ._1vbcevx4 td {
107
+ padding: 0;
108
+ text-align: center;
109
+ }
110
+ ._1vbcevx6 {
111
+ width: 48px;
112
+ height: 48px;
113
+ color: rgb(var(--md-sys-color-on-surface-variant));
114
+ font-family: var(--md-sys-typescale-body-large-font);
115
+ font-weight: var(--md-sys-typescale-body-large-weight);
116
+ font-size: var(--md-sys-typescale-body-large-size);
117
+ line-height: var(--md-sys-typescale-body-large-line-height);
118
+ letter-spacing: var(--md-sys-typescale-body-large-tracking);
119
+ }
120
+ ._1vbcevx7 {
121
+ position: relative;
122
+ display: inline-flex;
123
+ align-items: center;
124
+ justify-content: center;
125
+ width: 48px;
126
+ height: 48px;
127
+ border-radius: var(--md-sys-shape-full);
128
+ overflow: hidden;
129
+ color: rgb(var(--md-sys-color-on-surface));
130
+ cursor: pointer;
131
+ outline: none;
132
+ border: 0;
133
+ background: transparent;
134
+ font-family: var(--md-sys-typescale-body-large-font);
135
+ font-weight: var(--md-sys-typescale-body-large-weight);
136
+ font-size: var(--md-sys-typescale-body-large-size);
137
+ line-height: var(--md-sys-typescale-body-large-line-height);
138
+ letter-spacing: var(--md-sys-typescale-body-large-tracking);
139
+ }
140
+ ._1vbcevx7::before {
141
+ content: "";
142
+ position: absolute;
143
+ inset: 0;
144
+ background: currentColor;
145
+ opacity: 0;
146
+ pointer-events: none;
147
+ transition: opacity 100ms var(--md-sys-motion-easing-standard);
148
+ border-radius: var(--md-sys-shape-full);
149
+ }
150
+ ._1vbcevx7:hover::before {
151
+ opacity: var(--md-sys-state-hover);
152
+ }
153
+ ._1vbcevx7:focus-visible::before {
154
+ opacity: var(--md-sys-state-focus);
155
+ }
156
+ ._1vbcevx7:active::before {
157
+ opacity: var(--md-sys-state-pressed);
158
+ }
159
+ ._1vbcevx7[data-today] {
160
+ box-shadow: inset 0 0 0 1px rgb(var(--md-sys-color-primary));
161
+ }
162
+ ._1vbcevx7[data-selected] {
163
+ background: rgb(var(--md-sys-color-primary));
164
+ color: rgb(var(--md-sys-color-on-primary));
165
+ }
166
+ ._1vbcevx7[data-disabled] {
167
+ color: rgb(var(--md-sys-color-on-surface) / 0.38);
168
+ pointer-events: none;
169
+ }
170
+ ._1vbcevx7[data-disabled]::before {
171
+ opacity: 0;
172
+ }
173
+ ._1vbcevx8 {
174
+ display: grid;
175
+ grid-template-columns: repeat(3, 1fr);
176
+ gap: 8px;
177
+ max-height: 280px;
178
+ overflow-y: auto;
179
+ padding-inline: 12px;
180
+ padding-block: 8px;
181
+ }
182
+ ._1vbcevx9 {
183
+ position: relative;
184
+ display: inline-flex;
185
+ align-items: center;
186
+ justify-content: center;
187
+ height: 36px;
188
+ border-radius: var(--md-sys-shape-full);
189
+ overflow: hidden;
190
+ color: rgb(var(--md-sys-color-on-surface-variant));
191
+ cursor: pointer;
192
+ outline: none;
193
+ border: 0;
194
+ background: transparent;
195
+ font-family: var(--md-sys-typescale-label-large-font);
196
+ font-weight: var(--md-sys-typescale-label-large-weight);
197
+ font-size: var(--md-sys-typescale-label-large-size);
198
+ line-height: var(--md-sys-typescale-label-large-line-height);
199
+ letter-spacing: var(--md-sys-typescale-label-large-tracking);
200
+ }
201
+ ._1vbcevx9::before {
202
+ content: "";
203
+ position: absolute;
204
+ inset: 0;
205
+ background: currentColor;
206
+ opacity: 0;
207
+ pointer-events: none;
208
+ transition: opacity 100ms var(--md-sys-motion-easing-standard);
209
+ }
210
+ ._1vbcevx9:hover::before {
211
+ opacity: var(--md-sys-state-hover);
212
+ }
213
+ ._1vbcevx9:focus-visible::before {
214
+ opacity: var(--md-sys-state-focus);
215
+ }
216
+ ._1vbcevx9[data-selected] {
217
+ background: rgb(var(--md-sys-color-primary));
218
+ color: rgb(var(--md-sys-color-on-primary));
219
+ }
220
+ ._1vbcevxa {
221
+ display: inline-flex;
222
+ align-items: center;
223
+ gap: 4px;
224
+ height: 56px;
225
+ padding-left: 16px;
226
+ padding-right: 4px;
227
+ min-width: 200px;
228
+ background: rgb(var(--md-sys-color-surface-container-highest));
229
+ color: rgb(var(--md-sys-color-on-surface));
230
+ border-top-left-radius: var(--md-sys-shape-extra-small);
231
+ border-top-right-radius: var(--md-sys-shape-extra-small);
232
+ border-bottom: 1px solid rgb(var(--md-sys-color-on-surface-variant));
233
+ }
234
+ ._1vbcevxb {
235
+ flex: 1;
236
+ min-width: 0;
237
+ height: 100%;
238
+ background: transparent;
239
+ border: 0;
240
+ outline: none;
241
+ color: rgb(var(--md-sys-color-on-surface));
242
+ font-family: var(--md-sys-typescale-body-large-font);
243
+ font-weight: var(--md-sys-typescale-body-large-weight);
244
+ font-size: var(--md-sys-typescale-body-large-size);
245
+ line-height: var(--md-sys-typescale-body-large-line-height);
246
+ letter-spacing: var(--md-sys-typescale-body-large-tracking);
247
+ }
248
+ ._1vbcevxb::placeholder {
249
+ color: rgb(var(--md-sys-color-on-surface-variant));
250
+ }
251
+ ._1vbcevxc {
252
+ position: relative;
253
+ display: inline-flex;
254
+ align-items: center;
255
+ justify-content: center;
256
+ width: 40px;
257
+ height: 40px;
258
+ border-radius: var(--md-sys-shape-full);
259
+ overflow: hidden;
260
+ color: rgb(var(--md-sys-color-on-surface-variant));
261
+ cursor: pointer;
262
+ outline: none;
263
+ border: 0;
264
+ background: transparent;
265
+ }
266
+ ._1vbcevxc::before {
267
+ content: "";
268
+ position: absolute;
269
+ inset: 0;
270
+ background: currentColor;
271
+ opacity: 0;
272
+ pointer-events: none;
273
+ transition: opacity 100ms var(--md-sys-motion-easing-standard);
274
+ }
275
+ ._1vbcevxc:hover::before {
276
+ opacity: var(--md-sys-state-hover);
277
+ }
278
+ ._1vbcevxc:focus-visible::before {
279
+ opacity: var(--md-sys-state-focus);
280
+ }
281
+ ._1vbcevxc:active::before {
282
+ opacity: var(--md-sys-state-pressed);
283
+ }
284
+ ._1vbcevxc > svg {
285
+ width: 24px;
286
+ height: 24px;
287
+ }
288
+ ._1vbcevxd {
289
+ background: rgb(var(--md-sys-color-surface-container-high));
290
+ color: rgb(var(--md-sys-color-on-surface));
291
+ border-radius: var(--md-sys-shape-large);
292
+ box-shadow: var(--md-sys-elevation-level2);
293
+ transform-origin: var(--transform-origin);
294
+ outline: none;
295
+ transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);
296
+ }
297
+ ._1vbcevxd[data-starting-style] {
298
+ opacity: 0;
299
+ transform: scale(0.95);
300
+ }
301
+ ._1vbcevxd[data-ending-style] {
302
+ opacity: 0;
303
+ }
304
+ ._1vbcevxe {
305
+ position: fixed;
306
+ inset: 0;
307
+ z-index: 40;
308
+ background: rgb(var(--md-sys-color-scrim) / 0.32);
309
+ transition: opacity 200ms var(--md-sys-motion-easing-standard);
310
+ }
311
+ ._1vbcevxe[data-starting-style],
312
+ ._1vbcevxe[data-ending-style] {
313
+ opacity: 0;
314
+ }
315
+ ._1vbcevxf {
316
+ position: fixed;
317
+ left: 50%;
318
+ top: 50%;
319
+ z-index: 50;
320
+ transform: translate(-50%, -50%);
321
+ width: min(360px, calc(100vw - 48px));
322
+ max-height: calc(100vh - 48px);
323
+ overflow: auto;
324
+ display: flex;
325
+ flex-direction: column;
326
+ background: rgb(var(--md-sys-color-surface-container-high));
327
+ color: rgb(var(--md-sys-color-on-surface));
328
+ border-radius: var(--md-sys-shape-extra-large);
329
+ box-shadow: var(--md-sys-elevation-level3);
330
+ transform-origin: var(--transform-origin);
331
+ outline: none;
332
+ transition: opacity 200ms var(--md-sys-motion-easing-emphasized), transform 200ms var(--md-sys-motion-easing-emphasized);
333
+ }
334
+ ._1vbcevxf[data-starting-style],
335
+ ._1vbcevxf[data-ending-style] {
336
+ opacity: 0;
337
+ transform: translate(-50%, -50%) scale(0.95);
338
+ }
339
+ ._1vbcevxg {
340
+ padding-inline: 24px;
341
+ padding-top: 16px;
342
+ margin: 0;
343
+ color: rgb(var(--md-sys-color-on-surface-variant));
344
+ font-family: var(--md-sys-typescale-label-medium-font);
345
+ font-weight: var(--md-sys-typescale-label-medium-weight);
346
+ font-size: var(--md-sys-typescale-label-medium-size);
347
+ line-height: var(--md-sys-typescale-label-medium-line-height);
348
+ letter-spacing: var(--md-sys-typescale-label-medium-tracking);
349
+ }
350
+ ._1vbcevxh {
351
+ padding-inline: 24px;
352
+ padding-top: 4px;
353
+ padding-bottom: 16px;
354
+ margin: 0;
355
+ color: rgb(var(--md-sys-color-on-surface));
356
+ font-family: var(--md-sys-typescale-headline-large-font);
357
+ font-weight: var(--md-sys-typescale-headline-large-weight);
358
+ font-size: var(--md-sys-typescale-headline-large-size);
359
+ line-height: var(--md-sys-typescale-headline-large-line-height);
360
+ letter-spacing: var(--md-sys-typescale-headline-large-tracking);
361
+ }
362
+ ._1vbcevxi {
363
+ display: flex;
364
+ justify-content: flex-end;
365
+ gap: 8px;
366
+ padding-inline: 24px;
367
+ padding-bottom: 16px;
368
+ padding-top: 8px;
369
+ }
370
+ /*# sourceMappingURL=date-picker.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["vanilla-extract-css-ns:src/date-picker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1a6W7jNhD-n6cgAixgA2Eq2zkVtH_6GEVQUORIYpciBZJ27BZ994IUZUuMnMhHdrHbIEAiMzNDco5vDvn6z9kqo7BaJ-ifC4ReOLNlihbzh3r9dIFQRdY4rM2S5ItbqgljXBYpms0bGqqE0inSRTZZET3BuGLYbAz261hJbJY6JxSm06eLfy-u2w1nfkPGTS3IJkW5AC-NCF5IzC1UJkUUpAXtlv9aGsvzDaZKWpA2RaYmFHAG9gVAOoqC1CkKxy6BF6VN0U34HM6MBeR2d_B2VQdit9o54NwfsFaGW65kijQIYvkKnrrH5lJwCfjQ0-_-FbR7k0QnD58zpRlorAnjS5OinoJNSWrA-VKIqSNVK9C5UC8pKjljjVLG2gaviOZE2qmXRJfaOLZa8faYamndRVMklYTdwVKU-A-Efi20WkqWIquJNDXRIG1fnWmaQa40eLVuNXF5-dTTMsmMEkvr9-DSgB3Ygi61E_-7u4Q_XE0ot5tAGU6NYQXSmt2J_cHCLoHDOXVl-lqtlCPBQIzzDWOJZESzaXSX0mm7d6PtIfo2ssQC9tSxiFzRpcErbngmYLQozxWLItQ55mgZtQZj4NWdGDckE8CCgUZGNfoFJdeLh-l-1Q9uMnzYJIrA35BZFV1kmt_042QeR-3ifFHrESXab3HXx45G0g5TfvB4RShX0uKcVFzEvmM3NRhKBGBBMhBYEF04f5R2umV8CWoawdiQ7lgN_xtGMTpCz-ZtWI7fsUPf8IN1zuoyiU9oI0RYTehXLot-6Cx-ImhbnA5ti_NB26KDAN1L-udc6QrNbpPK9Hn-YMQSvOLw8uvlBog2l8-xGMeaIq3cvpPZQ8IgMumNp62ILrjEVu1KixDgVAlBagMpap8idtvA6LZa8vazsLbYo80OZzpcd12ku9lTyxwHEWPCOlNsc0xUd_gOCuoO30Ex3eE7MqQ7EoYj-v6b1n57LP2Ncsn3ySGfzrZzth89fRzgqr1rn5xp7s-Xae7PUkTfN7nHKkY2z15EptZOA8zFprcaSvzPrF7vC81a84rozXRQtAEB1AIL0ju2f1_aCEx4c--2dn_-wA4h3mpMn_DQHyUUmjNfv2vOsIWqFs5eVIllJY3D8hqInSyu0CzX03h04CYe2-biIXThLbziTYrI0qq3OoB2PROKfg1iO2d9_CaZJW5XPtuS_2Fb8vij55XeXU5OFo_nSxaP3xGLSR_sjh9l3N4NDkfv9g9HEaq4bOfB86QdUb5_7xYenA8SLkHjkhclGDtSE71KNWCZVbU_8lugBmurCTYVCdjWYfX3OoI3U9aqKvX52yjB2WGo2DFk5g3pDJeiWaTcpGuodvL-Bjz2YPQVyB6m38_q_aDqPUvTWhAKpRIM9EGV0R7HoJ8vHs754oH-RGmQnp4G6fnSID1Lz0SPmPKzsRl3OPOckHbeCAiPEoF21_T1CEHAingzC1iBmE-fuhNJrDQvuGx54vXpYDwMetftWO-6ikeph_skC8WQJdo2VBsBz6_6td7k1WPrJLl-vB2UBZK9IalDDxFU5nwNLI7gvzGXzGXZm1cBvc9rqOZV6Fs7Noq0PD8uhmFQX1coJhithHyfEpqK7rapHvwQOzxvNXIbG8Y_un55gm-TL1fI_Z520kXF5WRxl9TrK0SJoJNZkqxeEPYzyyZOug30lqRsSfr5ou2lX30LwP3FjGugzZWa5v2kavNjYr6pEg-P_MUHRf67PglVXRJXQ_Vj_xC-vvO95835GG9-3wf3QkbRfc-ynca0GaRd997f9jbNa52w8ce9T2k69AoYX1bHDCQC5xETicB5xEgicJ40kwgyhsvlcry5orVt53WKFcdbrwTCvBqOaHMi3oMsGPEeZMOI90grRlKG7ciHv771quHwSA6SxXPW9zwgtnbPM5qh6n87a94AvCYAAA"],"sourcesContent":["._1vbcevx0 {\n width: 328px;\n max-width: 100%;\n padding: 12px;\n color: rgb(var(--md-sys-color-on-surface));\n}\n._1vbcevx1 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n height: 48px;\n padding-left: 12px;\n padding-right: 4px;\n}\n._1vbcevx2 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n border-radius: var(--md-sys-shape-full);\n overflow: hidden;\n color: rgb(var(--md-sys-color-on-surface-variant));\n cursor: pointer;\n outline: none;\n border: 0;\n background: transparent;\n}\n._1vbcevx2::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._1vbcevx2:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1vbcevx2:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._1vbcevx2:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1vbcevx2:disabled {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n pointer-events: none;\n}\n._1vbcevx2:disabled::before {\n opacity: 0;\n}\n._1vbcevx2 > svg {\n width: 24px;\n height: 24px;\n}\n._1vbcevx3 {\n position: relative;\n display: inline-flex;\n align-items: center;\n gap: 4px;\n height: 36px;\n padding-inline: 12px;\n border-radius: var(--md-sys-shape-full);\n overflow: hidden;\n color: rgb(var(--md-sys-color-on-surface-variant));\n cursor: pointer;\n outline: none;\n border: 0;\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}\n._1vbcevx3::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._1vbcevx3:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1vbcevx3:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._1vbcevx3 > svg {\n transition: transform 150ms;\n}\n._1vbcevx3[data-view=\"years\"] > svg {\n transform: rotate(180deg);\n}\n._1vbcevx4 {\n margin-top: 8px;\n border-collapse: collapse;\n}\n._1vbcevx4 td {\n padding: 0;\n text-align: center;\n}\n._1vbcevx6 {\n width: 48px;\n height: 48px;\n color: rgb(var(--md-sys-color-on-surface-variant));\n font-family: var(--md-sys-typescale-body-large-font);\n font-weight: var(--md-sys-typescale-body-large-weight);\n font-size: var(--md-sys-typescale-body-large-size);\n line-height: var(--md-sys-typescale-body-large-line-height);\n letter-spacing: var(--md-sys-typescale-body-large-tracking);\n}\n._1vbcevx7 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 48px;\n height: 48px;\n border-radius: var(--md-sys-shape-full);\n overflow: hidden;\n color: rgb(var(--md-sys-color-on-surface));\n cursor: pointer;\n outline: none;\n border: 0;\n background: transparent;\n font-family: var(--md-sys-typescale-body-large-font);\n font-weight: var(--md-sys-typescale-body-large-weight);\n font-size: var(--md-sys-typescale-body-large-size);\n line-height: var(--md-sys-typescale-body-large-line-height);\n letter-spacing: var(--md-sys-typescale-body-large-tracking);\n}\n._1vbcevx7::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 border-radius: var(--md-sys-shape-full);\n}\n._1vbcevx7:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1vbcevx7:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._1vbcevx7:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1vbcevx7[data-today] {\n box-shadow: inset 0 0 0 1px rgb(var(--md-sys-color-primary));\n}\n._1vbcevx7[data-selected] {\n background: rgb(var(--md-sys-color-primary));\n color: rgb(var(--md-sys-color-on-primary));\n}\n._1vbcevx7[data-disabled] {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n pointer-events: none;\n}\n._1vbcevx7[data-disabled]::before {\n opacity: 0;\n}\n._1vbcevx8 {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 8px;\n max-height: 280px;\n overflow-y: auto;\n padding-inline: 12px;\n padding-block: 8px;\n}\n._1vbcevx9 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 36px;\n border-radius: var(--md-sys-shape-full);\n overflow: hidden;\n color: rgb(var(--md-sys-color-on-surface-variant));\n cursor: pointer;\n outline: none;\n border: 0;\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}\n._1vbcevx9::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._1vbcevx9:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1vbcevx9:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._1vbcevx9[data-selected] {\n background: rgb(var(--md-sys-color-primary));\n color: rgb(var(--md-sys-color-on-primary));\n}\n._1vbcevxa {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n height: 56px;\n padding-left: 16px;\n padding-right: 4px;\n min-width: 200px;\n background: rgb(var(--md-sys-color-surface-container-highest));\n color: rgb(var(--md-sys-color-on-surface));\n border-top-left-radius: var(--md-sys-shape-extra-small);\n border-top-right-radius: var(--md-sys-shape-extra-small);\n border-bottom: 1px solid rgb(var(--md-sys-color-on-surface-variant));\n}\n._1vbcevxb {\n flex: 1;\n min-width: 0;\n height: 100%;\n background: transparent;\n border: 0;\n outline: none;\n color: rgb(var(--md-sys-color-on-surface));\n font-family: var(--md-sys-typescale-body-large-font);\n font-weight: var(--md-sys-typescale-body-large-weight);\n font-size: var(--md-sys-typescale-body-large-size);\n line-height: var(--md-sys-typescale-body-large-line-height);\n letter-spacing: var(--md-sys-typescale-body-large-tracking);\n}\n._1vbcevxb::placeholder {\n color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1vbcevxc {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n border-radius: var(--md-sys-shape-full);\n overflow: hidden;\n color: rgb(var(--md-sys-color-on-surface-variant));\n cursor: pointer;\n outline: none;\n border: 0;\n background: transparent;\n}\n._1vbcevxc::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._1vbcevxc:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1vbcevxc:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._1vbcevxc:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1vbcevxc > svg {\n width: 24px;\n height: 24px;\n}\n._1vbcevxd {\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-large);\n box-shadow: var(--md-sys-elevation-level2);\n transform-origin: var(--transform-origin);\n outline: none;\n transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);\n}\n._1vbcevxd[data-starting-style] {\n opacity: 0;\n transform: scale(0.95);\n}\n._1vbcevxd[data-ending-style] {\n opacity: 0;\n}\n._1vbcevxe {\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._1vbcevxe[data-starting-style], ._1vbcevxe[data-ending-style] {\n opacity: 0;\n}\n._1vbcevxf {\n position: fixed;\n left: 50%;\n top: 50%;\n z-index: 50;\n transform: translate(-50%, -50%);\n width: min(360px, calc(100vw - 48px));\n max-height: calc(100vh - 48px);\n overflow: auto;\n display: flex;\n flex-direction: column;\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 outline: none;\n transition: opacity 200ms var(--md-sys-motion-easing-emphasized), transform 200ms var(--md-sys-motion-easing-emphasized);\n}\n._1vbcevxf[data-starting-style], ._1vbcevxf[data-ending-style] {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.95);\n}\n._1vbcevxg {\n padding-inline: 24px;\n padding-top: 16px;\n margin: 0;\n color: rgb(var(--md-sys-color-on-surface-variant));\n font-family: var(--md-sys-typescale-label-medium-font);\n font-weight: var(--md-sys-typescale-label-medium-weight);\n font-size: var(--md-sys-typescale-label-medium-size);\n line-height: var(--md-sys-typescale-label-medium-line-height);\n letter-spacing: var(--md-sys-typescale-label-medium-tracking);\n}\n._1vbcevxh {\n padding-inline: 24px;\n padding-top: 4px;\n padding-bottom: 16px;\n margin: 0;\n color: rgb(var(--md-sys-color-on-surface));\n font-family: var(--md-sys-typescale-headline-large-font);\n font-weight: var(--md-sys-typescale-headline-large-weight);\n font-size: var(--md-sys-typescale-headline-large-size);\n line-height: var(--md-sys-typescale-headline-large-line-height);\n letter-spacing: var(--md-sys-typescale-headline-large-tracking);\n}\n._1vbcevxi {\n display: flex;\n justify-content: flex-end;\n gap: 8px;\n padding-inline: 24px;\n padding-bottom: 16px;\n padding-top: 8px;\n}"],"mappings":"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","names":[]}
@@ -0,0 +1,9 @@
1
+ import { createDatePicker } from '@m3-baseui/core';
2
+
3
+ /**
4
+ * date-picker.ts — wires the VE styles into the shared parts factory.
5
+ */
6
+
7
+ declare const DatePicker: ReturnType<typeof createDatePicker>;
8
+
9
+ export { DatePicker };