npm - @m3-baseui/react-vanilla-extract - Versions diffs - 1.3.0 → 1.4.0 - Mend

@m3-baseui/react-vanilla-extract 1.3.0 → 1.4.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 (32) hide show

package/dist/dialog.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* vanilla-extract-css-ns:src/dialog.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51U226jMBB9z1fMS6UgxVlyq1L3U1ar1QQPYNUXZJsEuuq_r2xyIZGqJnkBMz5nxnPmmPnfRbfd6lDl8G8C0Fgvg7SGQyk7Eu8TAGk8BQ55XH8yaQR1HNbpc4fFR-VsawQHV-2me3RTxrRgvvessMo65gsndQa_IJ-vllkkBYfmVMQ2WMjQwzLPtYcrurYRwgi9NBXzAY1AJ7L3yddkfj7zb4EB46YLA6pX9GcGtwAy4rKd-jwWTm2NEi6-E0FRGThs8pfUgW3O67Mim_zcXGmd5sNSYaAp2-QvM4jPJMBBilBz0NJMN695082gQFVMF3m-PwCD9bbpsgTU2LGaZFUHfoHUJ0hE2D25UtkDB2yDjREhfaOw51Aq6mIgvpmQjoqhpcKqVpu4U2HDYfHaJFiDImrEYbkeAvfMtnUlFsQKawJKQ47VsqqHsyfEt0xrTuQBvbNOkGMOhWw9vzaCr7EhRl1wyBS6io6MLu6I2PsVnBTtMVlH0Z7UKrsaC7NOVtKcOLfx5w1KuqnRy08S2exS7iFeGmgblDTEwVhD19b8yeuLe7z-s0PBF6homs_fNteXbZmSaXRJv5SrtCawErVU_c0UQt9QSsRqQhFbYl6jUixSsjP3cHT3fdwBfWFH2e7lRmxiplj9UN0RZUhBIZBjPuoar8x9WYLD4kOa6uHrMZrB6rkZ7KzomSYhW_3YAMbEh9QfEx-Sfkx8UvdxiqdEZ3t0Ek24EX-dxD__YKVJ5xv-s1__AZLbHLBIBwAA */
+/* vanilla-extract-css-ns:src/dialog.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51W7W7bOgz936cQBhSIL6rOSZsuc7H7IhfDBWPRNldZMiQlcTrs3QfRTv3RdU36J3EkHpE6hzzO7f_LdrOpQ5mKn1dCNNZTIGsyUVCL6vFKCDIeQybS-PwsyShsM3HPP7eQP5XO7ozKhCu3iz24hZS1kv7oZW61ddLnjupEfBbp7d0qiaDgwJyS2AZyCkexStPaiwm8tjFEIngypfQBjAKnkserX1e3LzX_pyBA3HShizpq_H4j5gFo1LDN9-wT87VGBy7fImFrW-npmUyZia11Cp3c2nZCyZopsXt0hbaHTMAu2LiiyDcajpkoNDIifktFDvMuSW71rjZxhyl7k0prpN-5AnJMBiIL62ppHZVksp7A-frHWce6qcDTM6rkZkh3EY452QVNBjNhrMEp31kFftGrqG349kkRaFtKyq359D1hOQK2QYKmMnKFJqCbnLHiII1FiBpc82VtMzyfys66Rw0BF3KdXt-I-MkFHkiFKhM1mcX6IW3aG5GDzhfLNN0fhBT3m6btKK_JyD54tUkblrOGVlZIZRWyAVadYDGihCYTy4cuvAGluI1W993COUPUyS5zawKQQScrKquupL4bHSja-Wyqiq-gQYltcCA1uBKTl16uQMUmnYSjxj2wjhr3qO-mw7Z6b9hW5wzb-4IIn4PGRXr7dT0t4I4PG9tRLwXrFH-fZGAFTtr0QV3vveLrbB8bJm9c0nuc3F1oQPe8-coyuPslBaz9MAN9Y21mfZWeVk5srPvOY9_xlSPz9Drtv-KfzIRK5hVptVh1k8eI0sVGWc7af2Z2FSmF7GE8rcMGak2NJ89yVRRQ-gZy9oKDg2ZSxXp6eTLRNeSUA4-6GFPwd8v0mNv43jjOdHvgTDU4tk2-S2FNkAXUpI-zsQjHBrknZYWguCZfg9YyQpIX7KGn-zxsFz2go1uei42xjOS16qK8I0h3BIaAjkXh7jnvlOAgfyJTJpe-tUYafPmYBlurjrJGRbv6MgHGwIvYHwMvon4M_CDv4yM-RLrcgyMwYUb-hsl_8cvOIAY7vX6cS9PZ5kmnmZOc5aD9v4A3Cvr6Z-P7sfOBiiO_-dCEbiPa6Zmu2N1B8h8CXhqlhL_Yza_f_t7oHRgLAAA */
 ._1x88mtg0 {
   position: fixed;
   inset: 0;
@@ -12,31 +12,70 @@
 }
 ._1x88mtg1 {
   position: fixed;
+  box-sizing: border-box;
+  z-index: 50;
+  overflow: auto;
+  display: flex;
+  flex-direction: column;
+  color: rgb(var(--md-sys-color-on-surface));
+  transform-origin: var(--transform-origin);
+  transition: opacity 200ms var(--md-sys-motion-easing-emphasized), transform 200ms var(--md-sys-motion-easing-emphasized);
+  outline: none;
+}
+._1x88mtg1:has([data-slot=dialog-icon]) {
+  text-align: center;
+}
+._1x88mtg2 {
   left: 50%;
   top: 50%;
-  z-index: 50;
   transform: translate(-50%, -50%);
   width: min(560px, calc(100vw - 48px));
+  min-width: 280px;
   max-height: calc(100vh - 48px);
-  overflow: auto;
-  display: flex;
-  flex-direction: column;
   gap: 16px;
   padding: 24px;
   background: rgb(var(--md-sys-color-surface-container-high));
-  color: rgb(var(--md-sys-color-on-surface));
   border-radius: var(--md-sys-shape-extra-large);
   box-shadow: var(--md-sys-elevation-level3);
-  transform-origin: var(--transform-origin);
-  transition: opacity 200ms var(--md-sys-motion-easing-emphasized), transform 200ms var(--md-sys-motion-easing-emphasized);
-  outline: none;
 }
-._1x88mtg1[data-starting-style],
-._1x88mtg1[data-ending-style] {
+._1x88mtg2[data-starting-style],
+._1x88mtg2[data-ending-style] {
   opacity: 0;
   transform: translate(-50%, -50%) scale(0.95);
 }
-._1x88mtg2 {
+._1x88mtg3 {
+  inset: 0;
+  width: 100vw;
+  height: 100vh;
+  max-width: none;
+  border-radius: 0;
+  background: rgb(var(--md-sys-color-surface));
+}
+._1x88mtg3[data-starting-style],
+._1x88mtg3[data-ending-style] {
+  opacity: 0;
+}
+._1x88mtg4 {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 0 8px;
+  height: 56px;
+  flex-shrink: 0;
+}
+._1x88mtg4 > *:nth-child(2) {
+  flex-grow: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._1x88mtg5 {
+  display: inline-flex;
+  align-self: center;
+  color: rgb(var(--md-sys-color-secondary));
+}
+._1x88mtg6 {
   margin: 0;
   font-family: var(--md-sys-typescale-headline-small-font);
   font-weight: var(--md-sys-typescale-headline-small-weight);
@@ -45,7 +84,7 @@
   letter-spacing: var(--md-sys-typescale-headline-small-tracking);
   color: rgb(var(--md-sys-color-on-surface));
 }
-._1x88mtg3 {
+._1x88mtg7 {
   margin: 0;
   font-family: var(--md-sys-typescale-body-medium-font);
   font-weight: var(--md-sys-typescale-body-medium-weight);
@@ -54,7 +93,22 @@
   letter-spacing: var(--md-sys-typescale-body-medium-tracking);
   color: rgb(var(--md-sys-color-on-surface-variant));
 }
-._1x88mtg4 {
+._1x88mtg8 {
+  height: 1px;
+  width: 100%;
+  margin: 0;
+  border: 0;
+  flex-shrink: 0;
+  background: rgb(var(--md-sys-color-outline-variant));
+}
+._1x88mtg9 {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 8px;
+  margin-top: 8px;
+}
+._1x88mtga {
   display: inline-flex;
 }
 /*# sourceMappingURL=dialog.css.map */

package/dist/dialog.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["vanilla-extract-css-ns:src/dialog.css.ts.vanilla.css?source=#~~H4sIAAAAAAAAA51U226jMBB9z1fMS6UgxVlyq1L3U1ar1QQPYNUXZJsEuuq_r2xyIZGqJnkBMz5nxnPmmPnfRbfd6lDl8G8C0Fgvg7SGQyk7Eu8TAGk8BQ55XH8yaQR1HNbpc4fFR~~-~~VsawQHV~~-~~2me3RTxrRgvvessMo65gsndQa_IJ~~-~~vllkkBYfmVMQ2WMjQwzLPtYcrurYRwgi9NBXzAY1AJ7L3yddkfj7zb4EB46YLA6pX9GcGtwAy4rKd~~-~~jwWTm2NEi6~~-~~E0FRGThs8pfUgW3O67Mim_zcXGmd5sNSYaAp2~~-~~QvM4jPJMBBilBz0NJMN695082gQFVMF3m~~-PwCD9bbpsgTU2LGaZFUHfoHUJ0hE2D25UtkDB2yDjREhfaOw51Aq6mIgvpmQjoqhpcKqVpu4U2HDYfHaJFiDImrEYbkeAvfMtnUlFsQKawJKQ47VsqqHsyfEt0xrTuQBvbNOkGMOhWw9vzaCr7EhRl1wyBS6io6MLu6I2PsVnBTtMVlH0Z7UKrsaC7NOVtKcOLfx5w1KuqnRy08S2exS7iFeGmgblDTEwVhD19b8yeuLe7z-~~s0PBF6homs_fNteXbZmSaXRJv5SrtCawErVU_c0UQt9QSsRqQhFbYl6jUixSsjP3cHT3fdwBfWFH2e7lRmxiplj9UN0RZUhBIZBjPuoar8x9WYLD4kOa6uHrMZrB6rkZ7KzomSYhW_3YAMbEh9QfEx~~-~~Sfkx8UvdxiqdEZ3t0Ek24EX~~-~~dxD__YKVJ5xv~~-~~s1__AZLbHLBIBwAA~~"],"sourcesContent":["._1x88mtg0 {\n position: fixed;\n inset: 0;\n z-index: 40;\n background: rgb(var(--md-sys-color-scrim) / 0.32);\n transition: opacity 200ms var(--md-sys-motion-easing-standard);\n}\n._1x88mtg0[data-starting-style], ._1x88mtg0[data-ending-style] {\n opacity: 0;\n}\n._1x88mtg1 {\n position: fixed;\n ~~left~~: 50~~%;\~~n ~~top~~: 50%;\n ~~z-index~~: 50;\n transform: translate(-50%, -50%);\n width: min(560px, calc(100vw - 48px));\n max-height: calc(100vh - 48px);\n ~~overflow: auto;\n display: flex;\n flex-direction: column;\n~~ gap: 16px;\n padding: 24px;\n background: rgb(var(--md-sys-color-surface-container-high));\n ~~color: rgb(var(--md-sys-color-on-surface));\n~~ border-radius: var(--md-sys-shape-extra-large);\n box-shadow: var(--md-sys-elevation-level3);\n transform~~-origin~~: ~~var~~(~~--transform~~-~~origin~~);\n ~~transition~~: ~~opacity~~ ~~200ms~~ ~~var(--md~~-~~sys~~-~~motion-easing-emphasized),~~ ~~transform~~ ~~200ms~~ var(--md-sys-~~motion~~-~~easing-emphasized~~);\n ~~outline: none;\n~~}\n.~~_1x88mtg1~~[data-starting-style], .~~_1x88mtg1~~[data-ending-style] {\n opacity: 0;\n ~~transform~~: ~~translate(~~-~~50%,~~ -~~50%~~) ~~scale(~~0.95);\n}\n.~~_1x88mtg2~~ {\n margin: 0;\n font-family: var(--md-sys-typescale-headline-small-font);\n font-weight: var(--md-sys-typescale-headline-small-weight);\n font-size: var(--md-sys-typescale-headline-small-size);\n line-height: var(--md-sys-typescale-headline-small-line-height);\n letter-spacing: var(--md-sys-typescale-headline-small-tracking);\n color: rgb(var(--md-sys-color-on-surface));\n}\n.~~_1x88mtg3~~ {\n margin: 0;\n font-family: var(--md-sys-typescale-body-medium-font);\n font-weight: var(--md-sys-typescale-body-medium-weight);\n font-size: var(--md-sys-typescale-body-medium-size);\n line-height: var(--md-sys-typescale-body-medium-line-height);\n letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n color: rgb(var(--md-sys-color-on-surface-variant));\n}\n.~~_1x88mtg4~~ {\n display: inline-flex;\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,SAAO;AACP,WAAS;AACT,cAAY,IAAI,IAAI,sBAAsB,EAAE;AAC5C,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CAPC,SAOS,CAAC;AAAsB,CAPhC,SAO0C,CAAC;AAC1C,WAAS;AACX;AACA,CAAC;AACC,YAAU;AACV,QAAM;AACN,OAAK;AACL,~~WAAS;AACT,~~aAAW,UAAU,IAAI,EAAE;AAC3B,SAAO,IAAI,KAAK,EAAE,KAAK,MAAM,EAAE;AAC/B,cAAY,KAAK,MAAM,EAAE;AACzB,~~YAAU;AACV,WAAS;AACT,kBAAgB;AAChB,~~OAAK;AACL,WAAS;AACT,cAAY,IAAI,IAAI;AACpB,~~SAAO,IAAI,IAAI;AACf,~~iBAAe,IAAI;AACnB,cAAY,IAAI;~~AAChB~~,~~oBAAkB~~,~~IAAI~~;~~AACtB~~,~~cAAY~~,~~QAAQ~~,~~MAAM~~,IAAI,~~kCAAkC,~~EAAE,~~UAAU~~,MAAM,~~IAAI~~;~~AACtF~~,~~WAAS~~;AACX;AACA,~~CArBC~~,~~SAqBS~~,CAAC;AAAsB,~~CArBhC~~,~~SAqB0C~~,CAAC;AAC1C,WAAS;AACT,~~aAAW~~,~~UAAU~~,~~IAAI~~,EAAE,~~MAAM~~,~~MAAM~~;~~AACzC~~;AACA,CAAC;AACC,UAAQ;AACR,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,UAAQ;AACR,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,WAAS;AACX;","names":[]}
1	+ {"version":3,"sources":["vanilla-extract-css-ns:src/dialog.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51W7W7bOgz936cQBhSIL6rOSZsuc7H7IhfDBWPRNldZMiQlcTrs3QfRTv3RdU36J3EkHpE6hzzO7f_LdrOpQ5mKn1dCNNZTIGsyUVCL6vFKCDIeQybS-PwsyShsM3HPP7eQP5XO7ozKhCu3iz24hZS1kv7oZW61ddLnjupEfBbp7d0qiaDgwJyS2AZyCkexStPaiwm8tjFEIngypfQBjAKnkserX1e3LzX_pyBA3HShizpq_H4j5gFo1LDN9-wT87VGBy7fImFrW-npmUyZia11Cp3c2nZCyZopsXt0hbaHTMAu2LiiyDcajpkoNDIifktFDvMuSW71rjZxhyl7k0prpN-5AnJMBiIL62ppHZVksp7A-frHWce6qcDTM6rkZkh3EY452QVNBjNhrMEp31kFftGrqG349kkRaFtKyq359D1hOQK2QYKmMnKFJqCbnLHiII1FiBpc82VtMzyfys66Rw0BF3KdXt-I-MkFHkiFKhM1mcX6IW3aG5GDzhfLNN0fhBT3m6btKK_JyD54tUkblrOGVlZIZRWyAVadYDGihCYTy4cuvAGluI1W993COUPUyS5zawKQQScrKquupL4bHSja-Wyqiq-gQYltcCA1uBKTl16uQMUmnYSjxj2wjhr3qO-mw7Z6b9hW5wzb-4IIn4PGRXr7dT0t4I4PG9tRLwXrFH-fZGAFTtr0QV3vveLrbB8bJm9c0nuc3F1oQPe8-coyuPslBaz9MAN9Y21mfZWeVk5srPvOY9_xlSPz9Drtv-KfzIRK5hVptVh1k8eI0sVGWc7af2Z2FSmF7GE8rcMGak2NJ89yVRRQ-gZy9oKDg2ZSxXp6eTLRNeSUA4-6GFPwd8v0mNv43jjOdHvgTDU4tk2-S2FNkAXUpI-zsQjHBrknZYWguCZfg9YyQpIX7KGn-zxsFz2go1uei42xjOS16qK8I0h3BIaAjkXh7jnvlOAgfyJTJpe-tUYafPmYBlurjrJGRbv6MgHGwIvYHwMvon4M_CDv4yM-RLrcgyMwYUb-hsl_8cvOIAY7vX6cS9PZ5kmnmZOc5aD9v4A3Cvr6Z-P7sfOBiiO_-dCEbiPa6Zmu2N1B8h8CXhqlhL_Yza_f_t7oHRgLAAA"],"sourcesContent":["._1x88mtg0 {\n position: fixed;\n inset: 0;\n z-index: 40;\n background: rgb(var(--md-sys-color-scrim) / 0.32);\n transition: opacity 200ms var(--md-sys-motion-easing-standard);\n}\n._1x88mtg0[data-starting-style], ._1x88mtg0[data-ending-style] {\n opacity: 0;\n}\n._1x88mtg1 {\n position: fixed;\n box-sizing: border-box;\n z-index: 50;\n overflow: auto;\n display: flex;\n flex-direction: column;\n color: rgb(var(--md-sys-color-on-surface));\n transform-origin: var(--transform-origin);\n transition: opacity 200ms var(--md-sys-motion-easing-emphasized), transform 200ms var(--md-sys-motion-easing-emphasized);\n outline: none;\n}\n._1x88mtg1:has([data-slot=\"dialog-icon\"]) {\n text-align: center;\n}\n._1x88mtg2 {\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: min(560px, calc(100vw - 48px));\n min-width: 280px;\n max-height: calc(100vh - 48px);\n gap: 16px;\n padding: 24px;\n background: rgb(var(--md-sys-color-surface-container-high));\n border-radius: var(--md-sys-shape-extra-large);\n box-shadow: var(--md-sys-elevation-level3);\n}\n._1x88mtg2[data-starting-style], ._1x88mtg2[data-ending-style] {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.95);\n}\n._1x88mtg3 {\n inset: 0;\n width: 100vw;\n height: 100vh;\n max-width: none;\n border-radius: 0;\n background: rgb(var(--md-sys-color-surface));\n}\n._1x88mtg3[data-starting-style], ._1x88mtg3[data-ending-style] {\n opacity: 0;\n}\n._1x88mtg4 {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 0 8px;\n height: 56px;\n flex-shrink: 0;\n}\n._1x88mtg4 > *:nth-child(2) {\n flex-grow: 1;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n._1x88mtg5 {\n display: inline-flex;\n align-self: center;\n color: rgb(var(--md-sys-color-secondary));\n}\n._1x88mtg6 {\n margin: 0;\n font-family: var(--md-sys-typescale-headline-small-font);\n font-weight: var(--md-sys-typescale-headline-small-weight);\n font-size: var(--md-sys-typescale-headline-small-size);\n line-height: var(--md-sys-typescale-headline-small-line-height);\n letter-spacing: var(--md-sys-typescale-headline-small-tracking);\n color: rgb(var(--md-sys-color-on-surface));\n}\n._1x88mtg7 {\n margin: 0;\n font-family: var(--md-sys-typescale-body-medium-font);\n font-weight: var(--md-sys-typescale-body-medium-weight);\n font-size: var(--md-sys-typescale-body-medium-size);\n line-height: var(--md-sys-typescale-body-medium-line-height);\n letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1x88mtg8 {\n height: 1px;\n width: 100%;\n margin: 0;\n border: 0;\n flex-shrink: 0;\n background: rgb(var(--md-sys-color-outline-variant));\n}\n._1x88mtg9 {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: 8px;\n margin-top: 8px;\n}\n._1x88mtga {\n display: inline-flex;\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,SAAO;AACP,WAAS;AACT,cAAY,IAAI,IAAI,sBAAsB,EAAE;AAC5C,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CAPC,SAOS,CAAC;AAAsB,CAPhC,SAO0C,CAAC;AAC1C,WAAS;AACX;AACA,CAAC;AACC,YAAU;AACV,cAAY;AACZ,WAAS;AACT,YAAU;AACV,WAAS;AACT,kBAAgB;AAChB,SAAO,IAAI,IAAI;AACf,oBAAkB,IAAI;AACtB,cAAY,QAAQ,MAAM,IAAI,kCAAkC,EAAE,UAAU,MAAM,IAAI;AACtF,WAAS;AACX;AACA,CAZC,SAYS,KAAK,CAAC;AACd,cAAY;AACd;AACA,CAAC;AACC,QAAM;AACN,OAAK;AACL,aAAW,UAAU,IAAI,EAAE;AAC3B,SAAO,IAAI,KAAK,EAAE,KAAK,MAAM,EAAE;AAC/B,aAAW;AACX,cAAY,KAAK,MAAM,EAAE;AACzB,OAAK;AACL,WAAS;AACT,cAAY,IAAI,IAAI;AACpB,iBAAe,IAAI;AACnB,cAAY,IAAI;AAClB;AACA,CAbC,SAaS,CAAC;AAAsB,CAbhC,SAa0C,CAAC;AAC1C,WAAS;AACT,aAAW,UAAU,IAAI,EAAE,MAAM,MAAM;AACzC;AACA,CAAC;AACC,SAAO;AACP,SAAO;AACP,UAAQ;AACR,aAAW;AACX,iBAAe;AACf,cAAY,IAAI,IAAI;AACtB;AACA,CARC,SAQS,CAAC;AAAsB,CARhC,SAQ0C,CAAC;AAC1C,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,WAAS,EAAE;AACX,UAAQ;AACR,eAAa;AACf;AACA,CARC,UAQU,EAAE,CAAC;AACZ,aAAW;AACX,aAAW;AACX,YAAU;AACV,iBAAe;AACf,eAAa;AACf;AACA,CAAC;AACC,WAAS;AACT,cAAY;AACZ,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,UAAQ;AACR,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,UAAQ;AACR,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,UAAQ;AACR,SAAO;AACP,UAAQ;AACR,UAAQ;AACR,eAAa;AACb,cAAY,IAAI,IAAI;AACtB;AACA,CAAC;AACC,WAAS;AACT,mBAAiB;AACjB,eAAa;AACb,OAAK;AACL,cAAY;AACd;AACA,CAAC;AACC,WAAS;AACX;","names":[]}

package/dist/dialog.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import * as _m3_baseui_core from '@m3-baseui/core';
 import * as react from 'react';
 import * as _base_ui_react from '@base-ui/react';
@@ -6,9 +7,13 @@ declare const Dialog: {
     Trigger: _base_ui_react.DialogTrigger;
     Portal: react.ForwardRefExoticComponent<Omit<_base_ui_react.AlertDialogPortalProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
     Backdrop: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogBackdropProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
-    Popup: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogPopupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
+    Popup: react.ForwardRefExoticComponent<Omit<_m3_baseui_core.DialogPopupOwnProps & Omit<_base_ui_react.AlertDialogPopupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    Icon: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLSpanElement> & react.RefAttributes<HTMLSpanElement>>;
+    Header: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
     Title: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogTitleProps, "ref"> & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<unknown>>;
     Description: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogDescriptionProps, "ref"> & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<unknown>>;
+    Divider: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLHRElement> & react.RefAttributes<HTMLHRElement>>;
+    Actions: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
     Close: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogCloseProps, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<unknown>>;
 };

package/dist/dialog.js CHANGED Viewed

@@ -5,14 +5,29 @@ import { createDialog } from '@m3-baseui/core';
 // src/dialog.ts
 // src/dialog.css.ts
+var actions = "_1x88mtg9";
 var backdrop = "_1x88mtg0";
-var close = "_1x88mtg4";
-var description = "_1x88mtg3";
-var popup = "_1x88mtg1";
-var title = "_1x88mtg2";
+var close = "_1x88mtga";
+var description = "_1x88mtg7";
+var divider = "_1x88mtg8";
+var header = "_1x88mtg4";
+var icon = "_1x88mtg5";
+var popupBasic = "_1x88mtg2 _1x88mtg1";
+var popupFullscreen = "_1x88mtg3 _1x88mtg1";
+var title = "_1x88mtg6";
 // src/dialog.ts
-var Dialog = createDialog({ backdrop, popup, title, description, close });
+var Dialog = createDialog({
+  backdrop,
+  popup: ({ fullscreen }) => fullscreen ? popupFullscreen : popupBasic,
+  header,
+  icon,
+  title,
+  description,
+  divider,
+  actions,
+  close
+});
 export { Dialog };
 //# sourceMappingURL=dialog.js.map

package/dist/dialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/dialog.css.ts","../src/dialog.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,QAAA,GAAW,WAAA;AACf,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,WAAA,GAAc,WAAA;AAClB,IAAI,~~KAAA~~,~~GAAQ~~,WAAA;~~AACZ~~,IAAI,KAAA,GAAQ,WAAA;;;~~ACCZ~~,IAAM,~~MAAA~~,~~GAAS~~,~~aAAa~~,~~EAAE~~,QAAA,~~EAAU~~,OAAO,KAAA,~~EAAO~~,WAAA,~~EAAa~~,~~OAAO~~","file":"dialog.js","sourcesContent":["import 'src/dialog.css.ts.vanilla.css?source=#~~H4sIAAAAAAAAA51U226jMBB9z1fMS6UgxVlyq1L3U1ar1QQPYNUXZJsEuuq_r2xyIZGqJnkBMz5nxnPmmPnfRbfd6lDl8G8C0Fgvg7SGQyk7Eu8TAGk8BQ55XH8yaQR1HNbpc4fFR~~-~~VsawQHV~~-~~2me3RTxrRgvvessMo65gsndQa_IJ~~-~~vllkkBYfmVMQ2WMjQwzLPtYcrurYRwgi9NBXzAY1AJ7L3yddkfj7zb4EB46YLA6pX9GcGtwAy4rKd~~-~~jwWTm2NEi6~~-~~E0FRGThs8pfUgW3O67Mim_zcXGmd5sNSYaAp2~~-~~QvM4jPJMBBilBz0NJMN695082gQFVMF3m~~-PwCD9bbpsgTU2LGaZFUHfoHUJ0hE2D25UtkDB2yDjREhfaOw51Aq6mIgvpmQjoqhpcKqVpu4U2HDYfHaJFiDImrEYbkeAvfMtnUlFsQKawJKQ47VsqqHsyfEt0xrTuQBvbNOkGMOhWw9vzaCr7EhRl1wyBS6io6MLu6I2PsVnBTtMVlH0Z7UKrsaC7NOVtKcOLfx5w1KuqnRy08S2exS7iFeGmgblDTEwVhD19b8yeuLe7z-~~s0PBF6homs_fNteXbZmSaXRJv5SrtCawErVU_c0UQt9QSsRqQhFbYl6jUixSsjP3cHT3fdwBfWFH2e7lRmxiplj9UN0RZUhBIZBjPuoar8x9WYLD4kOa6uHrMZrB6rkZ7KzomSYhW_3YAMbEh9QfEx~~-~~Sfkx8UvdxiqdEZ3t0Ek24EX~~-~~dxD__YKVJ5xv~~-~~s1__AZLbHLBIBwAA~~';\nexport var backdrop = '_1x88mtg0';\nexport var close = '~~_1x88mtg4~~';\nexport var description = '~~_1x88mtg3~~';\nexport var ~~popup~~ = '_1x88mtg1';\nexport var title = '~~_1x88mtg2~~';","/*\n dialog.ts — wires the VE styles into the shared parts factory.\n */\nimport { createDialog } from '@m3-baseui/core';\nimport { backdrop~~, popup,~~ title, description, close } from './dialog.css';\n\nexport const Dialog = createDialog({ backdrop, popup, title, description, close });\n"]}
1	+ {"version":3,"sources":["../src/dialog.css.ts","../src/dialog.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,OAAA,GAAU,WAAA;AACd,IAAI,QAAA,GAAW,WAAA;AACf,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,WAAA,GAAc,WAAA;AAClB,IAAI,OAAA,GAAU,WAAA;AACd,IAAI,MAAA,GAAS,WAAA;AACb,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,UAAA,GAAa,qBAAA;AACjB,IAAI,eAAA,GAAkB,qBAAA;AACtB,IAAI,KAAA,GAAQ,WAAA;;;ACOZ,IAAM,SAAS,YAAA,CAAa;AAAA,EACjC,QAAA;AAAA,EACA,OAAO,CAAC,EAAE,UAAA,EAAW,KAAO,aAAa,eAAA,GAAkB,UAAA;AAAA,EAC3D,MAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAC","file":"dialog.js","sourcesContent":["import 'src/dialog.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51W7W7bOgz936cQBhSIL6rOSZsuc7H7IhfDBWPRNldZMiQlcTrs3QfRTv3RdU36J3EkHpE6hzzO7f_LdrOpQ5mKn1dCNNZTIGsyUVCL6vFKCDIeQybS-PwsyShsM3HPP7eQP5XO7ozKhCu3iz24hZS1kv7oZW61ddLnjupEfBbp7d0qiaDgwJyS2AZyCkexStPaiwm8tjFEIngypfQBjAKnkserX1e3LzX_pyBA3HShizpq_H4j5gFo1LDN9-wT87VGBy7fImFrW-npmUyZia11Cp3c2nZCyZopsXt0hbaHTMAu2LiiyDcajpkoNDIifktFDvMuSW71rjZxhyl7k0prpN-5AnJMBiIL62ppHZVksp7A-frHWce6qcDTM6rkZkh3EY452QVNBjNhrMEp31kFftGrqG349kkRaFtKyq359D1hOQK2QYKmMnKFJqCbnLHiII1FiBpc82VtMzyfys66Rw0BF3KdXt-I-MkFHkiFKhM1mcX6IW3aG5GDzhfLNN0fhBT3m6btKK_JyD54tUkblrOGVlZIZRWyAVadYDGihCYTy4cuvAGluI1W993COUPUyS5zawKQQScrKquupL4bHSja-Wyqiq-gQYltcCA1uBKTl16uQMUmnYSjxj2wjhr3qO-mw7Z6b9hW5wzb-4IIn4PGRXr7dT0t4I4PG9tRLwXrFH-fZGAFTtr0QV3vveLrbB8bJm9c0nuc3F1oQPe8-coyuPslBaz9MAN9Y21mfZWeVk5srPvOY9_xlSPz9Drtv-KfzIRK5hVptVh1k8eI0sVGWc7af2Z2FSmF7GE8rcMGak2NJ89yVRRQ-gZy9oKDg2ZSxXp6eTLRNeSUA4-6GFPwd8v0mNv43jjOdHvgTDU4tk2-S2FNkAXUpI-zsQjHBrknZYWguCZfg9YyQpIX7KGn-zxsFz2go1uei42xjOS16qK8I0h3BIaAjkXh7jnvlOAgfyJTJpe-tUYafPmYBlurjrJGRbv6MgHGwIvYHwMvon4M_CDv4yM-RLrcgyMwYUb-hsl_8cvOIAY7vX6cS9PZ5kmnmZOc5aD9v4A3Cvr6Z-P7sfOBiiO_-dCEbiPa6Zmu2N1B8h8CXhqlhL_Yza_f_t7oHRgLAAA';\nexport var actions = '_1x88mtg9';\nexport var backdrop = '_1x88mtg0';\nexport var close = '_1x88mtga';\nexport var description = '_1x88mtg7';\nexport var divider = '_1x88mtg8';\nexport var header = '_1x88mtg4';\nexport var icon = '_1x88mtg5';\nexport var popupBasic = '_1x88mtg2 _1x88mtg1';\nexport var popupFullscreen = '_1x88mtg3 _1x88mtg1';\nexport var title = '_1x88mtg6';","/*\n dialog.ts — wires the VE styles into the shared parts factory.\n */\nimport { createDialog } from '@m3-baseui/core';\nimport {\n backdrop,\n popupBasic,\n popupFullscreen,\n header,\n icon,\n title,\n description,\n divider,\n actions,\n close,\n} from './dialog.css';\n\nexport const Dialog = createDialog({\n backdrop,\n popup: ({ fullscreen }) => (fullscreen ? popupFullscreen : popupBasic),\n header,\n icon,\n title,\n description,\n divider,\n actions,\n close,\n});\n"]}

package/dist/index.css CHANGED Viewed

@@ -927,7 +927,7 @@ button:disabled ._1sqif108,
   opacity: 0.8;
 }
-/* vanilla-extract-css-ns:src/tooltip.css.ts.vanilla.css?source=Ll8xOHozN3d6MCB7CiAgYmFja2dyb3VuZDogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1pbnZlcnNlLXN1cmZhY2UpKTsKICBjb2xvcjogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1pbnZlcnNlLW9uLXN1cmZhY2UpKTsKICBmb250LWZhbWlseTogdmFyKC0tbWQtc3lzLXR5cGVzY2FsZS1ib2R5LXNtYWxsLWZvbnQpOwogIGZvbnQtd2VpZ2h0OiB2YXIoLS1tZC1zeXMtdHlwZXNjYWxlLWJvZHktc21hbGwtd2VpZ2h0KTsKICBmb250LXNpemU6IHZhcigtLW1kLXN5cy10eXBlc2NhbGUtYm9keS1zbWFsbC1zaXplKTsKICBsaW5lLWhlaWdodDogdmFyKC0tbWQtc3lzLXR5cGVzY2FsZS1ib2R5LXNtYWxsLWxpbmUtaGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tbWQtc3lzLXR5cGVzY2FsZS1ib2R5LXNtYWxsLXRyYWNraW5nKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtZXh0cmEtc21hbGwpOwogIHBhZGRpbmctaW5saW5lOiA4cHg7CiAgcGFkZGluZy1ibG9jazogNHB4OwogIG1heC13aWR0aDogMjI0cHg7CiAgdXNlci1zZWxlY3Q6IG5vbmU7CiAgdHJhbnNmb3JtLW9yaWdpbjogdmFyKC0tdHJhbnNmb3JtLW9yaWdpbik7CiAgdHJhbnNpdGlvbjogb3BhY2l0eSAxNTBtcyB2YXIoLS1tZC1zeXMtbW90aW9uLWVhc2luZy1zdGFuZGFyZCksIHRyYW5zZm9ybSAxNTBtcyB2YXIoLS1tZC1zeXMtbW90aW9uLWVhc2luZy1zdGFuZGFyZCk7Cn0KLl8xOHozN3d6MFtkYXRhLXN0YXJ0aW5nLXN0eWxlXSwgLl8xOHozN3d6MFtkYXRhLWVuZGluZy1zdHlsZV0gewogIG9wYWNpdHk6IDA7CiAgdHJhbnNmb3JtOiBzY2FsZSgwLjk1KTsKfQouXzE4ejM3d3oxIHsKICBjb2xvcjogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1pbnZlcnNlLXN1cmZhY2UpKTsKfQ */
+/* vanilla-extract-css-ns:src/tooltip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9WVzY7aMBDH7zyFjyCtVyEsW-p9lKqqJvEkWPgjsh0gVPvulZ0sJCnqJrSXXkAaz288Gf9n5vnHenfZfDldEvJzQUgG-aG0ptacEVtmyyPYJaWKU9c4mhtpLBX6iNYhdbUtIMfV6m1BSDz6FDF6SBVGe1qAErJhZMD5pkKXg0SaGd5Qp0BKGtxv3AlFufdTuNbzRjpxwSlc8IuUFBrpfvJ9PfcWR-_RUldBLnQ5JYK3kB-ELiOeGcvRUgtc1G5Euz1USPHsLbRoJCrgXOiSCh1SYWRXnfvmTJr8wMhLa1VwpifB_Z6RNO1stQv5osTcM6KNxmD0FrQrjFXUWFEK_ZHK2L66OgsvjGbEhA_3DVlvE-WG-SsTXCiCC4k5D5qD5aun22UzqLfF--L5qudvHDyEQ-tbr0bi9ycydkDNb8exB7p0GUkGX81IfKZl8vx1O7xqHbFpLdDTfy9CGiNw4SoJDSOFxPgM4Z9yYTFvC5kbWSsdTkqorg84oWe7W2lutAeh0U7p2nG3ZuYc9MbNaSRClHiE-CISjyjTiapVyEWt7gp2_XpXsev0N8lu0qS1mdq37P8p1_Qzuab_TK6bCXK9K5hejJcYQ4GNhU2mDnMvvMRHpnkfnDXO--Csed4HHxzo_RCDiT6n73pF3z5W9LhX2mZ7YIV24Pwd2oHzl2gH_s0W7UI8VHR6BCtA-1HxX_8wok82jOPwG0wgRamp8KgcIzlqj_Y6sncfAyy8IfWm6q3haJJYeEZo9Hv_BR6M_TWdCQAA */
 ._18z37wz0 {
   background: rgb(var(--md-sys-color-inverse-surface));
   color: rgb(var(--md-sys-color-inverse-on-surface));
@@ -952,8 +952,57 @@ button:disabled ._1sqif108,
 ._18z37wz1 {
   color: rgb(var(--md-sys-color-inverse-surface));
 }
+._18z37wz2 {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  background: rgb(var(--md-sys-color-surface-container));
+  color: rgb(var(--md-sys-color-on-surface));
+  box-shadow: var(--md-sys-elevation-level2);
+  border-radius: var(--md-sys-shape-medium);
+  padding-inline: 16px;
+  padding-block: 12px;
+  max-width: 320px;
+  outline: none;
+  transform-origin: var(--transform-origin);
+  transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);
+}
+._18z37wz2[data-starting-style],
+._18z37wz2[data-ending-style] {
+  opacity: 0;
+  transform: scale(0.95);
+}
+._18z37wz3 {
+  color: rgb(var(--md-sys-color-surface-container));
+}
+._18z37wz4 {
+  margin: 0;
+  font-family: var(--md-sys-typescale-title-small-font);
+  font-weight: var(--md-sys-typescale-title-small-weight);
+  font-size: var(--md-sys-typescale-title-small-size);
+  line-height: var(--md-sys-typescale-title-small-line-height);
+  letter-spacing: var(--md-sys-typescale-title-small-tracking);
+  color: rgb(var(--md-sys-color-on-surface));
+}
+._18z37wz5 {
+  margin: 0;
+  font-family: var(--md-sys-typescale-body-medium-font);
+  font-weight: var(--md-sys-typescale-body-medium-weight);
+  font-size: var(--md-sys-typescale-body-medium-size);
+  line-height: var(--md-sys-typescale-body-medium-line-height);
+  letter-spacing: var(--md-sys-typescale-body-medium-tracking);
+  color: rgb(var(--md-sys-color-on-surface-variant));
+}
+._18z37wz6 {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  margin-top: 4px;
+  margin-left: -8px;
+}
-/* vanilla-extract-css-ns:src/dialog.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51U226jMBB9z1fMS6UgxVlyq1L3U1ar1QQPYNUXZJsEuuq_r2xyIZGqJnkBMz5nxnPmmPnfRbfd6lDl8G8C0Fgvg7SGQyk7Eu8TAGk8BQ55XH8yaQR1HNbpc4fFR-VsawQHV-2me3RTxrRgvvessMo65gsndQa_IJ-vllkkBYfmVMQ2WMjQwzLPtYcrurYRwgi9NBXzAY1AJ7L3yddkfj7zb4EB46YLA6pX9GcGtwAy4rKd-jwWTm2NEi6-E0FRGThs8pfUgW3O67Mim_zcXGmd5sNSYaAp2-QvM4jPJMBBilBz0NJMN695082gQFVMF3m-PwCD9bbpsgTU2LGaZFUHfoHUJ0hE2D25UtkDB2yDjREhfaOw51Aq6mIgvpmQjoqhpcKqVpu4U2HDYfHaJFiDImrEYbkeAvfMtnUlFsQKawJKQ47VsqqHsyfEt0xrTuQBvbNOkGMOhWw9vzaCr7EhRl1wyBS6io6MLu6I2PsVnBTtMVlH0Z7UKrsaC7NOVtKcOLfx5w1KuqnRy08S2exS7iFeGmgblDTEwVhD19b8yeuLe7z-s0PBF6homs_fNteXbZmSaXRJv5SrtCawErVU_c0UQt9QSsRqQhFbYl6jUixSsjP3cHT3fdwBfWFH2e7lRmxiplj9UN0RZUhBIZBjPuoar8x9WYLD4kOa6uHrMZrB6rkZ7KzomSYhW_3YAMbEh9QfEx-Sfkx8UvdxiqdEZ3t0Ek24EX-dxD__YKVJ5xv-s1__AZLbHLBIBwAA */
+/* vanilla-extract-css-ns:src/dialog.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51W7W7bOgz936cQBhSIL6rOSZsuc7H7IhfDBWPRNldZMiQlcTrs3QfRTv3RdU36J3EkHpE6hzzO7f_LdrOpQ5mKn1dCNNZTIGsyUVCL6vFKCDIeQybS-PwsyShsM3HPP7eQP5XO7ozKhCu3iz24hZS1kv7oZW61ddLnjupEfBbp7d0qiaDgwJyS2AZyCkexStPaiwm8tjFEIngypfQBjAKnkserX1e3LzX_pyBA3HShizpq_H4j5gFo1LDN9-wT87VGBy7fImFrW-npmUyZia11Cp3c2nZCyZopsXt0hbaHTMAu2LiiyDcajpkoNDIifktFDvMuSW71rjZxhyl7k0prpN-5AnJMBiIL62ppHZVksp7A-frHWce6qcDTM6rkZkh3EY452QVNBjNhrMEp31kFftGrqG349kkRaFtKyq359D1hOQK2QYKmMnKFJqCbnLHiII1FiBpc82VtMzyfys66Rw0BF3KdXt-I-MkFHkiFKhM1mcX6IW3aG5GDzhfLNN0fhBT3m6btKK_JyD54tUkblrOGVlZIZRWyAVadYDGihCYTy4cuvAGluI1W993COUPUyS5zawKQQScrKquupL4bHSja-Wyqiq-gQYltcCA1uBKTl16uQMUmnYSjxj2wjhr3qO-mw7Z6b9hW5wzb-4IIn4PGRXr7dT0t4I4PG9tRLwXrFH-fZGAFTtr0QV3vveLrbB8bJm9c0nuc3F1oQPe8-coyuPslBaz9MAN9Y21mfZWeVk5srPvOY9_xlSPz9Drtv-KfzIRK5hVptVh1k8eI0sVGWc7af2Z2FSmF7GE8rcMGak2NJ89yVRRQ-gZy9oKDg2ZSxXp6eTLRNeSUA4-6GFPwd8v0mNv43jjOdHvgTDU4tk2-S2FNkAXUpI-zsQjHBrknZYWguCZfg9YyQpIX7KGn-zxsFz2go1uei42xjOS16qK8I0h3BIaAjkXh7jnvlOAgfyJTJpe-tUYafPmYBlurjrJGRbv6MgHGwIvYHwMvon4M_CDv4yM-RLrcgyMwYUb-hsl_8cvOIAY7vX6cS9PZ5kmnmZOc5aD9v4A3Cvr6Z-P7sfOBiiO_-dCEbiPa6Zmu2N1B8h8CXhqlhL_Yza_f_t7oHRgLAAA */
 ._1x88mtg0 {
   position: fixed;
   inset: 0;
@@ -967,31 +1016,70 @@ button:disabled ._1sqif108,
 }
 ._1x88mtg1 {
   position: fixed;
+  box-sizing: border-box;
+  z-index: 50;
+  overflow: auto;
+  display: flex;
+  flex-direction: column;
+  color: rgb(var(--md-sys-color-on-surface));
+  transform-origin: var(--transform-origin);
+  transition: opacity 200ms var(--md-sys-motion-easing-emphasized), transform 200ms var(--md-sys-motion-easing-emphasized);
+  outline: none;
+}
+._1x88mtg1:has([data-slot=dialog-icon]) {
+  text-align: center;
+}
+._1x88mtg2 {
   left: 50%;
   top: 50%;
-  z-index: 50;
   transform: translate(-50%, -50%);
   width: min(560px, calc(100vw - 48px));
+  min-width: 280px;
   max-height: calc(100vh - 48px);
-  overflow: auto;
-  display: flex;
-  flex-direction: column;
   gap: 16px;
   padding: 24px;
   background: rgb(var(--md-sys-color-surface-container-high));
-  color: rgb(var(--md-sys-color-on-surface));
   border-radius: var(--md-sys-shape-extra-large);
   box-shadow: var(--md-sys-elevation-level3);
-  transform-origin: var(--transform-origin);
-  transition: opacity 200ms var(--md-sys-motion-easing-emphasized), transform 200ms var(--md-sys-motion-easing-emphasized);
-  outline: none;
 }
-._1x88mtg1[data-starting-style],
-._1x88mtg1[data-ending-style] {
+._1x88mtg2[data-starting-style],
+._1x88mtg2[data-ending-style] {
   opacity: 0;
   transform: translate(-50%, -50%) scale(0.95);
 }
-._1x88mtg2 {
+._1x88mtg3 {
+  inset: 0;
+  width: 100vw;
+  height: 100vh;
+  max-width: none;
+  border-radius: 0;
+  background: rgb(var(--md-sys-color-surface));
+}
+._1x88mtg3[data-starting-style],
+._1x88mtg3[data-ending-style] {
+  opacity: 0;
+}
+._1x88mtg4 {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 0 8px;
+  height: 56px;
+  flex-shrink: 0;
+}
+._1x88mtg4 > *:nth-child(2) {
+  flex-grow: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._1x88mtg5 {
+  display: inline-flex;
+  align-self: center;
+  color: rgb(var(--md-sys-color-secondary));
+}
+._1x88mtg6 {
   margin: 0;
   font-family: var(--md-sys-typescale-headline-small-font);
   font-weight: var(--md-sys-typescale-headline-small-weight);
@@ -1000,7 +1088,7 @@ button:disabled ._1sqif108,
   letter-spacing: var(--md-sys-typescale-headline-small-tracking);
   color: rgb(var(--md-sys-color-on-surface));
 }
-._1x88mtg3 {
+._1x88mtg7 {
   margin: 0;
   font-family: var(--md-sys-typescale-body-medium-font);
   font-weight: var(--md-sys-typescale-body-medium-weight);
@@ -1009,7 +1097,22 @@ button:disabled ._1sqif108,
   letter-spacing: var(--md-sys-typescale-body-medium-tracking);
   color: rgb(var(--md-sys-color-on-surface-variant));
 }
-._1x88mtg4 {
+._1x88mtg8 {
+  height: 1px;
+  width: 100%;
+  margin: 0;
+  border: 0;
+  flex-shrink: 0;
+  background: rgb(var(--md-sys-color-outline-variant));
+}
+._1x88mtg9 {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 8px;
+  margin-top: 8px;
+}
+._1x88mtga {
   display: inline-flex;
 }
@@ -2181,7 +2284,7 @@ button:disabled ._1sqif108,
   margin-block: 16px;
 }
-/* vanilla-extract-css-ns:src/progress.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51UTW_bMAy951fwUiA5aLCTrNvcS3_GgGEYGIu2uciSIdLpgqL_fbCcpE76saUnmzQf3yP15Pst7auILQn8ym2Xr9bfMnicAWQ36QGgEb1UIbbF-OpQ6fvc5Fl2s7ibATzNAIbg3fL1c_XT7P4lZ57QGl42iUFRab66zSzVpxafjsBlQnRBWDn4AiI5VN7RUGhZOof7AjYulNsh88BWmyLJHcKGuG60gHX3ZwjDjmLlwkMBDVtLfshtQrQUTUTLvRSwwzg3prVG9mKkwY5M1Tu3uJtqWl1owo0E12vSxF5IC8hSbyy3dQy9twXEejM_a14GF6KRPlZYkimDV2RP0TRcNyS6WHxU3foddRq6o7agGtpD4Ki6QnMXucW4v1Lh4dAPotJBwTLLWjnHtGEoMITCvjai6C1Gez7h8odFRcPeklJs2aPST7hYwMEK69EJU24ffFoGem5xTD1fjaUAoZBhb0KvwL5iz8PyJvyfE8HJfewdezKVo-QydFx7w0qtFFCSV4pD-ncvytU-nTR5nX46Sv062vTk2hRPeV-d-_H1UXLIBQZhGN-aQnb1-ST_ukdjPOlxm_CiMWzpox4f0ea4hIuZv_wPw5kjX-l3Sg77KLEb_jq9t5fGOBRZlCZUlZDC6hqD_gXXJHsLawUAAA */
+/* vanilla-extract-css-ns:src/progress.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51VYW_aMBD9zq84TaoE2jyFQrvNfOnP2DRN0xFfEg_HjuwLHar63yc7gSYUOugnuOPO997zO_OwoV3hsaYAv-eqmS-W3zJ4mgBkN-kDgD3aUDhfy-6rQabvUzHPspvZagLwPAGIwZvly5fq58nD65nz1M3u9SHeMTJNF_eZovJwxOd9423qaFzQrJ2V4Mkg6y3FQqVDY3AnYW1cvomZR624kgluDCvSZcUSls3fGLot-cK4RwmVVopszK2dV-SFR6XbIGGLfipErUTYBREqbEgUrTGz1QiTlFgw-QQtd5bJsoQPH1YjpLgOzrSckGobiIW2RlsSZJWEbJX0aCTcdVhP6fpjKu56XXtmPZMjYheTAFhjvim9ayMGX66no9rcGedF43WNfjc7Iv1TIaPQVhGTr7VFpl9DIQ63YZ2lUevi6A5fKZPkGDZIuabCebpc4SRl1onB7Oo-OCP8KB0YPUvI0eR7ORai8a70FMInyG5m8DEqfal-ofUF5iQibtSWvKh0WVHg2ezdjjslPpzR6xS5sb7LNy7kjJCGCt7nr7LQVe5Mzu9BJcfDbZbVYdxTu1ggCIO2ZSRoFXp1lWCdAPudGixgP7uzMABaXWOXenk9bwMQBhLaCtcyaFtoq3ls-bvxSvSXURhK-4pGl1ZopjpIyMky-Zj-0wbWxU4cDP_y0x7q16P9T_Fw7kneT6epzGEeIAJDf45F2JZjJv97art4cMZ96g_s3YbeuzJdtxi-gYMJXy6ZMHLkifMOyahHjk38Y2qtOjZGX6QwVK4oAjEsrjHoP2GQ8M6OBwAA */
 @keyframes _1dp13490 {
   0% {
     transform: translateX(-100%);
@@ -2203,12 +2306,37 @@ button:disabled ._1sqif108,
   overflow: hidden;
   border-radius: var(--md-sys-shape-full);
 }
+._1dp13492::after {
+  content: "";
+  position: absolute;
+  inset-inline-end: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 4px;
+  height: 4px;
+  border-radius: var(--md-sys-shape-full);
+  background: rgb(var(--md-sys-color-primary));
+}
+._1dp13492[data-indeterminate]::after {
+  display: none;
+}
 ._1dp13493 {
   position: absolute;
   inset: 0;
+}
+._1dp13493::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  inset-inline-end: 0;
+  inset-inline-start: calc(var(--m3-progress, 0%) + 4px);
   background: rgb(var(--md-sys-color-surface-container-highest));
   border-radius: var(--md-sys-shape-full);
 }
+._1dp13492[data-indeterminate] ._1dp13493::before {
+  inset-inline-start: 0;
+}
 ._1dp13494 {
   position: absolute;
   top: 0;
@@ -2284,7 +2412,7 @@ button:disabled ._1sqif108,
   animation: _1lfskkf0 1.2s ease-in-out infinite;
 }
-/* vanilla-extract-css-ns:src/list.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61V227cIBB9z1egSpWyUkl3c2tKHvsZVVWNYeylwWDBeJNN1X-vwGxsb5zGTvMI5py5nDPjs58X1YWyZs1-nzBmdCAeaG9QMOss3p4wVoOvtBVsHQ8NKKVtxbU12uLRZWGcvBPspnmItwXIu8q71irByIMNDXi0dHvy5-QsB92koI0LmrSzgnk0QHqXwiodGgN7wUqDie9eK9oKtlmvP8YjGF1ZrgnrIJhES-jjdQWNYJvrnIJ74EE_alsJVjiv0PPCPUzVcUAQPhBP1IIZLOmfhbBM2vdKOuO8YL4qTnfgTzmvFQ_7wNM9d5aH1pcgcbV6CqZQOg9d_R1N35-L1J9aW75FXW1JsKuc51TLe9zlM9yX8zm4q2e4myzmqNtRER4IPE1Qbs7HnNeJU7Y-xM40Th-UagN6HtCgpL6Bboe-NO5esK1WCm26a6kT6bg910IUWDqPXQhnCS0J9uHD7chVUARnWkr82gakbNuhrrL1UdNvUacUswGpaX8weJc1xx1aCn22yQ05SkZEf9aBjdSvXXzCEULsUyCwCrxajUvZxtJHBT3lMCILBIQ8vT5iKJ1sA9_poAuDs5kS6ogJZJzC2RSNxxDwqKDvCgi40gEKg-rHJ9bTHy7z9E_19mWiQ1ZThNMZr4d0N-nbs-Xywjb51QbS5Z4_eav_1A3B1mt7l10yd_j5DrwGS6tRwzZHdbJxxrM3C_vM1mcXN6tx0WFXJZq8RM8vu7E-jHl37gFfp7uUalbao-w8L51p6zSjcWdk7vXhpWCbIScsqyNtyNJZ4iXU2hw7j_YNBgkGeeHUnhvwVfSypR53n4t7Hde97JFBP-IcXHyXUHE_Pe3M13GD5x0cKY5AiI6N_6rXGciDvNO2mmehha2fslCxiGJo8QUq1qh0W79BxgxcrmMGLhcyA_9HyUyxTMplOkxKKRetwPfZc_NMYKBAw0MNxiwzwRC4yARD4CITDIFvNMGQYpkJ5HuYYN4v4S9BPVxSIAwAAA */
+/* vanilla-extract-css-ns:src/list.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VV227cNhB991cQBgLEQOlqbcfZpdGnfkYRFCNypJ2YIgWSkr0p8u8BKcm6WK5XafrIyznDmXNmeP33bXmrjM7YPxeMafKB-3DSKJixBh8uGKvAlWQEy-KiBqXIlJyMJoOLzVxb-SjYvn6OuznIx9LZxijBggPja3BowsPF94vrPuguBa2tp0DWCOZQQ6A2hVXkaw0nwQqNie-JVDgKtsuyD3EJmkrDKWDlBZNoArq4XUIt2O6-f4J95p6-kSkFy61T6Hhun9fyGBABnwNP1IJpLMK_JsJ60rFW0mrrBHNl_rEF95HzSnF_8jztc2u4b1wBEq-uXoIplNZBl39HM9bnNtWnIsOPSOUxCPapf-dayUfc3Svc55tzcJ9e4fa9mLNqR0W4D-DCCuXuZs55nzhl43ysTG1pUKrx6LhHjTKMBbQtukLbJ8GOpBSatNeETqRlee6FyLGwDrsQ1gQ0QbDLy4eZqyD3Vjch8ZPxGHrbTnWVjYua_hl1SjFrkBROg8G7V3Ns0QQ_vja5oY_SI6I_K89m6lc2XuEIPtbJBzAKnLqap3KMqc8SennDjMwHCMjT7QVDYWXjeUueco1nMyXUgglk7MKzKWqH3uMiob8UBOCKPOQa1Zff2Eg_bPbdv1bbt4mGV60Rrr84m9Lt09mr4fLGNPna-EDFib94azzqmuDoyDz2Llnz7rkDgbfgCEy4mhVxt8idzbM4e9qw31l2fbufce87bo0Qu_ePS2ghgLv8kpj7WXuXdd0_TINh3c9SB4oaL9jhcDjMm35JThWUOOceJtl8sr1N0ZJCO6fYZdk7HMy35RRxczcHdOspgKpyEeLDFDCsbf4VZeAFRU9E4acsh3WPJccocii7iSGtbqrkkjhx-4DZcFOw3ZQTtime_pfCmsALqEgv-zacavQSNPLcqhPX4Mo4CUwYcU99xu_jupsj0tM3PAcX7yVUnO4vP877uMn1Do4hDhAf-z3-9O8zBAfykUx5XrNtLP1as-WbKKbDYIOKFSpqqp-QsQdu17EHbheyB_4XJXuKbVJu02FVSrnpA3n9S_x_JtCQo-a-Aq23mWAK3GSCKXCTCabAnzTBlGKbCeSvMMF5H8sPNmAzvF4NAAA */
 ._3g3dnl0 {
   list-style: none;
   margin: 0;
@@ -2356,15 +2484,34 @@ button:disabled ._1sqif108,
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
+  overflow: hidden;
   color: rgb(var(--md-sys-color-on-surface-variant));
 }
 ._3g3dnl1[data-disabled] ._3g3dnl8 {
   color: rgb(var(--md-sys-color-on-surface) / 0.38);
 }
+._3g3dnl8[data-leading=avatar] {
+  width: 40px;
+  height: 40px;
+  border-radius: 9999px;
+}
+._3g3dnl8[data-leading=image] {
+  width: 56px;
+  height: 56px;
+}
+._3g3dnl8[data-leading=video] {
+  width: 100px;
+  height: 56px;
+}
 ._3g3dnl8 svg {
   width: 24px;
   height: 24px;
 }
+._3g3dnl8 img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
 ._3g3dnl9 {
   display: flex;
   flex-direction: column;
@@ -2412,7 +2559,7 @@ button:disabled ._1sqif108,
   height: 24px;
 }
-/* vanilla-extract-css-ns:src/snackbar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1WUW_bOAx-768QCgxIgGlwkjUo1Mf9iR0OxYG2aFuLLBkS7cY93H8_SHYS29ddnXbAgGFPiUR-n0TqI-lPf20oPxjbJuzvG8Zq6xUpawTL1RHlww1jqSWylWCbfX0Ma405CXaXfAgLcmB8bl0l-r8aCL-u-F3yYR3Mz1wZicfgHpZS-VpDJ1iuMXKFXy6Vw6w_NLO6qUywFFALdt-f-KQklYJVyqzu9kl9_Mgy0NlqkyTtE-Nst62P6_XDzT83n07BbGbBONRAqsUXLwFaFYYrwsoLlqEhdPMbVMrwElVRkmCfh73UHrlXz8oUgqXWSXQ8tdFSg5TKFLzP1Clvp13X09xPd1Nts8N5d-BzIFXjBWvBrTivJPed576EGjkeyQH3FWgdM51CdiicbYwUzBXpagLJrLaOK9Oi88h943LIcB1x0fQqxJopKsZegrRPs8uhxhZCzrnGFvUueufWEM-hUrqbuVNXo89AI0-t7HiFUjUVD_4X4NOQ9wXA3vUC9eoZFwGDY4RpZfD80guAI_8ej0TouK8hi8JYQEEOsoMyxfpcT4NobSChjm2TpPJTpsrGHCP4oB2s6hJCCHL98VKRV-Gm1fOnBALuCRwFP0-dxsdYUsOdBEu-V_1_rO7r44t8aOT_sI38t9F4RbMIFsE2p0od-kVyruJtqKrRAbt4wG9ZLpTlKHOff2fujZm7WzKSlInnvzKZvjWeVN7xzBpCQ2NTrBFfOmUOQwGcYt_NxlB_lGCbbb9vW3S5Dg29VFKief8Yii2hBoeGLmSCGWti0FnjfBg9tVWn29uG-kudfRZNp9qpCly3XjxsNKSouQZX4HXaHAOv0uYYeJU2x8A3anNM8R1tCpFibh1GjZ5ldXv7MJEspN7qhuLLKOORBomNHz1rXHjwL-GBHv4zMIa35tiiIX9555fG3ua18eUJjAQn57GUQcqTiM6XmCqYgJBH7zlFbrPG81Z5lWpcTBVRcyrIQpUv5qgdej8fyPuf1DuGQbobWsS5lbyrZeTNz-wV0y_ZcY5_oRrYv78G9j-uBvY_pgb6j8jB9vgWsn8BZZx6zuwOAAA */
+/* vanilla-extract-css-ns:src/snackbar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1WUW_TMBB-36-wkJBaCaN03crkPfInQAihS3xJTB07si9ZM8R_R3bSLsmApRsSEuJpi---853vu_v69suG8r2xbcK-XTBWW69IWSNYrg4oby8YSy2RrQTb7OpD-NaYk2DXyevwQQ6Mz62rRP-vBsIPK36dvF4H8z1XRuIhuIdPqXytoRMs1xhjhb9cKodZf2lmdVOZYAGtCsMVYeUFy9AQunBcQC3YTZ_InZJUCpaBzlabJGnvGGfby_oQb67gwAeH3bvLAPh-8fZY62ZWq0MNpFr8aY4LMqmU4SWqoiTBroaz1B64V_fKFIKl1kl0PLXjvHNFPLOG0NAxxmCplFltr67qwxu2SYaXfFwPYzVIqUzB-44c-3M8dX0-N9PTVNtsfzodEnMgVeMFa8GtOK8k953nvoQaOR7IAfcVaB3zSCHbF842RgrminQ1gWRWW8eVadF55L5xOWS4jrhoehJizRQVH7EEae9myaHGFkLzuMYW9TZ659YQz6FSupu5U1ejz0AjT63seIVSNRUP_g_Au6GBC4C96wPUq3tcBAyOEaaVwRNlFgBH_j0eidBxX0MWGbYgBDnI9soU69PcDuy3IQh17DJJKj-NVNn4xgg-cAeruoRQgly_eZj8s3DTMfwkgYB7AkfBz1On8XOczSEnwZJfbZmPq5s46o_joZG_iTbyv4zGM5ZSsAi2mY1rcloH8z2zjRf8p-VCWo5e7ur_yz3z5a6XaJsy8f4nJO5r40nl3VGlxqY4I750yuyHATjWvp3JUH-VYJtBtGyLLtdhoZdKSjQvl6G4Empwg5D2wQQz1sSis8b5ID21VcfsbUN9UiefRepUO1WB69aLxUZDipprcAWex80x8CxujoFncXMMfCY3xyF-wU0hUsytw8jRE61evbqdUBZSb3VDsTPKeKSBYuOmZ40LDX8fGnT7SDCGXnNs0ZB_6PPPZG_zlHx5AiPByXktZaDypKJTElMGExDy6D0Pkdus8bxVXqUaF4eKqHkoyMKUL45RO_R-Lsi7v7Q7BiHdDivitEpetDLy5m_uiukv2fEb_0MzsHv5DOz-3Azs_swM9D8iB9vn5wT7AUbmthdUDwAA */
 ._1tfknov0 {
   position: fixed;
   bottom: 16px;
@@ -2421,8 +2568,10 @@ button:disabled ._1sqif108,
   z-index: 50;
   display: flex;
   flex-direction: column;
+  align-items: center;
   gap: 8px;
-  width: min(560px, calc(100vw - 32px));
+  width: calc(100vw - 32px);
+  max-width: 672px;
 }
 ._1tfknov1 {
   position: relative;
@@ -2431,6 +2580,9 @@ button:disabled ._1sqif108,
   gap: 8px;
   min-height: 48px;
   box-sizing: border-box;
+  width: fit-content;
+  min-width: min(344px, 100%);
+  max-width: 672px;
   padding-left: 16px;
   padding-right: 8px;
   padding-block: 8px;
@@ -2550,7 +2702,7 @@ button:disabled ._1sqif108,
   opacity: var(--md-sys-state-pressed);
 }
-/* vanilla-extract-css-ns:src/item.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-2VwY6bMBBA7_mKuVTaPcwK0t1U8n5MZcxgpjE2sk02bNV_rzDQEG0qQdreemQ8b5h5Nubpa_7FdqGOGXzfAbQucGRnBXgyMvKJXncAJYfWyF5AZeg8BN64jLWAPMs-DY_SsLbIkZogQJGN5Iewlq2A_NAmpHBnDPzOVgsonC_JY-HSSivLkq1GtoYtXYg5XhinjgLy_Rhu2GJNrOso4GVKjXSOmLoQYKiK6YVSHbV3nS0FRC9taKUnm5aUM84L8Lp4OEn_gNiUGPqAKY7OYuh8JRU9Pr7ufuyeZkV5UvRBxm-m_9aFyFWPytlINi6XBhJD7dkeBWRbOsKT9Cxt_NBZOOnU3bQz--dRzCxqfF4Q-9uzpM5K9qTGU6Cc6Ro7a5-KZ3OmgPyq6OdU9J5ZACpnI1ayYdMLuOJi31JQ0hAaWZDB0EhjcMi_gG_TnCvAMfWCBn6nVeCQmLDhmP46givARf7IU4zkMbRSpc9hRYnopTqy1dfb_rzJ93rPhSt7NNJr2qZ5wW2yvOA2SV5wdzpeVLit-OUfH-nUQEMld80dridwu-wJ3G57Av9E91Titu_Dpjv271yk_y-fey6fw8p_zk8IZiwIYggAAA */
+/* vanilla-extract-css-ns:src/item.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-2V326bMBTG7_MUVqVK7YUryNJMcbUnmabpgA9wGmMj25DQae8-4cACbdZBpu1qlz4-v8_H3_Gfh6_xR127wkfs24qxyjjyZLRgFhV4avBpxZgkVyloBcsUHrvAgaQvBIuj6LYbgqJcc_JYOsFS1B5tF86hEizeVgFJzJE7eiGdC5YYK9HyxISZCqQknXPSijSeiSGeKJPuBYvXp3BJmhdIeeEFe-xTPR49D1UIpjDzYUFI97k1tZaCeQvaVWBRh6nUKGMFs3ly14C947yU3LWOhzg3mrvaZpDi_f3T6vvqYbAoDha9MeMXu3-unaes5anRHrUfT3Ukd4UlvRcs6iKmQZspcxCsIClRL6mSN2AJtH9d7WcJHrhC6Fz8dAMNeLA3X8Im-gZuopN_g5_DuG-QBUm1E2y32-26iXfUqYQcp-JDc6bNekejIYlmqhFH0e9EmGvyMbLeTInTeEJQmb9a5HZMDGOTPGPqeUZd87oOTWTWl09D6K0ki-npHqVG1aUeDm6_YjRkChZPRD8E0Ws6z1hmtOcZlKRawSacbyt0KSjkChJU3JWgFO_yz-Ch3_wM8JR6Rh294CywSwxYd9F_XuIZ4Cj_xKP3aLmrIA0PygwJbyHdk86nl2SzyO_5PidGtlyBzXGZzSNukcsjbpHJI-5Kj0cKly1-_MtHOhRQoqS6vMLrHlxudg8ud7sH_8TuXuKy39tFv9Tbr-j_4_OvHp_tzK_rB2yt6WykCQAA */
 ._17nusht0 {
   position: relative;
   display: flex;
@@ -2570,12 +2722,31 @@ button:disabled ._1sqif108,
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
+  overflow: hidden;
   color: rgb(var(--md-sys-color-on-surface-variant));
 }
+._17nusht1[data-leading=avatar] {
+  width: 40px;
+  height: 40px;
+  border-radius: 9999px;
+}
+._17nusht1[data-leading=image] {
+  width: 56px;
+  height: 56px;
+}
+._17nusht1[data-leading=video] {
+  width: 100px;
+  height: 56px;
+}
 ._17nusht1 svg {
   width: 24px;
   height: 24px;
 }
+._17nusht1 img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
 ._17nusht2 {
   display: flex;
   flex-direction: column;