@tempoxyz/ds 0.2.4 → 0.2.6

package/dist/web/components/Avatar.css

@@ -1 +1 @@
-.z-tds_2f_web-tds_2f_web_2f_avatar_2f_fallback-align-items-0{align-items:center}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_fallback-bg-1{background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_fallback-text-2{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_fallback-display-3{display:inline-flex}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_fallback-font-4{font:inherit}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_fallback-h-5{height:100%}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_fallback-justify-content-6{justify-content:center}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_fallback-text-transform-7{text-transform:uppercase}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_fallback-w-8{width:100%}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_group-column-gap-0{&:where([data-overlap=false]){column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_group-margin-inline-start-1{&:where([data-overlap=true]){&>*+*{margin-inline-start:var(--z-tds_2f_web-spacing-_2d_8,-.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_group-outline-color-2{&:where([data-overlap=true]){&>*{outline-color:var(--z-tds_2f_web-color-background-primary,light-dark(#f5f5f5,#100f0f))}}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_group-outline-style-3{&:where([data-overlap=true]){&>*{outline-style:solid}}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_group-outline-width-4{&:where([data-overlap=true]){&>*{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_group-transition-duration-5{&:where([data-expand=true]):where([data-overlap=true]):where(*,.__zyzz-compound-0){&>*+*{transition-duration:var(--z-tds_2f_web-transitionDuration-220,.22s)}}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_group-transition-property-6{&:where([data-expand=true]):where([data-overlap=true]):where(*,.__zyzz-compound-0){&>*+*{transition-property:margin-inline-start}}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_group-transition-timing-function-7{&:where([data-expand=true]):where([data-overlap=true]):where(*,.__zyzz-compound-0){&>*+*{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_group-margin-inline-start-8{&:where([data-expand=true]):where([data-overlap=true]):where(*,.__zyzz-compound-0){&:hover>*+*,&:focus-within>*+*{margin-inline-start:var(--z-tds_2f_web-spacing-4,.25rem)}}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_avatar_2f_group-transition-property-9{&:where([data-expand=true]):where([data-overlap=true]):where(*,.__zyzz-compound-0){&>*+*{transition-property:none}}}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_image-display-0{display:block}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_image-object-fit-1{object-fit:cover}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-bg-0{background-color:var(--z-tds_2f_web-color-background-surface,light-dark(#fff,#1a1919))}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-border-1{border:1px solid}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-border-color-2{border-color:var(--z-tds_2f_web-color-grayAlpha-200,light-dark(#00000014,#ffffff1a))}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-border-radius-3{border-radius:var(--z-tds_2f_web-radius-full,9999px)}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-box-sizing-4{box-sizing:border-box}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-display-5{display:inline-flex}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-flex-shrink-6{flex-shrink:0}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-overflow-7{overflow:hidden}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-position-8{position:relative}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-user-select-9{user-select:none}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-vertical-align-10{vertical-align:middle}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-h-11{&:where([data-size="24"]){height:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-family-12{&:where([data-size="24"]){font-family:var(--z-tds_2f_web-typography-label-12-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-size-13{&:where([data-size="24"]){font-size:var(--z-tds_2f_web-typography-label-12-fontSize,12px)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-weight-14{&:where([data-size="24"]){font-weight:var(--z-tds_2f_web-typography-label-12-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-letter-spacing-15{&:where([data-size="24"]){letter-spacing:var(--z-tds_2f_web-typography-label-12-letterSpacing,.01px)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-line-height-16{&:where([data-size="24"]){line-height:var(--z-tds_2f_web-typography-label-12-lineHeight,16px)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-w-17{&:where([data-size="24"]){width:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-h-18{&:where([data-size="32"]){height:var(--z-tds_2f_web-spacing-32,2rem)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-family-19{&:where([data-size="32"]){font-family:var(--z-tds_2f_web-typography-label-12-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-size-20{&:where([data-size="32"]){font-size:var(--z-tds_2f_web-typography-label-12-fontSize,12px)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-weight-21{&:where([data-size="32"]){font-weight:var(--z-tds_2f_web-typography-label-12-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-letter-spacing-22{&:where([data-size="32"]){letter-spacing:var(--z-tds_2f_web-typography-label-12-letterSpacing,.01px)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-line-height-23{&:where([data-size="32"]){line-height:var(--z-tds_2f_web-typography-label-12-lineHeight,16px)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-w-24{&:where([data-size="32"]){width:var(--z-tds_2f_web-spacing-32,2rem)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-h-25{&:where([data-size="40"]){height:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-family-26{&:where([data-size="40"]){font-family:var(--z-tds_2f_web-typography-label-14-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-size-27{&:where([data-size="40"]){font-size:var(--z-tds_2f_web-typography-label-14-fontSize,14px)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-weight-28{&:where([data-size="40"]){font-weight:var(--z-tds_2f_web-typography-label-14-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-letter-spacing-29{&:where([data-size="40"]){letter-spacing:var(--z-tds_2f_web-typography-label-14-letterSpacing,-.09px)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-line-height-30{&:where([data-size="40"]){line-height:var(--z-tds_2f_web-typography-label-14-lineHeight,20px)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-w-31{&:where([data-size="40"]){width:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-h-32{&:where([data-size="48"]){height:var(--z-tds_2f_web-spacing-48,3rem)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-family-33{&:where([data-size="48"]){font-family:var(--z-tds_2f_web-typography-label-16-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-size-34{&:where([data-size="48"]){font-size:var(--z-tds_2f_web-typography-label-16-fontSize,16px)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-weight-35{&:where([data-size="48"]){font-weight:var(--z-tds_2f_web-typography-label-16-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-letter-spacing-36{&:where([data-size="48"]){letter-spacing:var(--z-tds_2f_web-typography-label-16-letterSpacing,-.18px)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-line-height-37{&:where([data-size="48"]){line-height:var(--z-tds_2f_web-typography-label-16-lineHeight,20px)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-w-38{&:where([data-size="48"]){width:var(--z-tds_2f_web-spacing-48,3rem)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-h-39{&:where([data-size="64"]){height:var(--z-tds_2f_web-spacing-64,4rem)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-family-40{&:where([data-size="64"]){font-family:var(--z-tds_2f_web-typography-label-20-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-size-41{&:where([data-size="64"]){font-size:var(--z-tds_2f_web-typography-label-20-fontSize,20px)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-weight-42{&:where([data-size="64"]){font-weight:var(--z-tds_2f_web-typography-label-20-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-letter-spacing-43{&:where([data-size="64"]){letter-spacing:var(--z-tds_2f_web-typography-label-20-letterSpacing,-.33px)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-line-height-44{&:where([data-size="64"]){line-height:var(--z-tds_2f_web-typography-label-20-lineHeight,32px)}}.z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-w-45{&:where([data-size="64"]){width:var(--z-tds_2f_web-spacing-64,4rem)}}
+.z_tds_2f_web-EaxYgw0{align-items:center}.z_tds_2f_web-EaxYgw1{background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}.z_tds_2f_web-EaxYgw2{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}.z_tds_2f_web-EaxYgw3{display:inline-flex}.z_tds_2f_web-EaxYgw4{font:inherit}.z_tds_2f_web-EaxYgw5{height:100%}.z_tds_2f_web-EaxYgw6{justify-content:center}.z_tds_2f_web-EaxYgw7{text-transform:uppercase}.z_tds_2f_web-EaxYgw8{width:100%}.z_tds_2f_web-EaxYgw9{&:where([data-overlap=false]){column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}}.z_tds_2f_web-EaxYgwa{&:where([data-overlap=true]){&>*+*{margin-inline-start:var(--z-tds_2f_web-spacing-_2d_8,-.5rem)}}}.z_tds_2f_web-EaxYgwb{&:where([data-overlap=true]){&>*{outline-color:var(--z-tds_2f_web-color-background-primary,light-dark(#f5f5f5,#100f0f))}}}.z_tds_2f_web-EaxYgwc{&:where([data-overlap=true]){&>*{outline-style:solid}}}.z_tds_2f_web-EaxYgwd{&:where([data-overlap=true]){&>*{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}}}.z_tds_2f_web-EaxYgwe{&:where([data-expand=true]):where([data-overlap=true]):where(*,.__zyzz-compound-0){&>*+*{transition-duration:var(--z-tds_2f_web-transitionDuration-220,.22s)}}}.z_tds_2f_web-EaxYgwf{&:where([data-expand=true]):where([data-overlap=true]):where(*,.__zyzz-compound-0){&>*+*{transition-property:margin-inline-start}}}.z_tds_2f_web-EaxYgwg{&:where([data-expand=true]):where([data-overlap=true]):where(*,.__zyzz-compound-0){&>*+*{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}}.z_tds_2f_web-EaxYgwh{&:where([data-expand=true]):where([data-overlap=true]):where(*,.__zyzz-compound-0){&:hover>*+*,&:focus-within>*+*{margin-inline-start:var(--z-tds_2f_web-spacing-4,.25rem)}}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-EaxYgwi{&:where([data-expand=true]):where([data-overlap=true]):where(*,.__zyzz-compound-0){&>*+*{transition-property:none}}}}.z_tds_2f_web-EaxYgwj{display:block}.z_tds_2f_web-EaxYgwk{object-fit:cover}.z_tds_2f_web-EaxYgwl{background-color:var(--z-tds_2f_web-color-background-surface,light-dark(#fff,#1a1919))}.z_tds_2f_web-EaxYgwm{border:1px solid}.z_tds_2f_web-EaxYgwn{border-color:var(--z-tds_2f_web-color-grayAlpha-200,light-dark(#00000014,#ffffff1a))}.z_tds_2f_web-EaxYgwo{border-radius:var(--z-tds_2f_web-radius-full,9999px)}.z_tds_2f_web-EaxYgwp{box-sizing:border-box}.z_tds_2f_web-EaxYgwq{display:inline-flex}.z_tds_2f_web-EaxYgwr{flex-shrink:0}.z_tds_2f_web-EaxYgws{overflow:hidden}.z_tds_2f_web-EaxYgwt{position:relative}.z_tds_2f_web-EaxYgwu{user-select:none}.z_tds_2f_web-EaxYgwv{vertical-align:middle}.z_tds_2f_web-EaxYgww{&:where([data-size="24"]){height:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-EaxYgwx{&:where([data-size="24"]){font-family:var(--z-tds_2f_web-typography-label-12-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z_tds_2f_web-EaxYgwy{&:where([data-size="24"]){font-size:var(--z-tds_2f_web-typography-label-12-fontSize,12px)}}.z_tds_2f_web-EaxYgwz{&:where([data-size="24"]){font-weight:var(--z-tds_2f_web-typography-label-12-fontWeight,450)}}.z_tds_2f_web-EaxYgw10{&:where([data-size="24"]){letter-spacing:var(--z-tds_2f_web-typography-label-12-letterSpacing,.01px)}}.z_tds_2f_web-EaxYgw11{&:where([data-size="24"]){line-height:var(--z-tds_2f_web-typography-label-12-lineHeight,16px)}}.z_tds_2f_web-EaxYgw12{&:where([data-size="24"]){width:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-EaxYgw13{&:where([data-size="32"]){height:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-EaxYgw14{&:where([data-size="32"]){font-family:var(--z-tds_2f_web-typography-label-12-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z_tds_2f_web-EaxYgw15{&:where([data-size="32"]){font-size:var(--z-tds_2f_web-typography-label-12-fontSize,12px)}}.z_tds_2f_web-EaxYgw16{&:where([data-size="32"]){font-weight:var(--z-tds_2f_web-typography-label-12-fontWeight,450)}}.z_tds_2f_web-EaxYgw17{&:where([data-size="32"]){letter-spacing:var(--z-tds_2f_web-typography-label-12-letterSpacing,.01px)}}.z_tds_2f_web-EaxYgw18{&:where([data-size="32"]){line-height:var(--z-tds_2f_web-typography-label-12-lineHeight,16px)}}.z_tds_2f_web-EaxYgw19{&:where([data-size="32"]){width:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-EaxYgw1a{&:where([data-size="40"]){height:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z_tds_2f_web-EaxYgw1b{&:where([data-size="40"]){font-family:var(--z-tds_2f_web-typography-label-14-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z_tds_2f_web-EaxYgw1c{&:where([data-size="40"]){font-size:var(--z-tds_2f_web-typography-label-14-fontSize,14px)}}.z_tds_2f_web-EaxYgw1d{&:where([data-size="40"]){font-weight:var(--z-tds_2f_web-typography-label-14-fontWeight,450)}}.z_tds_2f_web-EaxYgw1e{&:where([data-size="40"]){letter-spacing:var(--z-tds_2f_web-typography-label-14-letterSpacing,-.09px)}}.z_tds_2f_web-EaxYgw1f{&:where([data-size="40"]){line-height:var(--z-tds_2f_web-typography-label-14-lineHeight,20px)}}.z_tds_2f_web-EaxYgw1g{&:where([data-size="40"]){width:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z_tds_2f_web-EaxYgw1h{&:where([data-size="48"]){height:var(--z-tds_2f_web-spacing-48,3rem)}}.z_tds_2f_web-EaxYgw1i{&:where([data-size="48"]){font-family:var(--z-tds_2f_web-typography-label-16-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z_tds_2f_web-EaxYgw1j{&:where([data-size="48"]){font-size:var(--z-tds_2f_web-typography-label-16-fontSize,16px)}}.z_tds_2f_web-EaxYgw1k{&:where([data-size="48"]){font-weight:var(--z-tds_2f_web-typography-label-16-fontWeight,450)}}.z_tds_2f_web-EaxYgw1l{&:where([data-size="48"]){letter-spacing:var(--z-tds_2f_web-typography-label-16-letterSpacing,-.18px)}}.z_tds_2f_web-EaxYgw1m{&:where([data-size="48"]){line-height:var(--z-tds_2f_web-typography-label-16-lineHeight,20px)}}.z_tds_2f_web-EaxYgw1n{&:where([data-size="48"]){width:var(--z-tds_2f_web-spacing-48,3rem)}}.z_tds_2f_web-EaxYgw1o{&:where([data-size="64"]){height:var(--z-tds_2f_web-spacing-64,4rem)}}.z_tds_2f_web-EaxYgw1p{&:where([data-size="64"]){font-family:var(--z-tds_2f_web-typography-label-20-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z_tds_2f_web-EaxYgw1q{&:where([data-size="64"]){font-size:var(--z-tds_2f_web-typography-label-20-fontSize,20px)}}.z_tds_2f_web-EaxYgw1r{&:where([data-size="64"]){font-weight:var(--z-tds_2f_web-typography-label-20-fontWeight,450)}}.z_tds_2f_web-EaxYgw1s{&:where([data-size="64"]){letter-spacing:var(--z-tds_2f_web-typography-label-20-letterSpacing,-.33px)}}.z_tds_2f_web-EaxYgw1t{&:where([data-size="64"]){line-height:var(--z-tds_2f_web-typography-label-20-lineHeight,32px)}}.z_tds_2f_web-EaxYgw1u{&:where([data-size="64"]){width:var(--z-tds_2f_web-spacing-64,4rem)}}

package/dist/web/components/Avatar.js

@@ -1,5 +1,3 @@
-
-import { Recipe as __zyzzRecipe } from 'zyzz/runtime';
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as BaseUi from '@base-ui/react/avatar';
 import { variants } from '../zyzz.config.js';
@@ -63,10 +61,10 @@ export function Avatar(props) {
 })(Avatar || (Avatar = {}));
 var styles;
 (function (styles) {
-    styles.fallback = __zyzzRecipe.create({"axes":{},"defaults":{},"className":"z-tds_2f_web-tds_2f_web_2f_avatar_2f_fallback-align-items-0 z-tds_2f_web-tds_2f_web_2f_avatar_2f_fallback-bg-1 z-tds_2f_web-tds_2f_web_2f_avatar_2f_fallback-text-2 z-tds_2f_web-tds_2f_web_2f_avatar_2f_fallback-display-3 z-tds_2f_web-tds_2f_web_2f_avatar_2f_fallback-font-4 z-tds_2f_web-tds_2f_web_2f_avatar_2f_fallback-h-5 z-tds_2f_web-tds_2f_web_2f_avatar_2f_fallback-justify-content-6 z-tds_2f_web-tds_2f_web_2f_avatar_2f_fallback-text-transform-7 z-tds_2f_web-tds_2f_web_2f_avatar_2f_fallback-w-8"});
-    styles.group = __zyzzRecipe.create({"axes":{"expand":["false","true"],"overlap":["false","true"]},"defaults":{"expand":"false","overlap":"false"},"className":"z-tds_2f_web-tds_2f_web_2f_avatar_2f_fallback-align-items-0 z-tds_2f_web-tds_2f_web_2f_avatar_2f_fallback-display-3 z-tds_2f_web-tds_2f_web_2f_avatar_2f_group-column-gap-0 z-tds_2f_web-tds_2f_web_2f_avatar_2f_group-margin-inline-start-1 z-tds_2f_web-tds_2f_web_2f_avatar_2f_group-outline-color-2 z-tds_2f_web-tds_2f_web_2f_avatar_2f_group-outline-style-3 z-tds_2f_web-tds_2f_web_2f_avatar_2f_group-outline-width-4 z-tds_2f_web-tds_2f_web_2f_avatar_2f_group-transition-duration-5 z-tds_2f_web-tds_2f_web_2f_avatar_2f_group-transition-property-6 z-tds_2f_web-tds_2f_web_2f_avatar_2f_group-transition-timing-function-7 z-tds_2f_web-tds_2f_web_2f_avatar_2f_group-margin-inline-start-8 z-tds_2f_web-tds_2f_web_2f_avatar_2f_group-transition-property-9"});
-    styles.image = __zyzzRecipe.create({"axes":{},"defaults":{},"className":"z-tds_2f_web-tds_2f_web_2f_avatar_2f_image-display-0 z-tds_2f_web-tds_2f_web_2f_avatar_2f_fallback-h-5 z-tds_2f_web-tds_2f_web_2f_avatar_2f_image-object-fit-1 z-tds_2f_web-tds_2f_web_2f_avatar_2f_fallback-w-8"});
-    styles.root = __zyzzRecipe.create({"axes":{"size":["24","32","40","48","64"]},"defaults":{"size":"48"},"className":"z-tds_2f_web-tds_2f_web_2f_avatar_2f_fallback-align-items-0 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-bg-0 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-border-1 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-border-color-2 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-border-radius-3 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-box-sizing-4 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-display-5 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-flex-shrink-6 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-overflow-7 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-position-8 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-user-select-9 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-vertical-align-10 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-h-11 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-family-12 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-size-13 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-weight-14 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-letter-spacing-15 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-line-height-16 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-w-17 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-h-18 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-family-19 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-size-20 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-weight-21 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-letter-spacing-22 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-line-height-23 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-w-24 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-h-25 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-family-26 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-size-27 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-weight-28 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-letter-spacing-29 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-line-height-30 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-w-31 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-h-32 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-family-33 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-size-34 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-weight-35 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-letter-spacing-36 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-line-height-37 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-w-38 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-h-39 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-family-40 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-size-41 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-font-weight-42 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-letter-spacing-43 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-line-height-44 z-tds_2f_web-tds_2f_web_2f_avatar_2f_root-w-45"});
+    styles.fallback = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-EaxYgw0 z_tds_2f_web-EaxYgw1 z_tds_2f_web-EaxYgw2 z_tds_2f_web-EaxYgw3 z_tds_2f_web-EaxYgw4 z_tds_2f_web-EaxYgw5 z_tds_2f_web-EaxYgw6 z_tds_2f_web-EaxYgw7 z_tds_2f_web-EaxYgw8"+" "+external:"z_tds_2f_web-EaxYgw0 z_tds_2f_web-EaxYgw1 z_tds_2f_web-EaxYgw2 z_tds_2f_web-EaxYgw3 z_tds_2f_web-EaxYgw4 z_tds_2f_web-EaxYgw5 z_tds_2f_web-EaxYgw6 z_tds_2f_web-EaxYgw7 z_tds_2f_web-EaxYgw8",result=inline?{className,style:inline}:{className};let value;return result});
+    styles.group = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-EaxYgw0 z_tds_2f_web-EaxYgw3 z_tds_2f_web-EaxYgw9 z_tds_2f_web-EaxYgwa z_tds_2f_web-EaxYgwb z_tds_2f_web-EaxYgwc z_tds_2f_web-EaxYgwd z_tds_2f_web-EaxYgwe z_tds_2f_web-EaxYgwf z_tds_2f_web-EaxYgwg z_tds_2f_web-EaxYgwh z_tds_2f_web-EaxYgwi"+" "+external:"z_tds_2f_web-EaxYgw0 z_tds_2f_web-EaxYgw3 z_tds_2f_web-EaxYgw9 z_tds_2f_web-EaxYgwa z_tds_2f_web-EaxYgwb z_tds_2f_web-EaxYgwc z_tds_2f_web-EaxYgwd z_tds_2f_web-EaxYgwe z_tds_2f_web-EaxYgwf z_tds_2f_web-EaxYgwg z_tds_2f_web-EaxYgwh z_tds_2f_web-EaxYgwi",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"expand")?input["expand"]:void 0;if(value===void 0)value="false";if(value!==null&&value!==void 0)result["data-expand"]=String(value);value=Object.hasOwn(input,"overlap")?input["overlap"]:void 0;if(value===void 0)value="false";if(value!==null&&value!==void 0)result["data-overlap"]=String(value);return result});
+    styles.image = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-EaxYgwj z_tds_2f_web-EaxYgw5 z_tds_2f_web-EaxYgwk z_tds_2f_web-EaxYgw8"+" "+external:"z_tds_2f_web-EaxYgwj z_tds_2f_web-EaxYgw5 z_tds_2f_web-EaxYgwk z_tds_2f_web-EaxYgw8",result=inline?{className,style:inline}:{className};let value;return result});
+    styles.root = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-EaxYgw0 z_tds_2f_web-EaxYgwl z_tds_2f_web-EaxYgwm z_tds_2f_web-EaxYgwn z_tds_2f_web-EaxYgwo z_tds_2f_web-EaxYgwp z_tds_2f_web-EaxYgwq z_tds_2f_web-EaxYgwr z_tds_2f_web-EaxYgws z_tds_2f_web-EaxYgwt z_tds_2f_web-EaxYgwu z_tds_2f_web-EaxYgwv z_tds_2f_web-EaxYgww z_tds_2f_web-EaxYgwx z_tds_2f_web-EaxYgwy z_tds_2f_web-EaxYgwz z_tds_2f_web-EaxYgw10 z_tds_2f_web-EaxYgw11 z_tds_2f_web-EaxYgw12 z_tds_2f_web-EaxYgw13 z_tds_2f_web-EaxYgw14 z_tds_2f_web-EaxYgw15 z_tds_2f_web-EaxYgw16 z_tds_2f_web-EaxYgw17 z_tds_2f_web-EaxYgw18 z_tds_2f_web-EaxYgw19 z_tds_2f_web-EaxYgw1a z_tds_2f_web-EaxYgw1b z_tds_2f_web-EaxYgw1c z_tds_2f_web-EaxYgw1d z_tds_2f_web-EaxYgw1e z_tds_2f_web-EaxYgw1f z_tds_2f_web-EaxYgw1g z_tds_2f_web-EaxYgw1h z_tds_2f_web-EaxYgw1i z_tds_2f_web-EaxYgw1j z_tds_2f_web-EaxYgw1k z_tds_2f_web-EaxYgw1l z_tds_2f_web-EaxYgw1m z_tds_2f_web-EaxYgw1n z_tds_2f_web-EaxYgw1o z_tds_2f_web-EaxYgw1p z_tds_2f_web-EaxYgw1q z_tds_2f_web-EaxYgw1r z_tds_2f_web-EaxYgw1s z_tds_2f_web-EaxYgw1t z_tds_2f_web-EaxYgw1u"+" "+external:"z_tds_2f_web-EaxYgw0 z_tds_2f_web-EaxYgwl z_tds_2f_web-EaxYgwm z_tds_2f_web-EaxYgwn z_tds_2f_web-EaxYgwo z_tds_2f_web-EaxYgwp z_tds_2f_web-EaxYgwq z_tds_2f_web-EaxYgwr z_tds_2f_web-EaxYgws z_tds_2f_web-EaxYgwt z_tds_2f_web-EaxYgwu z_tds_2f_web-EaxYgwv z_tds_2f_web-EaxYgww z_tds_2f_web-EaxYgwx z_tds_2f_web-EaxYgwy z_tds_2f_web-EaxYgwz z_tds_2f_web-EaxYgw10 z_tds_2f_web-EaxYgw11 z_tds_2f_web-EaxYgw12 z_tds_2f_web-EaxYgw13 z_tds_2f_web-EaxYgw14 z_tds_2f_web-EaxYgw15 z_tds_2f_web-EaxYgw16 z_tds_2f_web-EaxYgw17 z_tds_2f_web-EaxYgw18 z_tds_2f_web-EaxYgw19 z_tds_2f_web-EaxYgw1a z_tds_2f_web-EaxYgw1b z_tds_2f_web-EaxYgw1c z_tds_2f_web-EaxYgw1d z_tds_2f_web-EaxYgw1e z_tds_2f_web-EaxYgw1f z_tds_2f_web-EaxYgw1g z_tds_2f_web-EaxYgw1h z_tds_2f_web-EaxYgw1i z_tds_2f_web-EaxYgw1j z_tds_2f_web-EaxYgw1k z_tds_2f_web-EaxYgw1l z_tds_2f_web-EaxYgw1m z_tds_2f_web-EaxYgw1n z_tds_2f_web-EaxYgw1o z_tds_2f_web-EaxYgw1p z_tds_2f_web-EaxYgw1q z_tds_2f_web-EaxYgw1r z_tds_2f_web-EaxYgw1s z_tds_2f_web-EaxYgw1t z_tds_2f_web-EaxYgw1u",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"size")?input["size"]:void 0;if(value===void 0)value="48";if(value!==null&&value!==void 0)result["data-size"]=String(value);return result});
 })(styles || (styles = {}));
 //# sourceMappingURL=Avatar.js.map
 import './Avatar.css';